junit格式报告解析工具

前言

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

工具介绍

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

演示

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

想要工具的可以私信。

相关推荐
大鱼前端7 小时前
Vue 3.5 :新特性全解析与开发实践指南
vue.js
_龙衣8 小时前
将 swagger 接口导入 apifox 查看及调试
前端·javascript·css·vue.js·css3
夏之小星星10 小时前
el-tree结合checkbox实现数据回显
前端·javascript·vue.js
琉璃℡初雪11 小时前
vue2/3 中使用 @vue-office/docx 在网页中预览(docx、excel、pdf)文件
vue.js·pdf·excel
拖孩13 小时前
【Nova UI】十五、打造组件库之滚动条组件(上):滚动条组件的起步与进阶
前端·javascript·css·vue.js·ui组件库
苹果电脑的鑫鑫13 小时前
element中表格文字剧中可以使用的属性
javascript·vue.js·elementui
Hejjon13 小时前
Vue2 elementUI 二次封装命令式表单弹框组件
前端·vue.js
Wannaer14 小时前
从 Vue3 回望 Vue2:响应式的内核革命
前端·javascript·vue.js
赵大仁15 小时前
React vs Vue:点击外部事件处理的对比与实现
javascript·vue.js·react.js
coderYYY17 小时前
多个el-form-item两列布局排齐且el-select/el-input组件宽度撑满
前端·javascript·vue.js·elementui·前端框架