cypress一键生成测试报告

Posted 2023-05-09

参考技术A 学习cypress后，生成的测试报告不如人意，步骤繁琐且不美观，面向度娘找方法，终于终于找到一个不错的方法。

Cypress 可以生成 XML 和 JSON 的测试报告文件，需要我们再生成可视化的报告
在这里就介绍一下简单且好看的测试报告 mochawesome

现在让我们来安装它吧
npm install --save-dev mocha mochawesome mochawesome-merge mochawesome-report-generator

接下里让我们做一下配置，我们在 cypress.json 配置报告生成器
reportDir： 配置生成的 测试结果 JSON 文件目录
overwrite：是否覆盖
html： 是否生成 HTML，这里我们不生成，我们要生成更好看的

配置完成！
然后我们如何使用呢？
这里我们使用脚本方式来调用它
我们现在 package.json 中的 scripts 中添加 调用外部 js 脚本

接下来我们在项目同级目录新建一个目录 scripts 进入该目录新建一个 cypress.js 文件

OK 最后让我们来启动测试，运行这个命令，cy：run 就是我们在 package.json 中的 scripts 中配置的 key。

npm run cy:run

等待脚本运行完成，这个时候就会在项目目录下生成一个目录

现在让我们打开 HTML 文件吧，一睹测试报告的神秘芳容！哈

参考： https://www.fewords.cn/article/124

从 mochawesome 报告中删除待定测试

【中文标题】从 mochawesome 报告中删除待定测试

【英文标题】：Remove Pending tests from mochawesome report

【发布时间】：2021-04-12 07:33:15

【问题描述】：

我正在使用 cypress-select-tests 模块来过滤 cypress 测试。

问题是未选择的测试在 mochawesome 报告中被标记为待处理，看起来不太好。

如何从报告中删除待处理的测试？

【问题讨论】：

这取决于您如何设置 mochawesome 报告。如果您使用的是cypress-mochawesome-reporter，那么可以在运行测试和运行报告之间的 json rsults 上运行一个相当简单的脚本。

请注意，挂起的标志是 mocha 的东西 - 不特定于 cypress-select-tests。如果您手动it.skip()，您还将获得待处理的输出。

【参考方案1】：

您可以将它们移动到不同的文件夹并将它们添加到"ignoreTestFiles" in cypress.config.json。当我遇到同样的问题时，这对我有用