Typescript 编剧错误：正在等待Expect(Locator).toBeVisible()

发布于02月21日

当我在PLAYRITRITE中运行测试时，断言总是失败.它与h2元素不匹配，即使页面确实显示了它.

我的测试代码:

import { test, expect } from '@playwright/test';

test('Thomann', async ({ page }) => {
  await page.goto('https://www.thomann.de/intl/index.html');
  await page.locator('xpath=/html/body/div[2]/div/div/div/div[2]/button[1]').click();
  await expect(page.getByRole('heading', { name: 'Nuestras categorías' })).toBeVisible();
});

日志(log)错误:

Error: Timed out 5000ms waiting for expect(locator).toBeVisible()

Locator: getByRole('heading', { name: 'Nuestras categorías' })
Expected: visible
Received: hidden
Call log:
  - expect.toBeVisible with timeout 5000ms
  - waiting for getByRole('heading', { name: 'Nuestras categorías' })

推荐答案

我不知道你怎么想，但我被重定向到https://www.thomannmusic.com/index.html了.可能是因为我在美国.在任何情况下，我建议你用npx playwright test --headed来确保你在正确的地方结束.

否则，如果我使用英文文本，代码将对我起作用:

import {expect, test} from "@playwright/test";

test("has an 'Our Categories' heading after redirect and cookie reject", async ({page}) => {
  await page.goto("https://www.thomann.de/intl/index.html");
  await expect(page).toHaveURL("https://www.thomannmusic.com/index.html");
  await page.getByRole("button", {name: "Reject Cookies"}).click();
  await expect(page.getByRole("heading", {name: "Our Categories"})).toBeVisible();
});

注意，我没有使用xpath，这是不鼓励的，因为它不是user-visible，而且它很脆弱，因为如果链中的单个div发生更改，路径将不再有效.