分享一些測試工做中用到的小技巧

1.快速校驗當表單文本足夠長時，是否顯示異常

Q：在平時測試工做中，當填寫的字符過長時，到列表中查看回顯數據，有時會出現文本越界等異常狀況

若是依靠手工造數據有時候會以爲麻煩，畢竟還有後續的迴歸測試，不可能每次都造新數據

A：打開Chrome控制檯，切換到Elements標籤，而後定位要修改的頁面元素，修改html文本便可，這樣就不用重複造數據了

 

2.在chrome控制檯查看請求與響應的詳細信息，定位是前端or後端問題

首先打開Chrome控制檯，切換到Network標籤

 點擊頁面上的一個功能，下面會加載出一系列請求，包括普通請求，圖片資源，html，css，js文件等，選擇一個請求點擊

右側菜單則是這個請求的詳細信息，

 

 Headers標籤：在這裏能夠查看請求的基本信息，包括請求url、請求頭、響應頭、請求參數等 

有時候你發現一個請求報錯，開發叫你把參數給他發過去，就能夠到這裏來拷貝

通常開發喜歡要原生不帶格式的參數（方便拷貝到postman或瀏覽器中調用），能夠點擊【Response Headers】右側的【view source】

 還有一種方法是直接Copy as cURL，而後粘貼到postman中，能夠直接在postman中調用

  

也能夠copy請求頭信息

   

 Preview標籤和Response標籤

這兩個標籤中的內容都是響應內容，只不過Preview標籤中的內容是瀏覽器處理後的， 相對於Response來講具備更高的可讀性，它能夠層層展開；

通常頁面若是有報錯的話，是能夠到響應內容中看到報錯信息的

 很重要的一點是，咱們要學會查看響應內容，通常響應內容都是json格式的，一個鍵對應一個值

這樣的話就能夠像讀取字典同樣，取出來任意一個鍵的值

學會這些後，就能夠很方便地從一個接口的響應中提取出本身想要的信息---不管是斷言也好、取出特定值傳給其餘接口也好。

 

3.當測試h5頁面時，能夠把chrome窗口設置爲手機界面

若是以爲機型不夠多，能夠添加

  

 

4.模擬弱網環境

默認是No throttling模式，即無限制

Offine，表示無網絡

下面還有諸如Fast 3G、Slow 3G表示不一樣網絡速度，分別選中後，能夠請求一個頁面感覺下響應速度變化

 

 

 除了上述一些已經定義好的網絡環境外，也能夠本身定義

 

 5.查看AJAX請求

打開Network標籤，而後切換到XHR子標籤

由於不是一次性加載完全部數據，因此隨着頁面滑動，會出現一條條請求

 未完待續~~