WDIO(TS, Mocha)中Browserstack的commonCapabilities配置失效，无法显示buildName

问题分析 #

你配置的commonCapabilities不会被WDIO自动合并到每个测试能力（capability）中，因此Browserstack无法识别到全局设置的buildName。

解决方案 #

方案1：直接在每个capability中添加buildName #

修改capabilities配置，将buildName直接写入每个浏览器的bstack:options区块：

capabilities: [
    {
        browserName: 'Chrome',
        browserVersion: 'latest',
        'bstack:options': {
            os: 'Windows',
            osVersion: '11',
            buildName: 'V0-build'
        }
    },
    {
        browserName: 'Safari',
        browserVersion: '14.1',
        'bstack:options': {
            os: 'OS X',
            osVersion: 'Big Sur',
            buildName: 'V0-build'
        }
    }
]

方案2：手动合并commonCapabilities到每个capability #

在wdio.conf.ts中添加合并逻辑，把公共配置注入到每个测试能力里：

// 定义公共配置
const commonCapabilities = {
    'bstack:options': {
        buildName: 'V0-build',
    }
};

// 合并到每个capability
capabilities = capabilities.map(cap => {
    return {
        ...cap,
        'bstack:options': {
            ...cap['bstack:options'],
            ...commonCapabilities['bstack:options']
        }
    };
});

方案3：使用WDIO官方合并工具（适用于v7+版本） #

借助@wdio/config包的mergeCapabilities方法自动合并配置：

import { mergeCapabilities } from '@wdio/config';

const commonCapabilities = {
    'bstack:options': {
        buildName: 'V0-build',
    }
};

capabilities = mergeCapabilities(capabilities, commonCapabilities);

验证步骤 #

1. 保存配置文件
2. 重新运行测试套件
3. 查看Browserstack控制台左侧栏，即可看到V0-build的构建名称

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