簡介: 本文從 WebKing 頁面的靜態分析出發,討論了利用 WebKing 對支持 Ajax 的動態頁面進行測試的方法,并且本文從單元測試和功能測試的角度介紹了使用 WebKing 測試 Accessibilily 的技巧,包括如何創建一個支持 Ajax 的測試項目,如何分析解決過濾 WebKing 報告出來的錯誤以及如何在開發人員和測試人員之前方便的溝通所發現的問題。
WebKing 簡介
WebKing 是 Parasoft 公司推出的一款 Web 自動化測試軟件,可以使用其進行白盒、黑盒和回歸測試。本文主要關注該工具 對 Web 應用在 Accessibility 方面所做的檢查與測試。WebKing 對 Accessibility 的檢查基本上是掃描頁面的元素內容, 按照特定的規則來匹配,不符合的即報錯。 Webking 支持本地文件的檢查測試和創建項目檢查測試網站內容,包括靜態、動態和 Ajax 測試。尤其對于動態的 Web 應用提供了很好的 錄制回放掃描功能。目前比較新的版本是 6.0.5。
Webking 的基本原理是對頁面內容按照特定的規則進行掃描,定義的規則包括 HTML,CSS,XSLT,JavaScript, WCAG2.0 等, 并且這個規則可以擴展,這就滿足了很多企業在測試中不同的需求,用戶可以根據企業的需要,自行開發相應的頁面檢測規則。 基本的本地文件測試和靜態項目測試在 《開發和測試訪問無障礙的 Web 應用》一文中都有簡單的介紹,本文主要關注動態 Web 應用的測試技巧。
使用 WebKing 測試動態 Web 應用
WebKing 對動態 Web 應用的支持分為兩類,一類是普通的動態 Web 應用,一類是支持 Ajax 的 Web2.0 的 web 應用。本文以支持 Ajax 的 Web 應用為例。
建立動態測試項目
首先創建一個支持 Ajax 的動態 Web 測試項目, 配置其 URL 和錄制所用的瀏覽器,如圖 1 圖 2 所示。
圖 1. 創建支持 Ajax 的動態項目
圖 2. 設置 URL 以及錄制所用的瀏覽器
創建完成后,選用的瀏覽器就自動打開,用戶可以在 Web 應用上執行所要測試的功能了。本文以 Mashup Center 中創建一個新的窗口小部件為例,主要有以下幾步操作:
1. 登錄 Mashup center
2. 切換到編輯模式
3. 點擊新建一個 Widget 的菜單
4. 點擊創建 Widget 的鏈接
5. 輸入要創建的 Widget 的名字,完成
所要測試的功能完成后,關閉瀏覽器?;氐?WebKing 的界面我們可以看到,剛才執行的操作都被 WebKing 一一記錄了下來。
圖 3. 記錄的操作步驟
下面需要 WebKing 回放掃描來檢查這個功能是否符合 Accessbility 的要求。
錄制并配置回放
在上面記錄的測試集合中,打開項目的配置項,選擇瀏覽器回放選項。一個是瀏覽器的選擇,選擇使用什么瀏覽器回放剛才的功能。 一個是配置使用什么規則掃描,如圖 4 所示。
圖 4. 配置回放選項
在靜態分析那一項中,需要兩次配置才能選擇到具體的規則。第一次點擊 config 按鈕選擇靜態分析這個工具,如圖 5 所示,第二次點擊 config 按鈕選擇具體的規則,如圖 6 所示。
圖 5. 選擇工具
圖 6. 選擇分析規則
如圖 6 所示,Webking 的靜態檢查可以配置很多的規則從而對特定項目進行檢查,如拼寫檢查, HTML 行業標準的檢查,根據 DTD 檢查 XHTML 文檔的有效性以及 Accessibility 的檢查。本文主要關注 Accessibility 的靜態檢查,選擇 4a 項即可根據 WCAG2.0 所制定的規則進行檢查。具體規則的定義可以參考 http://www.w3.org/TR/WCAG20/。
配置完成后就可以運行回放了,回放實際就是 WebKing 根據自己的記錄把前面的操作重復一遍。此時有一些需要注意的地方,有的操作在 重復操作時會出錯。比如上面創建 Widget 的操作,已經創建了一個名為 bb 的 Widget 了,再創建一個同名的肯定會出錯。此時有兩種選擇, 一種是去 Mashup 里面把剛才創建的 Widget 刪除,一種是在 WebKing 的對應的步驟里面修改,在重放的時候改變 Widget 的名字。WebKing 錄制的 各個步驟都是可以看到預覽圖的,可以清楚的看到各個步驟對應的視圖,如圖 7 所示。在用戶操作一欄可以修改用戶輸入的值,如圖 8 所示 修改用戶輸入的 Widget 名字為 aa。
原文轉自:http://www.uml.org.cn/Test/201107065.asp