如何使用 Playwright 通过 Xpath/CSS 选择器定位元素

Question

如何使用 Playwright TS/JS 通过 Xpath/CSS 选择器定位元素？

Playwright 中有很多定位器（与 Selenium 相比） 例如

getByRole

和

getByText

。

有像

getByCssSelector

或

getByXpath

这样的定位器吗？

Answer 1

根据剧作家的说法 有关定位器的文档

您可以使用

page.locator()

创建一个定位器，该定位器采用一个选择器来描述如何在页面中查找元素。 Playwright 支持 CSS 和 XPath 选择器，如果您省略

css=

或

xpath=

前缀，则会自动检测它们。

// With Prefix
await page.locator('css=button').click(); // CssSelector
await page.locator('xpath=//button').click(); // Xpath

// Without Prefix
await page.locator('button').click(); // CssSelector
await page.locator('//button').click(); // Xpath