测试报告的图表

所谓,用数字说话,最能服人,特别在报告中。

在测试报告中,怎样的图能清晰说明测试情况?

 

1.       缺陷状态变化图

X:日期

Y:缺陷数量

缺陷各种状态下的数量:New, Opened, Fixed, Failed, Closed, Re-opened etc.

通过不同日期缺陷状态的数量,可以分析开发人员的修复情况;测试人员的工作情况;是否需要重新评估;能否按时完成等。

 

2.       测试用例通过图

X:日期

Y:测试用例数量

测试用例在各种情况下的数量:Failed, Passed, Total.

通过不同日期测试用例的通过数量,可以分析哪一天出现什么情况,是否需要进一步分析其形成原因。

 

3.       模块的缺陷分布图

X:模块名字

Y:缺陷数量

通过不同模块的缺陷数量,可以分析哪一个模块出现问题多,其形成原因是什么,是否需要跟进。

 

4.       阶段的缺陷分布图

X:阶段名字

Y:缺陷数量

阶段:评审、单元测试,整合测试,系统测试,验收测试,用户测试等。

缺陷在不同阶段下出现的数量:预计数量,实际数量。

通过不同阶段的缺陷数量,可以分析团队在不同阶段的投入,得到怎样的效果。是否需要进行改进等。

在JMeter中,可以通过修改报告模板和配置文件来实现对HTML报告图表的自定义。JMeter使用一个预定义的模板目录来生成HTML报告,该模板目录位于`./bin/report-template`。通过修改模板文件和配置,可以调整图表的样式、内容以及展示的指标。 ### 自定义HTML报告图表的步骤 #### 1. 修改模板文件 JMeter的HTML报告是基于模板生成的,模板文件包括`.fmkr`格式的页面模板文件和相关的配置文件。这些文件位于`./bin/report-template`目录下。 - **index.html.fmkr**:这是报告的主页面模板文件,可以在这里修改报告的整体布局。 - **content/pages/**:该目录下的`.fmkr`文件分别对应报告的不同页面,如响应时间图表、吞吐量图表等。可以通过修改这些文件来自定义特定图表的显示内容。 例如,如果需要将报告中的某些文本翻译为中文,可以直接编辑这些`.fmkr`文件中的文本内容。 #### 2. 修改图表数据源和样式 JMeter的图表是通过JavaScript和HTML生成的,图表数据源通常由`index.json`文件提供。可以通过修改模板中的JavaScript代码来自定义图表的样式或添加新的图表类型。 - **修改图表样式**:可以在模板文件中调整CSS样式,或者在`report-template/content/css/`目录下修改样式表文件。 - **添加自定义图表**:如果需要添加新的图表,可以在`content/pages/`目录下创建新的`.fmkr`文件,并在主页面模板`index.html.fmkr`中添加链接或直接嵌入新图表。 #### 3. 使用自定义模板生成报告 完成模板修改后,可以通过以下命令生成报告: ```bash jmeter -g <测试结果文件.jtl> -o <输出报告目录> --template <自定义模板目录> ``` - `-g`:指定测试结果文件(如`results.jtl`)。 - `-o`:指定生成报告的输出目录。 - `--template`:指定自定义模板目录(如`./custom-template`)。 注意:输出报告目录必须是一个不存在的目录,JMeter会自动创建它。 #### 4. 自定义图表的示例 假设需要在报告中添加一个新的图表,例如显示每个事务的错误率,可以按照以下步骤操作: - 在`report-template/content/pages/`目录下创建一个新的`.fmkr`文件,例如`error-rate.html.fmkr`。 - 在该文件中编写HTML和JavaScript代码,使用JMeter提供的JSON数据作为数据源。 - 在`index.html.fmkr`中添加一个链接或直接嵌入该图表页面。 示例代码片段: ```html <div id="errorRateChart" style="width: 600px; height: 400px;"></div> <script> // 假设数据源为index.json中的errorRates字段 var errorRates = ${errorRates}; // 使用ECharts或其他图表库绘制图表 var chart = echarts.init(document.getElementById('errorRateChart')); chart.setOption({ title: { text: '错误率分布' }, tooltip: {}, xAxis: { data: errorRates.labels }, yAxis: {}, series: [{ type: 'line', data: errorRates.values }] }); </script> ``` #### 5. 注意事项 - **备份原始模板**:在修改模板文件之前,建议备份原始模板目录,以便在需要时恢复默认设置。 - **测试自定义模板**:生成报告后,建议在浏览器中打开报告,检查图表是否正常显示,并确保没有JavaScript错误。 - **兼容性**:确保自定义模板与当前JMeter版本兼容,避免因版本差异导致的问题。 通过上述方法,可以灵活地自定义JMeter HTML报告中的图表内容和样式,以满足特定的测试报告需求。 ---
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值