Webdriver IO中Firefox不支持isAlertOpen的跨浏览器兼容方案咨询

问题原因 #

browser.isAlertOpen是Chrome DevTools协议专属的非标准API，Firefox遵循标准W3C WebDriver协议，未提供该方法，因此会抛类型错误。

兼容解决方案 #

以下实现可同时适配Chrome和Firefox浏览器：

通用兼容写法（无浏览器判断，全平台适用） #

核心逻辑是通过try-catch捕获getAlertText的异常判断弹窗是否存在：getAlertText是W3C标准API，所有主流浏览器均支持，当无激活alert时调用会抛出NoSuchAlertError。

// Steps.js
Then(/^I verify that alert is visible with text $/, async () => {
  let alertText;
  await browser.waitUntil(async () => {
    try {
      alertText = await browser.getAlertText();
      return true;
    } catch (error) {
      // 无alert时返回false继续等待
      return false;
    }
  }, {
    timeout: 5000, // 可根据业务调整超时时间
    timeoutMsg: "等待alert弹窗超时"
  });
  expect(alertText).toEqual('Text on alert');
});

性能优化写法（保留Chrome原生API能力） #

如果需要保留Chrome下原生isAlertOpen的执行性能，可增加浏览器判断分支：

// Steps.js
Then(/^I verify that alert is visible with text $/, async () => {
  let alertText;
  await browser.waitUntil(async () => {
    // Chrome环境走原生API判断
    if (browser.capabilities.browserName === 'chrome') {
      const isOpen = await browser.isAlertOpen();
      if (!isOpen) return false;
      alertText = await browser.getAlertText();
      return true;
    }
    // 其他浏览器走通用兼容逻辑
    try {
      alertText = await browser.getAlertText();
      return true;
    } catch (error) {
      return false;
    }
  });
  expect(alertText).toEqual('Text on alert');
});

后续操作提示 #

如果测试逻辑需要关闭alert，可调用browser.acceptAlert()（确认）或browser.dismissAlert()（取消），两个方法均为W3C标准API，Chrome、Firefox通用。

内容的提问来源于stack exchange，提问作者Gintars Lazda