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。（pm.expect是chai里面的断言，参考地址：https://www.chaijs.com/api/bdd/）

3.查看测试结果

总结

postman可以做UI功能测试

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

postman做UI功能测试的局限

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