Cypress 之报告

1.内置报告

 

 

 

2.自定义的测试报告

除了内置的测试报告，Cypress 也支持用户自动以报告格式

Mochawesome 报告介绍

• Mochawesome 是与 JavaScript 测试框架 Mocha 一起使用的自定义报告程序，它运行在 Node.js（≥8）上
• 并与 mochawesome-report-generatir 结合使用生成独立的 HTML/CSS 报告，以帮助可视化测试运行

    第一步：

cnpm install --save-dev mocha
cnpm install --save-dev mochawesome

 

注意坑

• 先看看 node_modules 目录下是否有 mocha 文件夹，如果有直接装 mochawesome
• 如果安装 mocha 失败，出现很古怪的错误，譬如 mkdirp 版本不行（如：  mkdirp@0.5.1: Legacy versions of mkdirp are no longer supported. Please update to mkdirp 1.x.  ）
• 尝试先 update mkdirp 库，如果也报错，则 uninstall mkdirp 库，如果仍然报错；则把 Cypress 目录下的 node_modules 整个文件夹删掉，重新执行 npm install ，大概率可以解决问题了

（别问我怎么知道这些坑...）

第二步：

   进入 Cypress 安装目录，cmd执行下面命令

npx cypress run --reporter mochawesome

参考：https://www.cnblogs.com/poloyy/p/13030898.html

 

3. cypress-mochawesome-reporter 报告（亲测可用！！！）

    1）安装  cypress-mochawesome-reporter

　　　　npm i --save-dev cypress-mochawesome-reporter

　2）修改cypress.json的reporter:

 　　　　reporter": "cypress-mochawesome-reporter"

　3) cypress/support/index.js

　　import 'cypress-mochawesome-reporter/register';

4) cypress/plugins/index.js
　　

　　module.exports = (on, config) => {
  　　require('cypress-mochawesome-reporter/plugin')(on);
　　};

5) npx cypress run

有时需要生产多种报告，如xml + html。则需要在上面生成mochawesome报告的基础上，进行如下配置：
1） npm i --save-dev cypress-multi-reporters
2)  npm i --save-dev mocha-junit-reporter
3) 配置cypress.json 文件 

{
  "reporter": "cypress-mochawesome-reporter",
  "reporterOptions": {
      "reporterEnabled":"cypress-mochawesome-reporter, mocha-junit-reporter",
      "mochaJunitReporterReporterOptions":{
      "mochaFile":"test-report/results-[hash].xml"
  },
  "cypressMochawesomeReporterReporterOptions":{
      "reportDir": "cypress/report",
      "charts": true,
      "reportPageTitle": "custom-title"
  }
}

 

 3. 生成mochawesome-report合并报告（亲测可行）

 参考：https://www.cnblogs.com/yoyoketang/p/12984232.html