使用Mocha与Node.js Selenium验证Firefox扩展新开标签页URL

我来帮你搞定这个标签页URL验证的测试问题！结合你用Mocha+Node.js Selenium测试Firefox扩展的场景，我先梳理下核心需求：你的扩展会在https://example.com/页面添加按钮，点击后打开两个新标签页，现在需要验证这两个标签页的URL是否正确。

先说说你之前写法失败的常见原因 #

大概率是这几个坑没踩对：

• 没等新标签页完全加载就获取窗口句柄，导致句柄数量不对
• 切换标签页后没等待页面URL加载完成，直接断言拿到了未跳转完成的URL
• 根本没切换到新标签页，直接在主页面验证URL，肯定不匹配

正确的测试代码示例 #

下面是完整的可运行测试代码，我会标注关键步骤的作用：

const { Builder, By, until } = require('selenium-webdriver');
const firefox = require('selenium-webdriver/firefox');
const expect = require('chai').expect;

describe('Firefox Extension Tab Validation', function() {
  // 延长Mocha超时时间，扩展加载和标签操作需要更多时间
  this.timeout(10000);
  let driver;

  // 测试前启动Firefox并加载扩展
  before(async function() {
    const firefoxOptions = new firefox.Options();
    // 替换成你的本地扩展文件路径（.xpi或解压后的文件夹）
    firefoxOptions.addExtension('/path/to/your/extension');

    driver = await new Builder()
      .forBrowser('firefox')
      .setFirefoxOptions(firefoxOptions)
      .build();
  });

  // 测试后关闭浏览器
  after(async function() {
    await driver.quit();
  });

  it('should open two tabs with correct URLs when extension button is clicked', async function() {
    // 1. 导航到目标页面
    await driver.get('https://example.com/');

    // 2. 记录主页面的窗口句柄，方便后续切回
    const mainWindowHandle = await driver.getWindowHandle();

    // 3. 点击扩展添加的按钮（替换成你的按钮选择器，比如id/class）
    await driver.findElement(By.id('extension-add-button')).click();

    // 4. 等待新标签页打开，确保窗口总数变为3（主页面+两个新标签）
    await driver.wait(until.numberOfWindowsToBe(3), 5000);

    // 5. 获取所有窗口句柄，过滤掉主页面的句柄
    const allHandles = await driver.getAllWindowHandles();
    const newTabHandles = allHandles.filter(handle => handle !== mainWindowHandle);

    // 6. 验证第一个新标签的URL
    await driver.switchTo().window(newTabHandles[0]);
    // 等待URL完全加载完成，避免拿到跳转中的临时URL
    await driver.wait(until.urlIs('https://example.com/a/'), 3000);
    expect(await driver.getCurrentUrl()).to.equal('https://example.com/a/');

    // 7. 验证第二个新标签的URL
    await driver.switchTo().window(newTabHandles[1]);
    await driver.wait(until.urlIs('https://example.com/b/'), 3000);
    expect(await driver.getCurrentUrl()).to.equal('https://example.com/b/');

    // 可选：切回主页面做后续操作
    await driver.switchTo().window(mainWindowHandle);
  });
});

关键注意点 #

1. 超时时间设置：Mocha默认超时是2000ms，扩展加载和标签打开需要更长时间，所以要手动延长
2. 等待窗口数量变化：用until.numberOfWindowsToBe(3)确保新标签已经完全打开，避免过早获取句柄导致数组为空
3. 等待URL加载：切换标签页后必须用until.urlIs()等待页面跳转完成，否则可能拿到about:blank或者未加载完成的URL
4. 窗口句柄切换：Selenium默认停留在主页面，必须显式切换到对应标签页才能获取它的URL

对应你失败写法的排查方向 #

• 如果是句柄数量不对：检查有没有加wait(until.numberOfWindowsToBe(...))，是不是点击按钮后立刻获取句柄了
• 如果是URL断言失败：检查切换标签页后有没有等待URL加载，是不是直接getCurrentUrl()了
• 如果是主页面URL和目标不符：检查有没有调用switchTo().window()切换到新标签页

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