junit格式报告解析工具

前言

在测试过程中,使用unittest或者pytest等主流框架,都可以生成junit格式的测试报告。当然也可以生成html格式的报告。但是为了自定义自己的测试报告,我开发了一款web网页工具,使用该工具上传junit格式的xml报告,可以把报告中的数据以图表的形式展现出来。

工具介绍

该工具使用vue+ElementUI+Echarts开发,主要的流程是上传xml文件,然后根据报告,生成测试结果汇总、测试状态分布饼图、通过率图表和测试用例详细信息列表。目前只能上传一个文件。这个工具还可以进行改造,根据不同的结果文件获取方式,可以生成更生动的报告,如加上测试模块,失败分布图等信息。可以根据自己的项目进行二次开发。

演示

因为这个工具是根据我自己的接口自动化测试工具生成的测试报告格式开发的,不一定适合所有的项目,所以可能其他项目测试报告不一定适用。可能需要修改数据格式。工具需要使用nginx代理。访问地址为 http://yourip:port/report/。

想要工具的可以私信。

相关推荐
小约翰仓鼠4 小时前
vue3子组件获取并修改父组件的值
前端·javascript·vue.js
Lin Hsüeh-ch'in4 小时前
Vue 学习路线图(从零到实战)
前端·vue.js·学习
啊~哈5 小时前
vue3+elementplus表格表头加图标及文字提示
前端·javascript·vue.js
xiaogg36785 小时前
vue+elementui 网站首页顶部菜单上下布局
javascript·vue.js·elementui
HelloWord~6 小时前
SpringSecurity+vue通用权限系统
vue.js·spring boot
神探小白牙6 小时前
vue-video-player视频保活成功确无法推送问题
前端·vue.js·音视频
Angel_girl3197 小时前
vue项目使用svg图标
前端·vue.js
難釋懷7 小时前
vue 项目中常用的 2 个 Ajax 库
前端·vue.js·ajax
爱生活的苏苏8 小时前
vue生成二维码图片+文字说明
前端·vue.js
前端百草阁8 小时前
从npm库 Vue 组件到独立SDK:打包与 CDN 引入的最佳实践
前端·vue.js·npm