如何通过Node.js在BrowserStack中同时测试多浏览器及多版本？

嘿，作为BrowserStack新手能想到扩展多浏览器测试，这个思路很棒！针对你的需求，其实只需要把单个浏览器配置改成配置数组，然后让测试框架遍历这个数组逐个（或并行）执行测试即可。下面结合你现有的配置一步步说明：

第一步：构建多浏览器配置数组 #

把你原来的单个Chrome配置，扩展成包含多个浏览器/版本的数组，每个元素对应一个测试环境。我帮你修正了原配置里写错的os字段（应该是Windows而非62.0），同时添加了Firefox、Edge的不同版本示例：

const browserConfigs = [
  // 你原有的Chrome配置（已修正os字段）
  {
    'browserName': 'Chrome',
    'browser_version': '62.0',
    'os': 'Windows',
    'os_version': '10',
    'resolution': '1366x768',
    'browserstack.user': 'xxx',
    'browserstack.key': 'yyy',
    'name': 'Bstack-[Node] Chrome 62 Test',
    'browserstack.debug': true,
    'browserstack.local': true,
    'acceptSslCerts': true
  },
  // 添加Firefox 90版本配置
  {
    'browserName': 'Firefox',
    'browser_version': '90.0',
    'os': 'Windows',
    'os_version': '10',
    'resolution': '1366x768',
    'browserstack.user': 'xxx',
    'browserstack.key': 'yyy',
    'name': 'Bstack-[Node] Firefox 90 Test',
    'browserstack.debug': true,
    'browserstack.local': true,
    'acceptSslCerts': true
  },
  // 添加Edge 99版本配置
  {
    'browserName': 'Edge',
    'browser_version': '99.0',
    'os': 'Windows',
    'os_version': '10',
    'resolution': '1366x768',
    'browserstack.user': 'xxx',
    'browserstack.key': 'yyy',
    'name': 'Bstack-[Node] Edge 99 Test',
    'browserstack.debug': true,
    'browserstack.local': true,
    'acceptSslCerts': true
  }
];

第二步：遍历配置执行测试（以Node.js + Selenium为例） #

因为你的测试名称标注了[Node]，假设你用的是Node.js环境，下面是用Selenium WebDriver遍历配置数组执行测试的示例代码：

const { Builder } = require('selenium-webdriver');
const browserstack = require('browserstack-local');

// 初始化BrowserStack Local（如果测试需要访问本地服务）
const bsLocal = new browserstack.Local();
const bsLocalArgs = { key: 'yyy' };

// 启动Local服务后执行测试
bsLocal.start(bsLocalArgs, async () => {
  for (const config of browserConfigs) {
    try {
      // 根据当前配置创建WebDriver实例
      const driver = await new Builder()
        .usingServer('http://hub.browserstack.com/wd/hub')
        .withCapabilities(config)
        .build();

      // 这里替换成你的测试逻辑（比如打开应用、操作元素等）
      await driver.get('你的应用访问URL');
      // ... 其他测试步骤

      // 测试完成后关闭driver
      await driver.quit();
      console.log(`✅ ${config.name} 测试完成`);
    } catch (error) {
      console.error(`❌ ${config.name} 测试失败:`, error.message);
    }
  }

  // 所有测试完成后停止Local服务
  bsLocal.stop();
});

关键注意事项 #

• 免费额度消耗：你的100分钟免费额度是按并行会话数计算的——如果同时跑3个浏览器，每分钟会消耗3分钟额度。建议先串行执行（像上面代码那样一个接一个跑），避免快速耗尽额度。
• 配置复用：可以把公共配置（比如browserstack.user、browserstack.key等）抽出来，用Object.assign合并到每个浏览器配置里，减少重复代码。
• 测试命名：给每个配置的name字段设置不同的值，这样在BrowserStack仪表盘里能清晰区分每个测试的结果。
• BrowserStack Local：如果测试需要访问本地开发的应用，每个配置都要保留browserstack.local: true，并且确保Local服务正常启动。

这样修改后，你就能单次执行覆盖多个浏览器和版本的测试啦！如果用的是其他测试框架（比如WebdriverIO、Cypress），核心思路也是一样的：构建多环境配置数组，然后批量执行。

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