waitForSelector(selector[, options])
等待元素出现在 DOM 中并可见。
参数 | 类型 | 默认值 | 描述 |
---|---|---|---|
selector | string | 用于查询元素的 CSS 选择器。 | |
options | object | null | 可选设置。 |
options.state | string | visible | 等待的状态。可以是 visible (可见)、hidden (隐藏)、stable (稳定)、enabled (启用)、disabled (禁用)或 editable (可编辑)之一。 |
options.strict | boolean | false | 如果设置为 true ,如果找不到元素,方法将抛出错误。 |
options.timeout | number | 30000 | 最大等待时间(毫秒)。传递 0 可禁用超时。默认值会被 BrowserContext 或 Page 上的 setDefaultTimeout 选项覆盖。 |
返回值
类型 | 描述 |
---|---|
Promise<ElementHandle | null> | 找到元素时,Promise 会解析为 ElementHandle。 |
示例
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();
}