Selenium WebDriver如何处理随机出现的不可控JavaScript Alert

我之前也碰到过这种随机弹出的Alert搞砸测试的情况，太头疼了！针对你用的Node.js + Mocha + Selenium的场景，这里有几个靠谱的解决方案，能彻底解决这个UnexpectedAlertOpenError问题：

方案一：让浏览器自动接受所有JavaScript Alert（最简单） #

Chrome和Firefox都支持通过DevTools命令自动处理Alert，这样不管Alert什么时候弹出来，浏览器都会自动帮你点确定，根本不会触发Selenium的错误。

修改你的driver初始化逻辑，加上自动处理Alert的配置：

const { Builder, By } = require('selenium-webdriver');
const chrome = require('selenium-webdriver/chrome');

async function createDriver() {
  const options = new chrome.Options();
  // 禁用弹窗阻止，避免干扰Alert处理
  options.addArguments('--disable-popup-blocking');

  const driver = await new Builder()
    .forBrowser('chrome')
    .setChromeOptions(options)
    .build();

  // 通过Chrome DevTools命令设置自动接受所有Alert
  await driver.executeCdpCommand('Page.setAlertBehavior', {
    behavior: 'accept'
  });

  return driver;
}

之后在测试里用这个createDriver()初始化driver，随机Alert就会被自动处理，不会打断测试流程。

方案二：全局错误捕获 + 重试机制（更灵活） #

如果你需要根据Alert内容做不同处理（比如验证提示文本），可以写一个通用的重试函数，包裹所有可能触发错误的操作：

async function withAlertHandling(action) {
  try {
    return await action();
  } catch (err) {
    // 判断是否是Alert未处理的错误
    if (err.name === 'UnexpectedAlertOpenError') {
      // 可以先获取Alert文本做验证
      // const alertText = await driver.switchTo().alert().getText();
      // console.log('Alert text:', alertText);
      
      // 接受Alert
      await driver.switchTo().alert().accept();
      // 重试原操作
      return await action();
    }
    // 其他错误正常抛出
    throw err;
  }
}

然后在测试里用这个函数包裹你的操作，同时建议改用async/await替代done回调（Mocha原生支持，代码更简洁）：

describe('handling alerts', function() {
  let driver;

  before(async function() {
    driver = await createDriver();
  });

  after(async function() {
    await driver.quit();
  });

  it('should check title ', async function() {
    await withAlertHandling(() => driver.get("https://www.google.in"));
    await withAlertHandling(() => driver.findElement(By.id("q")));
    await withAlertHandling(() => driver.get("https://jsfiddle.net/cwthh0y7/"));
    
    const title = await withAlertHandling(() => driver.getTitle());
    assert.equal(title, "Edit fiddle - JSFiddle");
  });
});

方案三：使用Selenium事件监听器（进阶） #

Node.js的Selenium支持全局事件监听，你可以监听error事件，遇到Alert错误时自动处理：

driver.on('error', async (err) => {
  if (err.name === 'UnexpectedAlertOpenError') {
    try {
      await driver.switchTo().alert().accept();
    } catch (alertErr) {
      // 如果Alert已经消失，忽略错误
      console.log('Alert already handled:', alertErr.message);
    }
  }
});

注意：这个全局监听可能会影响其他测试，建议在每个测试的setup阶段添加，teardown阶段移除监听。

额外提示 #

• 优先用async/await替代done回调，Mocha从v3版本开始就支持异步函数，能避免很多回调地狱和done调用错误的问题。
• 如果需要拒绝某些Alert，可以把方案一中的behavior: 'accept'改成behavior: 'dismiss'，或者在方案二中用driver.switchTo().alert().dismiss()。

内容的提问来源于stack exchange，提问作者Rohit Kumar