Node.js环境下Selenium Webdriver仍报UnexpectedAlertOpenError求助

我在Node.js环境中使用Cucumber.js和Selenium WebDriver JS，浏览器为Firefox。测试页面加载时会弹出alert，已编写Cucumber步骤关闭该alert（视觉上alert已消失），但仍报错：

UnexpectedAlertOpenError: Dismissed user prompt dialog: Some alert text...

尝试过的无效方法 #

1. 浏览器启动时配置弹窗自动处理 #

let options = new firefox.Options();
options.setAlertBehavior(UserPromptHandeler, 'dismiss');
this.driver = new Builder()
    .forBrowser('firefox')
    .setFirefoxOptions(options)
    .build();

2. 多种Cucumber步骤关闭弹窗的写法 #

写法一：

When('I dismiss the alert', async function() {
    this.driver.switchTo().alert().then((alert) => alert.dismiss());
});

写法二：

When('I dismiss the alert', async function() {
    await this.driver.wait(until.alertIsPresent());
    let alert = await this.driver.switchTo().alert();
    await alert.dismiss();
});

3. 增加等待后再关闭弹窗 #

写法一：

When('I dismiss the alert', async function() {
    await this.driver.manage().setTimeouts({ implicit: 3000 });
    this.driver.switchTo().alert().then((alert) => alert.dismiss());
});

写法二：

When('I dismiss the alert', async function() {
    await this.driver.sleep(3000);
    this.driver.switchTo().alert().then((alert) => alert.dismiss());
});

完整测试代码 #

const { When, Then, Given } = require('@cucumber/cucumber');
const { Builder, By, until, Key } = require('selenium-webdriver');
const { Options } = require('selenium-webdriver/firefox');
const firefox = require('selenium-webdriver/firefox');
const { UserPromptHandeler } = require('selenium-webdriver/lib/capabilities');

Given('I am on the branch locator page', async function () {
    let options = new firefox.Options();
        //options.setAlertBehavior(UserPromptHandeler, 'dismiss');
    this.driver = new Builder()
        .forBrowser('firefox')
        .setFirefoxOptions(options)
        .build();
    
    this.driver.wait(until.elementLocated(By.tagName('h1')));

    await this.driver.get('https://www.awebsite.com');    
});

 When('I dismiss the alert', async function() {
    await this.driver.sleep(3000);
    //await this.driver.manage().setTimeouts({ implicit: 3000 });
    this.driver.switchTo().alert().then((alert) => alert.dismiss());
    // await this.driver.wait(until.alertIsPresent());
    // let alert = await this.driver.switchTo().alert();
    // await alert.dismiss();
});

Then('I click the radio button', async function() {
    await this.driver.findElement(By.id('option2')).click();
});

解决方案 #

1. 修复浏览器配置参数错误 #

setAlertBehavior不需要传入UserPromptHandeler，直接传入行为字符串即可：

let options = new firefox.Options();
options.setAlertBehavior('dismiss'); // 直接传'dismiss'或'accept'
this.driver = new Builder()
    .forBrowser('firefox')
    .setFirefoxOptions(options)
    .build();

2. 确保异步操作正确等待 #

步骤中存在未等待的Promise，导致后续步骤执行时弹窗可能未处理完成，修改步骤代码：

When('I dismiss the alert', async function() {
    // 等待弹窗出现，设置超时时间
    await this.driver.wait(until.alertIsPresent(), 5000);
    // 切换到弹窗并关闭，确保等待操作完成
    const alert = await this.driver.switchTo().alert();
    await alert.dismiss();
});

3. 调整页面加载后的等待逻辑 #

Given步骤中等待元素的代码顺序错误，应先加载页面再等待元素：

Given('I am on the branch locator page', async function () {
    let options = new firefox.Options();
    options.setAlertBehavior('dismiss'); // 启用自动处理
    this.driver = new Builder()
        .forBrowser('firefox')
        .setFirefoxOptions(options)
        .build();
    
    // 先加载页面，等待页面加载完成
    await this.driver.get('https://www.awebsite.com');
    // 再等待目标元素出现
    await this.driver.wait(until.elementLocated(By.tagName('h1')), 5000);
});

4. 捕获弹窗处理的潜在异常 #

增加异常捕获，避免未检测到弹窗时阻断后续步骤：

When('I dismiss the alert', async function() {
    try {
        await this.driver.wait(until.alertIsPresent(), 5000);
        const alert = await this.driver.switchTo().alert();
        await alert.dismiss();
    } catch (err) {
        // 弹窗未出现时忽略错误
        console.log('未检测到弹窗，继续执行');
    }
});

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