網站測試與評估——如何寫web測試案例

*1.1 功能測試*
l         *概述*
：確保測試的功能正常，如導航，資料輸入，處理、檢索是否正確，以及商務規則的實施是否恰當。即對互動的輸出或結果進行分析，以此來核實應用程式及其內部進程,
這是目前的測試重點。
l         *目標*：利用有效和無效的資料來執行各個用例流，以核實以下內容：
²        在使用有效資料時得到預期的結果
²        在使用無效資料時顯示相應的錯誤訊息或警告訊息。

單一介面測試的參考表格如下：

   *編號*
 *情境/條件*
 *操作*
 *預期結果*
 1.
 使用者通過使用者介面輸入資訊
 輸入任何東西，重填
 用戶端頁面恢複到初始狀態
 2.
 使用者通過使用者介面輸入資訊
 輸入剛好等於字數限制的正確資訊，提交
 1.所填資訊正確儲存到相應的資料庫表中
2.用戶端提示提交成功
 3.
 使用者通過使用者介面輸入資訊
 輸入略超過字數限制的正確資訊，提交
 1.所填資訊不能正確儲存到相應的資料庫表中
2.用戶端提示字數超長
3.引導使用者定位超長輸入
 4.
 使用者通過使用者介面輸入資訊
 輸入略少於字數限制的正確資訊，提交
 1.所填資訊正確儲存到相應的資料庫表中
2.用戶端提示提交成功
 5.
 使用者通過使用者介面輸入資訊
 輸入非法字元，提交
 1.     所填資訊不能儲存到相應的資料庫表中
2.     用戶端提示有錯誤輸入
3.     引導使用者定位錯誤輸入
 6.
 使用者通過使用者介面輸入資訊
 輸入為空白，提交
 1.應有必填項判斷
2.用戶端提示必填項不可為空
3.引導使用者定位必填項
4.所填資訊不能儲存到相應的資料庫表中
 7.
 使用者通過使用者介面輸入資訊
 該輸入漢字的輸入英文字元，提交
註：其餘類同
 1.用戶端提示錯誤輸入
2.引導使用者定位錯誤輸入項
3.所填資訊不能儲存到相應的資料庫表中

具體功能測試參考表格如下：

功能A描述

用例目的

前提條件

輸入/動作

期望的輸出/相應

實際情況

樣本：典型值…

樣本：邊界值…

樣本：異常值…

功能B描述

用例目的

前提條件

輸入/動作

期望的輸出/相應

實際情況

……

註：除測試所提供的功能外，還需添加Cookies測試

 參考如下：

Cookies通常用來儲存使用者資訊和使用者在某應用系統的操作，當一個使用者使用Cookies訪問了某一個應用系統時，Web
伺服器將發送關於使用者的資訊，把該資訊以Cookies的形式儲存在用戶端電腦上，這可用來建立動態和自訂頁面或者儲存登陸等資訊。

如果Web應用系統使用了Cookies，就必須檢查Cookies是否能正常工作。測試的內容可包括Cookies
是否起作用，是否按預定的時間進行儲存，重新整理對Cookies有什麼影響等。

 1.2 使用者介面測試

l         *概述*：用於核實使用者與網站介面之間的互動是否正常

l         *目標*：核實下列內容

²        確保各種瀏覽以及各種存取方法（滑鼠移動、快速鍵等）都使用正常

²        確保視窗對象及其特徵（菜單、大小、位置、狀態和中心）都符合標準等

       參考表格如下：

  檢查項

測試人員的類別及其評價

視窗切換、移動、改變大小時正常嗎？

各種介面元素的文字正確嗎？（如標題、提示等）

各種介面元素的狀態正確嗎？（如有效、無效、選中等狀態）

各種介面元素支援鍵盤操作嗎？

各種介面元素支援滑鼠操作嗎？

對話方塊中的預設焦點正確嗎？

資料項目能正確回顯嗎？

對於常用的功能，使用者能否不必閱讀手冊就能使用？

執行有風險的操作時，有"確認"、"放棄"等提示嗎？

操作順序合理嗎？

按鈕排列合理嗎？

導航協助明確嗎？

提示資訊規範嗎？

以下為軟體介面測試的一些規則，亦可部分作為WEB使用者介面測試的一些參考。

  介面測試
  介面設計與測試規則

介面是軟體與使用者互動的最直接的層，介面的好壞決定使用者對軟體的第一印象。而且設計良好的介面能夠引導使用者自己完成相應的操作，起到嚮導的作用。同時介面如同人的面孔，具有吸引使用者的直接優勢。設計合理的介面能給使用者帶來輕鬆愉悅的感受和成功的感覺，相反由於介面設計的失敗，讓使用者有挫敗感，再實用強大的功能都可能在使用者的畏懼與放棄中付諸東流。目前介面的設計引起軟體設計人員的重視的程度遠遠不夠，直到最近網頁製作的興起，才受到專家的青睞。而且設計良好的介面由於需要具有藝術美的天賦而遭拒絕。目前流行的介面風格有三種方式：多表單、單表單以及資源管理員風格，無論那種風格，以下規則是應該被重視的。

  1：易用性：

按鈕名稱應該易懂，用詞準確，屏棄沒楞兩可的字眼，要與同一介面上的其他按鈕易於區分，能望文知意最好。理想的情況是使用者不用查閱協助就能知道該介面的功能並進行相關的正確操作。

  易用性細則：
  1):完成相同或相近功能的按鈕用Frame框起來，常用按鈕要支援捷徑。
  2):完成同一功能或任務的元素放在集中位置，減少滑鼠移動的距離。
  3):按功能將介面劃分局域塊，用Frame框括起來,並要有功能說明或標題。
  4):介面要支援鍵盤自動瀏覽按鈕功能，即按Tab鍵的自動切換功能。
  5):介面上首先應輸入的和重要訊息的控制項在Tab順序中應當*前,位置也應放在視窗上較醒目的位置。
  6):同一介面上的控制項數最好不要超過10個，多於10個時可以考慮使用分頁介面顯示。
  7):分頁介面要支援在頁面間的快捷切換，常用組合快速鍵Ctrl+Tab
  8):預設按鈕要支援Enter及選操作，即按Enter後自動執行預設按鈕對應操作。
  9):可寫控制項檢測到非法輸入後應給出說明並能自動獲得焦點。
  10):Tab鍵的順序與控制項排列順序要一直，目前流行總體從上到下，同時行間從左至右的方式。
  11):複選框和選項框按選擇幾率的高底而先後排列。
  12):複選框和選項框要有預設選項，並支援Tab選擇。
  13):選項數相同時多用選項框而不用下拉式清單方塊。
  14):介面空間較小時使用下拉框而不用選項框。
  15):選項數叫少時使用選項框，相反使用下拉式清單方塊。
  16):專業性強的軟體要使用相關的專業術語，通用性介面則提倡使用通用性詞眼。

  還有[轉貼]   介面測試

  介面測試
  介面設計與測試規則

介面是軟體與使用者互動的最直接的層，介面的好壞決定使用者對軟體的第一印象。而且設計良好的介面能夠引導使用者自己完成相應的操作，起到嚮導的作用。同時介面如同人的面孔，具有吸引使用者的直接優勢。設計合理的介面能給使用者帶來輕鬆愉悅的感受和成功的感覺，相反由於介面設計的失敗，讓使用者有挫敗感，再實用強大的功能都可能在使用者的畏懼與放棄中付諸東流。目前介面的設計引起軟體設計人員的重視的程度遠遠不夠，直到最近網頁製作的興起，才受到專家的青睞。而且設計良好的介面由於需要具有藝術美的天賦而遭拒絕。目前流行的介面風格有三種方式：多表單、單表單以及資源管理員風格，無論那種風格，以下規則是應該被重視的。

  1：易用性：

按鈕名稱應該易懂，用詞準確，屏棄沒楞兩可的字眼，要與同一介面上的其他按鈕易於區分，能望文知意最好。理想的情況是使用者不用查閱協助就能知道該介面的功能並進行相關的正確操作。

  易用性細則：
  1):完成相同或相近功能的按鈕用Frame框起來，常用按鈕要支援捷徑。
  2):完成同一功能或任務的元素放在集中位置，減少滑鼠移動的距離。
  3):按功能將介面劃分局域塊，用Frame框括起來,並要有功能說明或標題。
  4):介面要支援鍵盤自動瀏覽按鈕功能，即按Tab鍵的自動切換功能。
  5):介面上首先應輸入的和重要訊息的控制項在Tab順序中應當*前,位置也應放在視窗上較醒目的位置。
  6):同一介面上的控制項數最好不要超過10個，多於10個時可以考慮使用分頁介面顯示。
  7):分頁介面要支援在頁面間的快捷切換，常用組合快速鍵Ctrl+Tab
  8):預設按鈕要支援Enter及選操作，即按Enter後自動執行預設按鈕對應操作。
  9):可寫控制項檢測到非法輸入後應給出說明並能自動獲得焦點。
  10):Tab鍵的順序與控制項排列順序要一直，目前流行總體從上到下，同時行間從左至右的方式。
  11):複選框和選項框按選擇幾率的高底而先後排列。
  12):複選框和選項框要有預設選項，並支援Tab選擇。
  13):選項數相同時多用選項框而不用下拉式清單方塊。
  14):介面空間較小時使用下拉框而不用選項框。
  15):選項數叫少時使用選項框，相反使用下拉式清單方塊。
  16):專業性強的軟體要使用相關的專業術語，通用性介面則提倡使用通用性詞眼。

  還有:   規範性、合理性、美觀與協調性、菜單設定、獨特性、捷徑的組合、容錯性考慮、多視窗的應用與系統資源。