基于 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
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。