UI測試要點及測試方法


UI測試要點

1、所有頁面整體風格統一。

2、頁面布局協調(如有設計稿,參考設計稿。)

  頁頭、頁腳內容完整,一致;

  頁面框架清晰;

  頁面字體統一協調;

  banner展示及輪播效果

  導航欄的展示,內容分布間距。

  線條粗細有組織,有設計;

  圖片大小,位置,分辨率,橫豎向無拉伸,圖片讀取正常,上傳多張圖片需要展示其中一張時圖片地址讀取正確;

  輸入框大小、位置,是否有提示信息;

  下拉框長度,寬窄,與背景頁透明度,下拉選項正常顯示;

  多選單選框排列整齊,點選位置明確;

  頁面滾動條位置,寬窄正常,內容分頁功能按鈕顯示齊全;

  頁面下拉加載功能展示提示明確。

3、頁面控件的加載順序,當控件未加載完成時,有正確的提示信息;頁面加載到最后也同樣有提示信息。

  頁面插件的功能。比如:1)圖表信息,即有圖也有標注信息,並且標注信息隨鼠標移動而變化。

             2)直播控件,在直播開始前后以及直播過程中都應該顯示相應的控件信息。

             3)圖片的展示,鼠標移動后圖片放大展示更多圖片細節內容,展示圖片的不同位置信息等。

             4)搜索功能,搜索的多選,單選,叉掉已選條件等功能展示

             5)分頁功能,錨點功能展示及跳轉后頁面展示。

  

4、頁面的適配情況

  在多個瀏覽器下查看效果,如Chrome,Firefox,360,QQ等等。(根據項目實際需求及領導要求)

UI測試方法

  一般選擇Chrome瀏覽器,輸入頁面連接,點擊F12,即可點擊相關組件。

  輸入框測試:見下圖,輸入框的各種參數一目了然

 

 

 今天先分享一個控件的操作,后續再補充其他控件。。。

 

  


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM