在 cypress 中将测试结果导出为 HTML答案

【问题标题】：Export the test results to HTML in cypress在 cypress 中将测试结果导出为 HTML
【发布时间】：2018-11-30 23:23:32
【问题描述】：

有什么方法可以将 Cypress 中的 test results 导出为 HTML 或任何其他格式（如 cucumber-report.html）

【问题讨论】：

标签： javascript cypress

【解决方案1】：

您可以使用mochawesomereporter 运行以导出报告。但是，单独使用会生成单独的报告，这些报告会被运行的最新规范文件覆盖。为了合并所有单独的mochawesome 报告，请给mochawesome-merge 一个镜头，它将合并所有测试结果并以 HTML 格式导出。

为此，

安装mocha、mochawesome 和mochawesome-merge（mochawesome 对 mocha 有对等依赖）

npm install mocha
npm install mochawesome --save-dev
npm install mochawesome-merge --save-dev

在cypress.json 中，粘贴以下配置：

{
      "reporter": "mochawesome",
     "reporterOptions": {
       "charts": true,
       "overwrite": false,
       "html": false,
       "json": true,
       "reportDir": "cypress/report/mochawesome-report"
      }
    }

运行赛普拉斯

npx cypress run --reporter mochawesome

运行所有测试后，将报告合并为一个报告

npx mochawesome-merge cypress/report/mochawesome-report/*.json > cypress/report/output.json

现在将 JSON 转换为 HTML

npx marge cypress/report/output.json --reportDir ./ --inline

生成 HTML 报告后，您将看到如下内容：

✓ 已保存报告： E:\Project_Path\cypress\report\output.html

【讨论】：

你是在windows上测试吗？我收到 Error: ." --inline contains invalid WIN32 path characters. 运行 npx marge cypress/report/output.json --reportDir ./ --inline
此外，后续运行会产生重复的 json（内容相同，但后缀为 '_001'），这将导致测试在 HTML 上显示两次。也许你需要一个 rim-raf 步骤？
@AloysiusParker 是的，我在 Windows 上运行。最后，我没有遇到重复数据问题。你能重新检查一下记者的配置吗？还要确保您的 Node 版本高于 8
+1！要将报告合并为一个报告，最好使用-o cypress/report/output.json shell 输出重定向 (> cypress/report/output.json)，因为 shell 输出重定向将包含纱线计时信息（如果您使用的是纱线）。
@MitchellTracy 这是个好建议！谢谢

【解决方案2】：

是的，你可以使用任何 mocha 报告器，因为 cypress 是在它之上构建的：https://mochajs.org/#reporters spec 报告器是默认的。

您必须像这样将它们添加到您的 cypress.json 配置中：

{
  "reporter": "mochawesome" 
}

您可以在这里找到所有信息：Reporters

【讨论】：

谢谢，我今天试试，然后回复。
请记住，您必须将mocha 和mochawesome 添加到您的项目开发依赖项中。有关完整详细信息，请参阅他们的文档
我已经安装了npm install --save-dev mochawesome并在cypress.json文件中添加了"reporter": "mochawesome"，但是在无头模式下运行失败，找不到相关文件
查看this question 了解更多信息。
您还必须安装mocha 作为项目的对等依赖项才能运行mochawesome。你能把抛出的错误贴出来吗？