javascript - 在cypress中将测试结果导出为HTML

Question

有什么方法可以将 Cypress 中的测试结果导出为 HTML 或任何其他格式(如 cucumber-report.html)

Answer 1

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

为此，

1. 安装mocha、mochawesome 和mochawesome-merge(mochawesome 对mocha 有对等依赖)

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

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

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

1. 运行 Cypress

npx cypress run --reporter mochawesome

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

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

1. 现在将 JSON 转换为 HTML

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

1. 生成 HTML 报告后，您将看到如下内容:

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