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库

 

posted @ 2019-10-27 19:27  飞鸟与新月  阅读(397)  评论(0编辑  收藏  举报