接口测试平台189: 并发报告(5)

简介: 接口测试平台189: 并发报告(5)

在上节课,我们终于完成了后台数据的整理工作。


   接下来就是要做一个属于我们自己的测试报告了...


   在django项目的 Myapp/templates文件夹下创建一个报告html模板:concurennt_report.html

image.png


   接下来就是写这个普通html的部分了。


   我的设计是。有统计,有详细。图文并茂。


   不过我们现在只是需要先做一个简易的,后续不断的扩展内容即可。


   而更重要的事是什么?是先打通整个链路...

    写个title 和具体数据 ,可以验证是否成功进入。

image.png

   

   然后回到我们的views.py中的函数中,返回render:

   

image.png


   重启项目,测试一下:

image.png


如图,这就是正常表现了。


到这里我们链路算是打通了,数据和html模板成功合体,并展示在了浏览器上。


然后就是结构打造:注意,我现在做的是初版,先让大体展示成功,之后再慢慢美化。


我们可以把页面分为三部分:

image.png

先来概述部分:

image.png


上图中,我使用了一个自定义的样式。并且在概述的div中引入。


效果如下:

image.png


然后我们再来填充它内部的东西。

image.png


大家发现没有,我们后台目前给过来的数据,并没有计算出这些用例总数,失败率等。


那么现在问题就来了,我们要在哪去计算出来这些数据呢???


俩个方案:页面js计算 和 后台计算。


我先说下俩种方案的利弊:


页面js计算:优点是减轻后台负担。缺点是前端比较难处理,因为目前过来的数据是给dom层使用的,bom层想用有俩种办法,一是通过接口去后台拿正常json,二是按照现在的格式,从某个输入框中取出来并处理。


后台计算:缺点是后台传输数据量变大,不过可以忽略不计。优点是简单可靠,直接计算好加在这个json中即可,利用已有的大型循环。


综合来看,我们最终选用第二种,后台计算!


让我们返回到后台views.py中:


先来回顾下我们目前的这个算法。

image.png


如果我要计算出用例的通过率通过数总数失败数失败率。要怎么计算,并且加到哪呢?


其实都不难...


先来计算用例总数:

image.png


是不是很简单?然后前端一调用就可以了。

image.png

效果如下:

image.png


然后我们计算用例通过总数和失败总数。


首先设置好初始值,错误的0 ,正确的是全部。

image.png


然后下面的for循环,每发现一个用例失败,那么错误的+1 ,正确的-1


image.png


前端写上:


image.png


测试下:

image.png


结果正常!


然后是计算通过率失败率:


这个的计算要放到最后,当通过数和失败数确定后,计算好额外添加进去即可:

image.png

前端:

image.png


测试结果展示:

image.png


然后这里我们可以写个简单的script ,

作用是 决定这个最终结果的颜色,如果是True 就绿,否则为红。

image.png


结果:

image.png


到这里大家明白了一个道理,那就是【自己动手,丰衣足食】


这个测试报告,我们想怎么做就怎么做,想做成什么样就什么样,想有什么功能就有什么功能...


欢迎关注:测试开发干货

相关文章
|
4天前
|
监控 JavaScript 测试技术
postman接口测试工具详解
Postman是一个功能强大且易于使用的API测试工具。通过详细的介绍和实际示例,本文展示了Postman在API测试中的各种应用。无论是简单的请求发送,还是复杂的自动化测试和持续集成,Postman都提供了丰富的功能来满足用户的需求。希望本文能帮助您更好地理解和使用Postman,提高API测试的效率和质量。
30 11
|
1月前
|
人工智能 供应链 安全
AI辅助安全测试案例某电商-供应链平台平台安全漏洞
【11月更文挑战第13天】该案例介绍了一家电商供应链平台如何利用AI技术进行全面的安全测试,包括网络、应用和数据安全层面,发现了多个潜在漏洞,并采取了有效的修复措施,提升了平台的整体安全性。
|
1月前
|
JSON Java 测试技术
SpringCloud2023实战之接口服务测试工具SpringBootTest
SpringBootTest同时集成了JUnit Jupiter、AssertJ、Hamcrest测试辅助库,使得更容易编写但愿测试代码。
60 3
|
1月前
|
监控 安全 测试技术
构建高效的精准测试平台:设计与实现指南
在软件开发过程中,精准测试是确保产品质量和性能的关键环节。一个精准的测试平台能够自动化测试流程,提高测试效率,缩短测试周期,并提供准确的测试结果。本文将分享如何设计和实现一个精准测试平台,从需求分析到技术选型,再到具体的实现步骤。
133 1
|
2月前
|
人工智能 监控 测试技术
云应用开发平台测试
云应用开发平台测试
77 2
|
1月前
|
监控 安全 测试技术
构建高效精准测试平台:设计与实现全攻略
在软件开发过程中,精准测试是确保产品质量的关键环节。一个高效、精准的测试平台能够自动化测试流程,提高测试覆盖率,缩短测试周期。本文将分享如何设计和实现一个精准测试平台,从需求分析到技术选型,再到具体的实现步骤。
64 0
|
2月前
|
JSON 算法 数据可视化
测试专项笔记(一): 通过算法能力接口返回的检测结果完成相关指标的计算(目标检测)
这篇文章是关于如何通过算法接口返回的目标检测结果来计算性能指标的笔记。它涵盖了任务描述、指标分析(包括TP、FP、FN、TN、精准率和召回率),接口处理,数据集处理,以及如何使用实用工具进行文件操作和数据可视化。文章还提供了一些Python代码示例,用于处理图像文件、转换数据格式以及计算目标检测的性能指标。
77 0
测试专项笔记(一): 通过算法能力接口返回的检测结果完成相关指标的计算(目标检测)
|
2月前
|
JavaScript 前端开发 API
vue尚品汇商城项目-day02【9.Home组件拆分+10.postman测试接口】
vue尚品汇商城项目-day02【9.Home组件拆分+10.postman测试接口】
45 0
|
3月前
|
移动开发 JSON Java
Jmeter实现WebSocket协议的接口测试方法
WebSocket协议是HTML5的一种新协议,实现了浏览器与服务器之间的全双工通信。通过简单的握手动作,双方可直接传输数据。其优势包括极小的头部开销和服务器推送功能。使用JMeter进行WebSocket接口和性能测试时,需安装特定插件并配置相关参数,如服务器地址、端口号等,还可通过CSV文件实现参数化,以满足不同测试需求。
263 7
Jmeter实现WebSocket协议的接口测试方法
|
3月前
|
JSON 移动开发 监控
快速上手|HTTP 接口功能自动化测试
HTTP接口功能测试对于确保Web应用和H5应用的数据正确性至关重要。这类测试主要针对后台HTTP接口,通过构造不同参数输入值并获取JSON格式的输出结果来进行验证。HTTP协议基于TCP连接,包括请求与响应模式。请求由请求行、消息报头和请求正文组成,响应则包含状态行、消息报头及响应正文。常用的请求方法有GET、POST等,而响应状态码如2xx代表成功。测试过程使用Python语言和pycurl模块调用接口,并通过断言机制比对实际与预期结果,确保功能正确性。
273 3
快速上手|HTTP 接口功能自动化测试
下一篇
DataWorks