UI測試要點
1、所有頁面整體風格統一。
2、頁面布局協調(如有設計稿,參考設計稿。)
頁頭、頁腳內容完整,一致;
頁面框架清晰;
頁面字體統一協調;
banner展示及輪播效果
導航欄的展示,內容分布間距。
線條粗細有組織,有設計;
圖片大小,位置,分辨率,橫豎向無拉伸,圖片讀取正常,上傳多張圖片需要展示其中一張時圖片地址讀取正確;
輸入框大小、位置,是否有提示信息;
下拉框長度,寬窄,與背景頁透明度,下拉選項正常顯示;
多選單選框排列整齊,點選位置明確;
頁面滾動條位置,寬窄正常,內容分頁功能按鈕顯示齊全;
頁面下拉加載功能展示提示明確。
3、頁面控件的加載順序,當控件未加載完成時,有正確的提示信息;頁面加載到最后也同樣有提示信息。
頁面插件的功能。比如:1)圖表信息,即有圖也有標注信息,並且標注信息隨鼠標移動而變化。
2)直播控件,在直播開始前后以及直播過程中都應該顯示相應的控件信息。
3)圖片的展示,鼠標移動后圖片放大展示更多圖片細節內容,展示圖片的不同位置信息等。
4)搜索功能,搜索的多選,單選,叉掉已選條件等功能展示
5)分頁功能,錨點功能展示及跳轉后頁面展示。
4、頁面的適配情況
在多個瀏覽器下查看效果,如Chrome,Firefox,360,QQ等等。(根據項目實際需求及領導要求)
UI測試方法
一般選擇Chrome瀏覽器,輸入頁面連接,點擊F12,即可點擊相關組件。
輸入框測試:見下圖,輸入框的各種參數一目了然
今天先分享一個控件的操作,后續再補充其他控件。。。