PlayWright 1.29.2条件测试问题：click()火狐正常，Chrome/WebKit失败

你的核心问题是错误地用Locator实例做条件判断——PlayWright的page.getByRole()返回的是Locator对象，无论目标元素是否存在/可见，这个对象都会被创建，所以你的if条件永远为true，导致在Chrome和WebKit中元素隐藏时强行执行click()，触发交互失败报错。

正确的处理方式 #

不要直接判断Locator，而是通过元素的可见性状态来决定是否点击，以下是几种可靠的实现：

方法1：检查元素可见性后点击

const acceptCookieBtn = page.getByRole('button', { name: 'Alle akzeptieren', includeHidden: false });
if (await acceptCookieBtn.isVisible()) {
  await acceptCookieBtn.click();
}

isVisible()会返回布尔值，准确判断元素是否在页面中可见且可交互，只有当元素确实显示时才执行点击。

方法2：带超时的等待+异常捕获

如果Cookie横幅加载有延迟，可以设置短超时等待元素出现，没出现就跳过：

try {
  const acceptCookieBtn = page.getByRole('button', { name: 'Alle akzeptieren' });
  // 等待元素可见，超时3秒（可根据实际调整）
  await acceptCookieBtn.waitFor({ state: 'visible', timeout: 3000 });
  await acceptCookieBtn.click();
} catch (err) {
  // 元素未出现，不影响后续测试，直接跳过
}

方法3：使用click()的timeout参数（简化版）

直接在点击时设置超时，元素没出现就自动跳过：

await page.getByRole('button', { name: 'Alle akzeptieren' }).click({ timeout: 3000 }).catch(() => {});

为什么Firefox能正常运行？ #

大概率是Firefox中Cookie横幅的加载逻辑与Chrome/WebKit不同——比如横幅始终可见，或者元素可见状态的判断时机更早，导致click()执行时元素确实可交互，所以没有报错。

内容的提问来源于stack exchange，提问作者fkc-ik