如何在 Cypress 中创建 Mochawesome 报告?

rest assureddynamic programmingprogramming更新于 2025/4/5 9:52:17

我们可以在 Cypress 中创建 Mochawesome 报告。Cypress 与 Mocha 捆绑在一起,因此可以为 Mocha 生成的任何报告也可以用于 Cypress。

Mochawesome 报告

Mochawesome 报告是 Cypress 中最重要的报告之一。要安装 mochawesome,请运行命令 −

   npm install mochawesome --save-dev

要安装 mocha,请运行命令 −

   npm install mocha --save-dev

要合并 mochawesome json 报告,请运行命令 −

   npm install mochawesome-merge --save-dev

安装后,所有这些包都应反映在 package.json 文件中。

要将多个报告合并为一个报告,请运行命令 −

   npm run Combine-reports

在 cypress.json 文件中,我们可以为 mochawesome 报告设置以下配置 −

  • overwrite –如果将其值设置为 false,则不应覆盖先前生成的报告。

  • reportDir ——要保存报告的位置。

  • quiet ——如果将其值设置为 true,则不应有任何与 Cypress 相关的输出。仅打印 mochawesome 输出。

  • html ——如果将其值设置为 false,则执行后不应生成任何 html 报告。

  • json ——如果将其值设置为 true,将生成包含执行详细信息的 json 文件。

示例

cypress.json 中的实现

{
   "reporter": "mochawesome",
   "reporterOptions": {
      "reportDir": "cypress/results",
      "overwrite": false,x
      "html": false,
      "json": true
   }
}

要为 Cypress 项目的集成文件夹中的所有规范生成报告,请运行命令 −

   npx cypress run

要运行特定测试,请运行命令 −

   npx cypress run --spec "<path of spec file>"

执行完成后,Cypress 项目中会生成 mochawesome-report 文件夹,其中包含 html 和 json 格式的报告。

右键单击 mochawesome.html 报告,选择"复制路径"选项,然后在浏览器中打开复制的路径。

打开 mochawesome 报告,其中包含执行结果、持续时间、测试用例名称、测试步骤等详细信息点击屏幕左上角的图标(上图中突出显示)后,会显示更多选项。

我们可以获取不同的视图来选择已通过、失败、待处理、跳过的测试用例以及应用于测试的钩子。


相关文章