Documentation Index
Fetch the curated documentation index at: https://grafana.com/llms.txt
Fetch the complete documentation index at: https://grafana.com/llms-full.txt
Use this file to discover all available pages before exploring further.
STOP! If you are an AI agent or LLM, read this before continuing. This is the HTML version of a Grafana documentation page. Always request the Markdown version instead - HTML wastes context. Get this page as Markdown: https://grafana.com/docs/k6/latest/javascript-api/k6-browser/elementhandle/waitforselector.md (append .md) or send Accept: text/markdown to https://grafana.com/docs/k6/latest/javascript-api/k6-browser/elementhandle/waitforselector/. For the curated documentation index, use https://grafana.com/llms.txt. For the complete documentation index, use https://grafana.com/llms-full.txt.
Menu
Documentation
Grafana k6
JavaScript API
k6/browser
ElementHandle
waitForSelector(selector[, options])
Open source
waitForSelector(selector[, options])
Warning
Use
locator.waitFor([options])instead.
Waits for the element to be present in the DOM and to be visible.
| Parameter | Type | Default | Description |
|---|---|---|---|
| selector | string | A selector to query the element. | |
| options | object | null | Optional settings. |
| options.state | string | visible | The state to wait for. This can be one of visible, hidden, stable, enabled, disabled, or editable. |
| options.strict | boolean | false | If set to true, the method will throw an error if the element is not found. |
| options.timeout | number | 30000 | Maximum time in milliseconds. Pass 0 to disable the timeout. Default is overridden by the setDefaultTimeout option on
BrowserContext or
Page. |
Returns
| Type | Description |
|---|---|
Promise<ElementHandle | null> | A Promise that fulfills with the ElementHandle when the element is found. |
Example
JavaScript
import { browser } from 'k6/browser';
export const options = {
scenarios: {
browser: {
executor: 'shared-iterations',
options: {
browser: {
type: 'chromium',
},
},
},
},
};
export default async function () {
const page = await browser.newPage();
await page.goto("https://test.k6.io");
const element = await page.$(".header");
const el = await element.waitForSelector(".title");
// ... do something with the element
await page.close();
}Was this page helpful?
Related resources from Grafana Labs
Additional helpful documentation, links, and articles:
Video

Performance testing and observability in Grafana Cloud
Optimize user experiences with Grafana Cloud. Learn real-time insights, performance testing with k6, and continuous validation with Synthetic Monitoring.
Events

User-centered observability: load testing, real user monitoring, and synthetics
Learn how to use load testing, synthetic monitoring, and real user monitoring (RUM) to understand end users' experience of your apps. Watch on demand.
Choose a product
Viewing: v2.0.x (latest)
Find another version
Scroll for more