下面的信息是介绍 cypress 自动化测试框架学习第 3 篇的测试报告的内容 主要介绍一下如何去使用不同格式的 cypress 自动化测试报告模版

写在前面

由于 Cypress 测试报告是建立在 Mocha 测试报告之上的，这意味着任何为 Mocha 构建的报告程序都可以与 Cypress 一起使用。

以下是内置的 Mocha 测试类型列表（Cypress 也同样支持）：https://mochajs.org/#reporters

前置准备工作

在 package.json 文件的 scripts 模块加入了如下脚本：“cypress:run”:“cypress run”，便于后面生成报告

不同运行脚本的区别：

  • cypress run：是以无头浏览器模式跑测试用例文件夹下的所有测试用例
  • cypress open：会打开测试用例集的界面，需要手动运行

常用报告类型

spec 格式报告

  • 运行命令
$ npm run cypress:run --reporter=spec
  • 报告截图

Dot 格式报告

  • 前置：在 cypress.json 文件新增"reporter": “dot"信息

  • 运行方式：

$ npm run cypress:run
  • 报告截图

json 格式报告

  • 前置：在 cypress.json 文件新增"reporter”: “json"信息

  • 运行方式：

$ npm run cypress:run
  • 报告截图

List 格式报告

  • 前置：在 cypress.json 文件新增"reporter”: “list"信息

  • 运行方式：

$ npm run cypress:run
  • 报告截图

NYAN 格式报告

  • 前置：在 cypress.json 文件新增"reporter”: “nyan"信息

  • 运行方式：

$ npm run cypress:run
  • 报告截图

高大上报告类型

Mochawesome 格式报告

  • 前置：安装 Mocha、Mochawesome 至项目中
npm install --save-dev mocha
npm install --save-dev mochawesome

  • 在 cypress.json 文件新增"reporter”: “mochawesome"信息

  • 运行命令

$ npm run cypress:run
  • 报告截图

allure 格式报告

  • 前置：安装 allure（推荐使用 brew 安装）
$ brew install allure
  • 在 cypress.json 文件新增如下信息
    "reporter": "junit",
    "reporterOptions": {
        "mochaFile": "results/test_report_[hash].xml",
        "toConsole": true
    }
  • 运行命令
$ npm run cypress:run
  • 生成报告
$ allure serve results
  • 报告截图

Dashboard 格式报告

待完善，参考资料：https://docs.cypress.io/guides/dashboard/introduction#Features

  • 运行命令
npx cypress run --record --key 7aaee33b-f67b-4993-8d6c-2c392a1bd1c8
  • 报告截图

欢迎关注软件测试同学的公众号“软件测试同学”，原创 QA 技术文章第一时间推送。