将测试结果导出到cypress中的HTML

Question

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

Answer 1

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

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

{
  "reporter": "mochawesome" 
}

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

Answer 2

您可以使用 mochawesome 报告器运行导出报告。但警告是 mochawesome 单独使用时会生成单独的报告，这些报告会被最新的规范文件运行覆盖。为了合并所有单独的 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 报告后，您将看到如下内容：

✓ Reports saved: E:\Project_Path\cypress\report\output.html

将测试结果导出到cypress中的HTML

Export the test results to HTML in cypress

javascript

cypress