选择器

选择器可用于安装自定义选择器引擎。有关更多信息，请参阅可扩展性。

---

方法

register

在 v1.9 之前添加 selectors.register

必须在创建页面之前注册选择器。

用法

注册基于标签名称查询元素的选择器引擎的示例

const { selectors, firefox } = require('@playwright/test');  // Or 'chromium' or 'webkit'.

(async () => {
  // Must be a function that evaluates to a selector engine instance.
  const createTagNameEngine = () => ({
    // Returns the first element matching given selector in the root's subtree.
    query(root, selector) {
      return root.querySelector(selector);
    },

    // Returns all elements matching given selector in the root's subtree.
    queryAll(root, selector) {
      return Array.from(root.querySelectorAll(selector));
    }
  });

  // Register the engine. Selectors will be prefixed with "tag=".
  await selectors.register('tag', createTagNameEngine);

  const browser = await firefox.launch();
  const page = await browser.newPage();
  await page.setContent(`<div><button>Click me</button></div>`);

  // Use the selector prefixed with its name.
  const button = page.locator('tag=button');
  // We can combine it with built-in locators.
  await page.locator('tag=div').getByText('Click me').click();
  // Can use it in any methods supporting selectors.
  const buttonCount = await page.locator('tag=button').count();

  await browser.close();
})();

参数

• name 字符串#

  在选择器中用作前缀的名称，例如 {name: 'foo'} 启用 foo=myselectorbody 选择器。只能包含 [a-zA-Z0-9_] 字符。

• script 函数 | 字符串 | 对象#

  • path 字符串 (可选)

    JavaScript 文件的路径。如果 path 是相对路径，则相对于当前工作目录解析。可选。

  • content 字符串 (可选)

    原始脚本内容。可选。

  计算为选择器引擎实例的脚本。该脚本在页面上下文中执行。

• options 对象 (可选)

  • contentScript 布尔值 (可选)#

    是否在隔离的 JavaScript 环境中运行此选择器引擎。此环境可以访问相同的 DOM，但不能访问框架脚本中的任何 JavaScript 对象。默认为 false。请注意，当此引擎与其他注册引擎一起使用时，不能保证作为内容脚本运行。

返回值

• Promise<void>#

---

setTestIdAttribute

添加于：v1.27 selectors.setTestIdAttribute

定义要在page.getByTestId() 中使用的自定义属性名称。默认情况下使用 data-testid。

用法

selectors.setTestIdAttribute(attributeName);

参数

• attributeName 字符串#

  测试 ID 属性名称。