WebdriverIO - 使用规范报告器编辑测试标题或属性

如何解决WebdriverIO - 使用规范报告器编辑测试标题或属性

有没有办法轻松覆盖规范报告器以编辑 Running 属性？ 我的用例是我有 2 个 chrome 的功能对象，它们仅与移动仿真不同，因为一个是纯桌面大小，另一个是模拟移动大小的 chrome。 问题出在规范记者身上，我无法分辨哪个跑步者是移动设备还是桌面设备。我得到类似这样的输出：

------------------------------------------------------------------
[chrome 88.0.4324.96 LINUX #0-0] Spec: /path/to/spec.js
[chrome 88.0.4324.96 LINUX #0-0] Running: chrome (v88.0.4324.96) on LINUX
[chrome 88.0.4324.96 LINUX #0-0] Session ID: 27fe3f66-0197-4e26-ad76-dedbbb442ef5
[chrome 88.0.4324.96 LINUX #0-0]
[chrome 88.0.4324.96 LINUX #0-0] Suite 1
[chrome 88.0.4324.96 LINUX #0-0]    ✓ Test Case #1
[chrome 88.0.4324.96 LINUX #0-0]
[chrome 88.0.4324.96 LINUX #0-0] 1 passing (7.4s)
------------------------------------------------------------------
[chrome 88.0.4324.96 LINUX #1-0] Spec: /path/to/spec.js
[chrome 88.0.4324.96 LINUX #1-0] Running: chrome (v88.0.4324.96) on LINUX
[chrome 88.0.4324.96 LINUX #1-0] Session ID: 8091a4f4-5133-453b-b14a-bd9f814165a8
[chrome 88.0.4324.96 LINUX #1-0]
[chrome 88.0.4324.96 LINUX #1-0] Suite 1
[chrome 88.0.4324.96 LINUX #1-0]    ✓ Test Case #1
[chrome 88.0.4324.96 LINUX #1-0]
[chrome 88.0.4324.96 LINUX #1-0] 1 passing (7.9s)


Spec Files:      2 passed,2 total (100% completed) in 00:00:14 

我也尝试在钩子之前编辑套件标题，但没有成功。如果有人能用简单的方法帮助我。

解决方法

您必须创建一个自定义报告器并覆盖 getHeaderDisplay 方法才能实现这一点。

例如：

1. 创建 my-custom-reporter.js 文件
2. 导入 SpecReporter 报告器
3. 声明扩展 CustomReporter 报告器的 SpecReproter 类
4. 声明 getHeaderDisplay 方法
5. 在 output 数组中添加有关移动设备的信息
6. 导出模块
7. 在 wdio.conf.js 配置中导入自定义规范报告器
8. 将其添加到 reporters 数组中，reporters: [[CustomReporter]],

完整的工作示例：

在 my-custom-reporter.js 文件中：

const { default: SpecReporter } = require('@wdio/spec-reporter')

class CustomReporter extends SpecReporter {
    getHeaderDisplay(runner) {
        const combo = this.getEnviromentCombo(runner.capabilities,undefined,runner.isMultiremote).trim();
        // Here we get information about mobile device
        const mobileInfo = runner.config.capabilities['goog:chromeOptions']?.mobileEmulation?.deviceName
            ? `${runner.config.capabilities['goog:chromeOptions'].mobileEmulation.deviceName} emulated by`
            : '';
        const output = [
            `Spec: ${runner.specs[0]}`,`Running: ${mobileInfo} ${combo}`
        ];
    
        if (runner.capabilities.sessionId) output.push(`Session ID: ${runner.capabilities.sessionId}`);
    
        return output;
    }
}

module.exports = CustomReporter;

在 wdio.conf.js 文件中：

const CustomReporter = require('./my-custom-reporter')

exports.config = {
    // ... other properties
    reporters: [[CustomReporter]],}

输出：

[chrome 89.0.4389.90 mac os x #0-0] Spec: /Users/u/test/specs/example.e2e.ts
[chrome 89.0.4389.90 mac os x #0-0] Running:  chrome (v89.0.4389.90) on mac os x
[chrome 89.0.4389.90 mac os x #0-0] Session ID: f0480174d634514e5559e560188d2d84
[chrome 89.0.4389.90 mac os x #0-0]
[chrome 89.0.4389.90 mac os x #0-0] My Login application
[chrome 89.0.4389.90 mac os x #0-0]    ✓ should login with valid credentials
[chrome 89.0.4389.90 mac os x #0-0]
[chrome 89.0.4389.90 mac os x #0-0] 1 passing (3.4s)
------------------------------------------------------------------
[chrome 89.0.4389.90 mac os x #1-0] Spec: /Users/u/test/specs/example.e2e.ts
[chrome 89.0.4389.90 mac os x #1-0] Running: iPhone X emulated by chrome (v89.0.4389.90) on mac os x
[chrome 89.0.4389.90 mac os x #1-0] Session ID: a7eacc89e3b933c895e7bf1d5811e72b
[chrome 89.0.4389.90 mac os x #1-0]
[chrome 89.0.4389.90 mac os x #1-0] My Login application
[chrome 89.0.4389.90 mac os x #1-0]    ✓ should login with valid credentials
[chrome 89.0.4389.90 mac os x #1-0]
[chrome 89.0.4389.90 mac os x #1-0] 1 passing (3.5s)


Spec Files: 2 passed,2 total (100% completed) in 00:00:18