postman | UI测试

思路

• 发送请求去拿到网站的响应->html
• 解析HTML标签，判断一些元素是否显示

目的

快速检查UI是否正确

测试地址

http://www.itest.info/courses

我们接下来要做的事情是断言 http://www.itest.info/courses 出现四个课程，可以看到，这个页面是有4个色块4个课程的。

步骤

1. 可以看到，每个色块都有一个独一无二的class，相同之处是都有servive-block-in servive-block-colored，可以利用这个来测试。
   

2. 编写测试代码
   
   这里包含两个断言，第一个pm.response.to.be.success;，判断响应是否成功；第二个pm.expect($('.service-block-in').length === 4);，service-block-in数量是否为4。

3. 查看测试结果
   

总结

postman可以做UI功能测试

• 前提是JavaScript代码功底不错
• 熟悉类似于jquery的操作

postman做UI功能测试的局限

• 交互能力一般
• 无法处理ajax请求
• sandbox中无法使用更多的JavaScript库

参考：快速掌握接口测试 | Postman视频系列教程