junit格式报告解析工具

前言

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

工具介绍

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

演示

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

想要工具的可以私信。

相关推荐
晓晓莺歌11 分钟前
vue3某一个路由切换,导致所有路由页面均变成空白页
前端·vue.js
web打印社区5 小时前
web-print-pdf:突破浏览器限制,实现专业级Web静默打印
前端·javascript·vue.js·electron·html
Amumu121386 小时前
Vuex介绍
前端·javascript·vue.js
css趣多多6 小时前
Vue过滤器
前端·javascript·vue.js
这是个栗子8 小时前
【Vue代码分析】前端动态路由传参与可选参数标记:实现“添加/查看”模式的灵活路由配置
前端·javascript·vue.js
刘一说8 小时前
Vue 动态路由参数丢失问题详解:为什么 `:id` 拿不到值?
前端·javascript·vue.js
方也_arkling9 小时前
elementPlus按需导入配置
前端·javascript·vue.js
David凉宸9 小时前
vue2与vue3的差异在哪里?
前端·javascript·vue.js
css趣多多10 小时前
this.$watch
前端·javascript·vue.js
有来技术10 小时前
ASP.NET Core 权限管理系统(RBAC)设计与实现|vue3-element-admin .NET 后端
vue.js·后端·c#·asp.net·.net