selenium - 为 WebdriverIO/Cucumber 框架生成 HTML 报告

Question

我正在使用 WebdriverIO/Cucumber (wdio-cucumber-framework) 用于我的测试自动化。我想在 HTML 文件中获取测试执行结果。截至目前，我正在使用 Spec Reporter (wdio-spec-reporter)。这有助于在控制台窗口中打印结果。但我想要 HTML 文件中的所有执行报告。

如何在 HTML 文件中获取 WebdriverIO 测试执行结果？

谢谢。

Answer 1

好的，终于有空来解答你的问题了@Thangakumar D 。 WebdriverIO 报告是一个广阔的主题(有多种方法可以生成此类报告)，因此我将继续从我最喜欢的报告器开始:Allure!

<强> Allure Reporter:

• [前言:确保您位于项目根目录]
• 安装您的软件包(如果尚未安装):npm install wdio-allure-reporter --save-dev
• 安装 Allure CommandLine (稍后您会明白原因):npm install -g allure-commandline --save-dev
• 设置您的wdio.config.js文件以支持 Allure 作为记者

wdio.config.js:

reporters: ['allure', 'dot', 'spec', 'json'],
reporterOptions: {
    outputDir: './wdio-logs/',
    allure: {
        outputDir: './allure-reports/allure/'
    }
}

• 运行测试!请注意，回归结束后，您的 /allure-results/文件夹已填充多个 .json , .txt , .png (如果您有屏幕截图错误)，以及 .xml文件。 Allure CommandLine 将使用此文件夹的内容来呈现 HTML 报告。
• 转到您的 /allure-results/文件夹并通过以下方式生成报告:allure generate <reportsFolderPath> (这样做allure generate .
• 如果您想要 /allure-reports/文件夹内 /allure-results/ )
• 现在进入您的/allure-reports文件夹和操作 index.html输入您选择的浏览器(首先使用 Firefox)

注意:生成的 index.html除非您进行一些调整，否则该文件不会将所有内容加载到 Chrome 上。这是由于默认 WebKit 无法加载所需的所有 AJAX 调用。了解更多相关信息 here 。

如果您成功完成了前面的所有步骤，它应该如下所示:

希望这有帮助。干杯!

<小时/>

注意:当我有更多时间使用其他很棒的方法从 WebdriverIO 记者日志生成报告时，我会尝试更新这篇文章，特别是如果这篇文章一路上得到一些爱/点赞。

例如:我喜欢使用的另一个组合是:wdio-json-reporter/wdio-junit-reporter再加上易于使用的模板语言 Jinja2。