postman—UI测试
思路
- 发送请求去拿到网站的响应->html
- 解析HTML标签,判断一些元素是否显示
目的
快速检查UI是否正确
测试地址
我们接下来要做的事情是断言 http://www.itest.info/courses 出现四个课程,可以看到,这个页面是有4个色块4个课程的。
步骤
-
可以看到,每个色块都有一个独一无二的class,相同之处是都有
servive-block-in servive-block-colored
,可以利用这个来测试。
2. 编写测试代码
这里包含两个断言,第一个pm.response.to.be.success;
,判断响应是否成功;第二个pm.expect($('.service-block-in').length === 4);
,service-block-in数量是否为4。(pm.expect是chai里面的断言,参考地址:https://www.chaijs.com/api/bdd/)
3.查看测试结果
总结
postman可以做UI功能测试
- 前提是JavaScript代码功底不错
- 熟悉类似于jquery的操作
postman做UI功能测试的局限
- 交互能力一般
- 无法处理ajax请求
- sandbox中无法使用更多的JavaScript库