你会mock吗?第三方支付接口怎么测?数据只有一条,测不到前端的分页功能?前端
常见的 Mock 方式:ide
本篇利用 fiddler 拦截,当您学会使用 fiddler 拦截 + Mock.js 后你会认识到它的强大的缘由之一,不扯了直接开始吧。工具
一、fiddler 抓包将接口返回数据拿下。学习
二、粘贴至 mock.js 建立接口,点击一下【格式化】美化您的数据:测试
三、删减,咱们只要一条数据就行了,以下:spa
四、开始 Mock.js 经常使用语法表演:代理
{
"msg": "查询成功",
"obj": {
"current": 1,
"field1": "",
"field2": "",
"item": null,
"pages": 1,
"records|10": [{ // 每页 10 条数据,咱们写固定10条显示
"updateDate": "@datetime", // 随机日期 + 时间
"num": 100,
"delFlag": "0",
"type": "1",
"cateName": "加盟优惠券:@cname", // 随机名称
"isUp": "1",
"updateBy": "@id", // 随机id
"premise": "0",
"scope": "3",
"showHide": "1",
"startTime": "@datetime", // 随机日期 + 时间
"id": "@id",
"state": "1",
"isRepeat": "0",
"day": 0,
"createDate": "@datetime", // 随机日期 + 时间
"useExplain": "会场活动:@cname", // 随机名称
"howMany": 0,
"timeLimit": "1",
"limitGet": "55",
"createBy": "@id", // 随机id
"money|100-1000": 100, // 随机面值: 100-1000
"name": "满减优惠:@cname", // 随机名称
"endTime": "@datetime",
"remarks": ""
}],
"size": 10,
"total|5-25": 5 // 10个一页,随机 5-15 个,那么将有1-3页
},
"status": "1",
"success": true
}
五、回到 fiddler ,点击 AutoResponder,将左侧须要造的接口拖拽进来:code
六、更改成 Mock.js 造数据的地址,复制粘贴至 fiddler 中:blog
七、fiddler 粘贴地址,及开启拦截:接口
八、前端查询数据测试,有没有分页看你的了:(发现没有分页,那就能够去提bug了)
一、编写您的数据,首先您的知道当何时返回充值状态的数据,并且返回的数据有哪些?
好比简单的:1-3 表示:成功,失败,待确认
二、当前端某个出发请求支付状态,咱们就能够造各类数据进行模拟支付测试,固然还以一种办法,直接充钱,找公司财务报销。。。
支付 mock 不细说,你们能够按照这样的方法进行 mock 支付测试,最好结合接口文档进行,否则就是本身在瞎搞了。欢迎来QQ交流群一块儿学习:482713805