Playwright Javascript - 通过 data-testid 调用 Web 元素

Question

我正在使用 Playwright Javascript 来自动化测试。这是我第一次尝试通过

data-testid

而不是

id

或 XPath 来调用元素。如果我像这样通过 XPath 调用一个元素，例如：

this.txtSearch = page.locator('xpath=//*[@id="root"]/div/main/section/div[1]/div[1]/div/div/input');

然后就可以正确调用它了。但是，如果我这样称呼它：

data-testid

我收到错误：

错误：等待expect(locator).toBeVisible()超时5000ms

定位器：定位器（'[data-test-id =“SearchBar-InputText”]'）

预期：可见
收到：

通话记录：

expect.toBeVisible 超时 5000 毫秒

• 等待定位器（'[data-test-id =“SearchBar-InputText”]'）

为什么会这样？我是不是打错方向了

this.txtSearch = page.locator('[data-testid="SearchBar-InputText"]');

？我尝试了很多方法，但我不知道它会是什么。

Answer 1

data-testid

。您可以在

通过测试 ID 定位

阅读更多信息。 所以你的定位器必须是

getByTestId()