其他分享
首页 > 其他分享> > 【测试平台开发】23. 接口断言功能-保存接口断言和编辑回显

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

作者:互联网

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

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

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

一、实现保存

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

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

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

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

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

测试一下保存。

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

二、编辑回显

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

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

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

测试一下。

功能正常。

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

标签:断言,回显,vuex,保存,接口,data,数据
来源: https://www.cnblogs.com/pingguo-softwaretesting/p/16380060.html