【测试平台开发】23. 接口断言功能-保存接口断言和编辑回显

简介: 【测试平台开发】23. 接口断言功能-保存接口断言和编辑回显

基于 springboot+vue 的测试平台(练手项目)开发继续更新。


上一章开发了接口断言的前端,本章完成接口断言的保存。


起初接口相关的断言数据想保存在单独的表里,后来觉得后续像接口另存为用例,运行测试等场景还得去关联查询,最后还是决定继续存放在保存接口信息表的request请求信息中。


一、实现保存


实现保存的话就简单了,因为我之前的接口request信息是放在 vuex 中,那么在state中就要对应添加上assertions字段,这里是一个对象,目前只做了jsonPath类型断言。后续增加其他类型断言开发,就继续在这个对象里添加数组。


1268169-20220615214843476-642727651.png


继续,在上一章开发断言前端组件的时候,jsonPath添加的数据都存在了最外层组件RequestInfoBase.vue的实例中。


1268169-20220615215104904-1903840556.png


所以,我现在要把data里的数据设置到 vuex 中对应字段。


为了方便,先使用computed计算数据获取到vuex中的字段。


1268169-20220615215238218-2012520437.png


接着,再使用监听watch,当data里数据变化则设置到 vuex中。


1268169-20220615215352477-1769854868.png


测试一下保存。


1268169-20220615215610602-966105550.png


查看数据库里对应字段,落库成功。


1268169-20220615215707058-1028719998.png


二、编辑回显


点击【编辑】按钮打开接口详情页需要显示接口保存的断言数据。


这里也不用改其他的地方,因为之前的处理,点击编辑后接口返回的数据就都赋给 vuex中了,所以这里想怎么把vuex中的数据拿过来显示就行。


于是我在监听里再加一个监听vuex中的数据,变化后就赋值给RequestInfoBase组件中的data即可。


1268169-20220615221220547-1046611732.png


测试一下。


1268169-20220615221454043-570758933.gif


功能正常。


接下来计划开发的功能,是当调试发送接口请求的时候,显示断言的结果。

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

热门文章

最新文章