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視頻系列教程