背景
越来越多的应用基于前后端分离构建,后端提供数据接口,前端调用接口返回 json 数据渲染到 UI,这个时候保证后端接口数据正确性变的愈来愈重要,接口测试就是来解决这个问题。很多团队,接口测试就是手动运行接口,肉眼比对接口返回的数据,这样的操作流程效率低下,容易出错。使用 YApi 只需要在可视化 GUI 下,配置下每个接口的入参和对 RESPONSE 断言,即可实现对接口的自动化测试,大大提升了接口测试的效率。
准备工作
如果您还未部署 yapi 接口管理平台,可先去示例站点试用。
在创建完项目和接口后,需要进入到测试集页面,导入需要测试的接口。
![88c187746153bb3918da7a2cd9872d9d.png](https://i-blog.csdnimg.cn/blog_migrate/fdddd4615236f1ce3aa984dc0c0fabe7.jpeg)
基础概念
需要学习的基础概念主要包含测试集、Pre-Script 、Test-Script 三方面。
测试集
在平时的开发过程中,经常遇到的一个问题是每次调试接口都需要重新填写参数,YApi测试集能够保存之前填写的参数,方便下次的调试。每个的请求参数还可以通过前面已请求的接口数据读取,或填写mock随机字符串,通过设置断言脚本验证返回数据的正确性。
![0e5d6655177873fc4e5511da7cd46eed.gif](https://i-blog.csdnimg.cn/blog_migrate/5dcdb8834b167d7f0b82169a64b48614.gif)
在测试列表可以看到每个测试用例的 key,还有 开始测试、报告等功能
点击开始测试会按照 case 定义的参数从上往下一个一个进行测试,如果顺序有问题,可以拖动调整
测试完成之后,点击报告查看该次请求的结果
Pre-Script
![9f91cc9aef9b52464c1f2fba527d349b.png](https://i-blog.csdnimg.cn/blog_migrate/1532579d1b0df7d2451ce7625a38236e.jpeg)
Pre-Script 包括请求参数处理脚本和响应数据处理脚本两部分。通过自定义 js 脚本方式改变请求的参数和返回的 response 数据。他的使用场景如下:
1.接口请求参数需要加密及返回 response 解密
2.接口请求参数需要添加计算 token
请求参数处理脚本示例
以 jquery ajax 为例,假设当前的请求参数是
{
url: '/api/user?id=1',
method: 'POST',
headers: {
xxx: 'xxx'
},
data: {
type: 1
}
}
那么公共变量 context 包含以下属性:
context = {
pathname: '/api/user',
query: {
id: 1
},
requestHeader: {
xxx: 'xxx'
},
method: 'POST',
requestBody: {
type:1
}
}
假设我们需要在 url 增加一个 token 参数,可以写如下自定义脚本:
![8f20a06aed1d9436d8298b6207eac05e.png](https://i-blog.csdnimg.cn/blog_migrate/8b62c99d1149a12fa0283b6c0ddbe645.jpeg)
返回数据处理脚本示例
在上面的示例请求完成后,假设返回 responseBody={a:1},公共变量 context 包含以下属性:
context = {
pathname: '/api/user',
query: {
id: 1
},
requestHeader: {
xxx: 'xxx'
},
method: 'POST',
requestBody: {
type:1
},
responseData: {
a:1
},
responseHeader: {
content-type: 'application/json'
...
}
}
假设我们需要修改响应数据 responseBody a 的值为 2,可以填写如下自定义脚本:
![694145bbd2cd3c3d3093756797148f16.png](https://i-blog.csdnimg.cn/blog_migrate/c0da4e40bb12de637ed43ef7d6173992.jpeg)
Test-Script (测试脚本)
![7e2bc4aaf5e8f718d7256aaf70a70f1d.png](https://i-blog.csdnimg.cn/blog_migrate/5c718d24676e558b98964c95daf79e03.jpeg)
通过自定义脚本断言接口参数或返回 response 数据,在接口用例页面点击 Test 编辑。
支持的公共变量
1.assert
assert(value)
判断 value 是否为 truth, 例如 assert(1) 通过, assert(0) 不通过,只要 value 不是 null, 0, false等值验证通过
assert.equal(actual, expected)
判断 actual 是否等于 expected,例如 assert(1, 1)通过
assert.notEqual(actual, expected)
判断 actual 是否不等于 expected
assert.deepEqual(actual, expected)
假设: actual = {a:1} 是一个对象,即便 expected = {a:1},如果使用 assert.equal 可能也是不相等的,因为在 js 引用的只是对象的一个指针,需要使用 assert.deepEqual 比较两个对象是否相等
assert.notDeepEaual(actual, expected)
深度比较两个对象是否不相等
2.status
http 状态码
3.params
http request params, 合并了 query 和 body
4.body
返回 response body
5.header
返回 response header
6.records
记录的 http 请求信息,假设需要获取 key 为 555 的接口参数或者响应数据,可通过 records[555].params 或 records[555].body 获取
7.log
log(message) 函数,调试时使用,log 信息仅仅在断言失败后打印
示例
assert.equal(body.errcode, 0)
assert.equal(body.data.group_name, 'testGroup')
assert.equal(status, 200)
开始测试
第一步:配置参数
YApi 除了支持常量字符串外,还支持 mock 随机字符串和变量字符串。
Mock参数
Mock 参数每次请求都会生成随机字符串,支持 mockjs 所有占位符
![0791af5119f72bbb184eb07ce0590c31.png](https://i-blog.csdnimg.cn/blog_migrate/ace3be6d793a7a6d991cfc46ef09bfd2.jpeg)
变量参数
YApi 提供了强大的变量参数功能,你可以在测试的时候使用前面接口的 参数 或 返回值 作为 后面接口的参数,即使接口之间存在依赖,也可以轻松 一键测试~
格式:
$.{key}.{params|body}.{path}
例如:现有两个接口,分别是“导航标题”和“文章列表”
![e3d9e88558be0d8b0bb7f4cc549e4f35.png](https://i-blog.csdnimg.cn/blog_migrate/31b7f5c1d690713dc3675ab855c9ea49.jpeg)
文章列表接口需要传参数: 当前标题(id),而这个 id 需要通过 导航标题 的返回值获取,这时应在 文章列表 的参数输入框中根据前者的 key 找到对应 id。
导航标题 的参数和返回值有如下结构:
参数:
![4f69a12cdbb94a2424aed08326f74616.png](https://i-blog.csdnimg.cn/blog_migrate/bd3f0d30b5ce1d052d75d61b848eec49.jpeg)
返回值:
![e4da00c57507f7f95db2844a9b56d600.png](https://i-blog.csdnimg.cn/blog_migrate/88dff7380278d44461c134527ebeb7e2.jpeg)
则 文章列表 的参数可以如下配置:
![82491d24b3eba87f5d2bd13b02ae5033.png](https://i-blog.csdnimg.cn/blog_migrate/a86fbde4402b1530d57035b6f23cefc4.jpeg)
其中 [Math Processing Error].269.params 即表示 key 值为 269 用例的请求参数,$.269.body** 即表示 key 值为 269 用例的返回值。
Tips: 上下拖动测试集合的列表项可以调整测试的顺序。
目前yapi中的query,body,header和pathParam的输入参数已经支持点击选择功能。无需自己填写表达式,只需在弹窗中选择需要展示的表达式即可。 输入选项包括常量,mock数据,在测试集合中也支持变量选择。
具体用法:单击编辑按钮打开表达式生成器,点击需要的数据创建表达式,这里也可以实时查看表达式结果。
第二步:开始测试
后记:
YApi 自动化测试大大简化了接口测试数据准备,和验证环节,目前去哪儿测试团队已经开始使用。未来 YApi 将会持续优化自动化测试功能,希望大家提出大家宝贵的意见。