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

Question

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

Answer 1

您可以使用mochawesomereporter运行来导出报告。但需要注意的是，当单独使用时，会生成单独的报告，这些报告会被运行的最新规范文件覆盖。为了合并所有单独的mochawesome报告，请尝试mochawesome-merge合并所有测试结果并将其导出为 HTML。

\n

为此，

\n

\n
1. 安装mocha，mochawesome并且mochawesome-merge（mochawesome 对 mocha 有对等依赖）
\n

\n

\n

npm install mocha\nnpm install mochawesome --save-dev\nnpm install mochawesome-merge --save-dev\n

\n

\n

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

\n

\n

\n

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

\n

\n
3. 运行赛普拉斯
\n

\n

\n

npx cypress run --reporter mochawesome

\n

\n

\n
4. 运行所有测试后，将报告合并为一份报告
\n

\n

\n

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

\n

\n

\n
5. 现在将 JSON 转换为 HTML
\n

\n

\n

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

\n

\n

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

\n

\n

\xe2\x9c\x93 已保存的报告：\nE:\\Project_Path\\cypress\\report\\output.html

\n

\n