Cypress 生成报告

简介: 大家好,我是阿萨。今天阿萨特别开心。因为困扰阿萨好久的报告问题解决了。 之前查看mocha 和cypress的reporter 的帮助文档。每次尝试都失败。因为cypress升级到v10 之后,很多架构都发生了改变。但是帮助文档还是旧内容。没有适配最新的v10,所以导致报告一直都无法生成成功。今天搜索cypress 报告的时候,发现cypress 集成Allure的方法,赶紧尝试了一下。瞬间解决了我一个难题呀。 那个心情,简直比昨天朋友圈里杭州的晚霞,彩虹和闪电都要让我激动。

来,先给大家分享方法。


第一步:先安装allure。Allure 就不用介绍了吧,做自动化的,都了解吧。Allure是一个测试报告工具,可以创建好看且简洁的报告。可以配置它来显示bug、fixtures、失败的脚本、计时和历史记录。


npm i -D @shelex/cypress-allure-plugin allure-commandline


第二步: 只需要在cypress.config.js 添加2句话即可。


//这一句添加到开头
const allureWriter = require('@shelex/cypress-allure-plugin/writer');
// 这一句添加到 return config 前面一行。 
allureWriter(on, config);


第三步:在e2e.js的文件里添加如下代码。


import '@shelex/cypress-allure-plugin';


第四步:运行脚本。


npx cypress run --env allure=true


第五步:生成报告。


allure generate allure-results --clean -o allure-report


看到这句输出,就证明报告生成了。


1.jpg


然后阿萨迫不及待在文件夹里打开index.html


芭比Q了。


页面显示无数个loading。


还提示了无数个CORS。看来不能直接本地打开,需要再web 服务器上打开。


简单。直接python 服务器整起。


命令行输入:


python3 -m http.server


2.jpg


浏览器 输入:127.0.0.1:8000


打开对应文件。


3.jpg


4.jpg


有什么事情有自己解决了冥思苦想的问题更令人开心的呢?


总之,今天真是一个开心的日子。

相关文章
|
7月前
|
Java jenkins 测试技术
如何利用Allure报告提升你的测试效率?
如何利用Allure报告提升你的测试效率?
如何利用Allure报告提升你的测试效率?
|
7月前
|
测试技术 Python
如何正确使用Airtest报告插件?报告小tips上线
如何正确使用Airtest报告插件?报告小tips上线
166 0
|
4月前
|
数据采集 数据可视化 数据处理
利用 Jupyter 实现自动化报告生成
【8月更文第29天】自动化报告生成是在数据分析领域非常有用的一项技能。它可以帮助我们节省大量的手动工作时间,并确保每次生成的报告都是一致且准确的。本文将介绍如何使用 Jupyter Notebook 结合 Python 库(如 Pandas 和 Matplotlib)来实现自动化报告生成。
353 0
|
7月前
|
测试技术 Python
cypress 和allure 集成生成测试报告
cypress 和allure 集成生成测试报告
155 1
cypress 和allure 集成生成测试报告
|
7月前
|
jenkins 测试技术 持续交付
Jenkins配置测试报告后无法正常显示或显示空的解决方法(问题集锦)
根据具体情况逐一排查上述问题,往往可以解决Jenkins配置测试报告无法正常显示或显示空的问题。 买CN2云服务器,免备案服务器,高防服务器,就选蓝易云。百度搜索:蓝易云
78 0
|
7月前
|
监控 JavaScript 测试技术
Newman如何生成报告?
Newman如何生成报告?
106 0
|
JSON 缓存 测试技术
全栈自动化第一期—Pytest+Allure实现用例与报告管理
本文主要介绍了详解Pytest+Allure搭建方法以及生成报告常用操作,实现自动化过程中对测试用例的管理以及最终生成自定义测试报告,文中通过示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
805 0
全栈自动化第一期—Pytest+Allure实现用例与报告管理
|
XML jenkins Java
Jenkins集成Cobertura显示代码测试覆盖率报告
Jenkins集成Cobertura显示代码测试覆盖率报告
|
IDE 前端开发 JavaScript
Airtest报告“全攻略”,看完直接用脚本生成、导出报告,真香!
Airtest报告“全攻略”,看完直接用脚本生成、导出报告,真香!
2083 0