wdio-html-nice-reporter 是一个第三方包，更多信息请参见GitHub | npm

wdio-html-nice-reporter

一个为 webdriver.io 生成漂亮的 HTML 报告的报告器。
名称有点傻，但提供了与 webdriverio 的集成

新增：不再是测试版。

新增：清理并切换日志记录到 wdio-logging。示例已更新。

您需要从您的配置中删除 log4Js 日志记录器初始化

新增：重写为 ES 模块以兼容 webdriverio 8。

您可能需要更改您的测试应用程序

错误修复：webdriverio 在 JSON 异步写入过程中关闭。

错误修复：JSON 写入未正确等待

重大改进：由于 json.stringify 导致的内存不足错误不再出现

新增功能：为每个测试拍摄视频

更改日志

信息

此项目是对@rpii/wdio-html-reporter的重写，它使用 TypeScript 编写，并进行了许多增强。

配置

WDIO.config.ts

以下代码显示了默认的 wdio 测试运行器配置。只需将 HtmlReporter 对象作为另一个报告器添加到 reporters 数组中即可

一个可运行的 wdio.config.ts 提供在/samples/wdio.config.ts

以下是该文件中的代码片段。

// wdio.config.ts
import {ReportGenerator, HtmlReporter} from 'wdio-html-nice-reporter';
let reportAggregator: ReportGenerator;

const BaseConfig: WebdriverIO.Config = {
    
  reporters: ['spec',
        ["html-nice", {
            outputDir: './reports/html-reports/',
            filename: 'report.html',
            reportTitle: 'Test Report Title',
            linkScreenshots: true,
            //to show the report in a browser when done
            showInBrowser: true,
            collapseTests: false,
            //to turn on screenshots after every test
            useOnAfterCommandForScreenshot: false
        }
        ]
    ]
    
 
};

配置选项：

为所有套件生成主报告

webdriver.io 将为每个测试套件调用报告器。它不会聚合报告。为此，请将以下事件处理程序添加到您的 wdio.config.js 中

添加到浏览器配置文件

let reportAggregator : ReportAggregator;

添加到浏览器配置对象

    onPrepare: function(config, capabilities) {

    reportAggregator = new ReportGenerator({
        outputDir: './reports/html-reports/',
        filename: 'master-report.html',
        reportTitle: 'Master Report',
        browserName: capabilities.browserName,
        collapseTests: true
    });
    reportAggregator.clean();
}


onComplete: function (exitCode, config, capabilities, results) {
    (async () => {
        await reportAggregator.createReport();
    })();
}

从此报告生成 PDF 文件

需要一个额外的插件来保持轻量级的支持，以供那些不需要它的人使用。请参见@rpii/wdio-html-reporter-pdf

示例输出：

浏览器名称

这必须手动设置。它在配置时不可用，因为浏览器对象在您启动会话之前不存在。