web介面測試中需要注意的地方
針對Web應用的介面測試,可以從以下方面進行使用者介面測試:控制元件測試、多媒體測試、內容測試、容器測試、瀏覽器相容性測試、整體介面測試等。下面詳細敘述。
1、 控制元件測試
Web應用與其他應用程式一樣,也有許多用以實現各種功能或者操作的控制元件,比如常見的按鈕、單選框、複選框、下拉列表框等等。最基本的當然需要考慮每一個控制元件其功能是否達到使用要求,是否合適的使用。有狀態屬性的控制元件在進行多種操作之後,控制元件狀態是否依然能夠保持正確,介面資訊是否顯示正常。
2、 多媒體測試
現如今的Web應用中,主流的一些多媒體內容包括圖片、GIF動畫、Flash、Silverlight等。可以通過以下方面進行測試:
(1) 要確保圖形有明確的用途,圖片或動畫排列有序並且目的明確
(2) 圖片按鈕連結有效,並且連結的屬性正確(比如是新建視窗開啟還是在當前頁面開啟)
(3) 背景圖片應該與字型顏色和前景顏色相搭配
(4) 檢查圖片的大小和質量,一般採用JPG、GIF、PNG格式,並且在不影響圖片質量的情況下能使圖片的大小減小到 30k 以下
(5) GIF動畫是否設定了正確的迴圈模式,其顏色是否顯示正常
(6) Flash、Silverlight元素是否顯示正常。如果是控制元件類,功能是否能夠實現
3、內容測試
內容測試用來檢驗Web應用系統提供資訊的正確性、準確性和相關性。
(1) 驗證所有頁面字型的風格是否一致,包括字型,顏色,字號等方面
(2) 導航是否直觀,Web應用的主要功能是否可通過主頁索引
(3) 站點地圖和導航功能位置、是否合理
(4) Web頁面結構、導航、選單、超級連結的風格是否一致,比如指向超級連結,點選超級連結,訪問後的超級連結是否都進行了處理
(5) 背景顏色應該與字型顏色和前景顏色相搭配
(6) 驗證文欄位落、圖文排版是否正確,文字內容是否完整顯示,圖片是否按原有比例顯示
(7) 檢查是否有語法或拼寫錯誤,文字表達是否恰當,超級連結引用是否正確
(8) 連結的形式、位置、是否易於理解
4、 容器測試
DIV和表格在頁面佈局上的基本作用都是作為一種容器。其中,表格測試分為兩個方面,一方面是作為控制元件,需要檢測其是否設定正確,每一欄的寬度是否足夠寬,表格裡的文字是否都有折行,是否有因為某一格的內容太多,而將整行的內容拉長等;另一方面,表格作為較早的網頁佈局方式,目前依然有很多的Web頁使用該方式實現Web頁設計,此時則需要考慮瀏覽器視窗尺寸變化、Web頁內容動態增加或者刪除對Web介面的影響。
DIV+CSS測試則需要介面符合W3C的Web標準,W3C提供了CSS驗證服務,可以將用DIV+CSS佈局的網站提交至W3C,幫助Web設計者檢查層疊樣式表(CSS)。
還需要測試,在調整瀏覽器視窗大小時,頁面在視窗中的顯示是否正確、美觀,頁面元素是否顯示正確。
5、 瀏覽器相容性測試
主要測試在主流瀏覽器(IE6、IE8、Chrome、Firefox、Opera等)中Web介面是否顯示正確,包括頁面元素是否顯示正確,功能是否能夠滿足要求。其中很多問題都是非常細緻的問題,比如介面元素邊框相差1px,2px等。
6、 整體介面測試
對整體介面的測試過程,其實是一個對終端使用者進行調查的過程。可以通過外部人員(與Web應用系統開發沒有聯絡或聯絡很少的人員)的參與,得到終端使用者的反饋資訊。