文章彙整

網站測試-單元篇(上)

By Astral Web 3 years agoNo Comments
首頁  /  網站設計與開發  /  網站測試  /  網站測試-單元篇(上)

00

先前用行動裝置來簡單跟大家分享了基本的測試範例

 

欲了解相關電子商務網站基本測試可參考「電子商務網站的基本測試

 

今天來跟大家分享網站測試的單元測試其中一部分,測試範圍包含了字型、字型大小、顏色、圖形、拼字、位置等(較為顯著的錯誤)。

首先,開始測試前應該先確定要從何處開始著手進行,才不會像無頭蒼蠅一樣盲目的測試,在這裡提供幾個測試順序的小撇步給大家參考。

1. 可由上到下、左到右的順序做測試

2. 查看所有頁面的Title名稱是否正確

3. 檢查所有頁面Logo是不是顯示正確,有沒有位移等

4. 檢查所有頁面是否有亂碼或是程式碼顯示出來

5. 檢查是否有缺少圖片或圖片大小不符合設定

6. 若有alt tag須檢查是否有設定

7. 導覽說明是否正確 (如:首頁 > 最新消息)

8. 下拉選單是否正常 (如:選取市或區)

9. 提示或警示訊息是否有統一

10. 連結是否正確

11. 切換視窗大小時,是否有等比放大或縮小。另外,有沒有出現捲軸

12. 切換視窗大小時各個頁面縮小後文字與圖形是否竄行

13. 使用不同瀏覽器時是否正常顯示網頁,有無跑版情形

 

測試小叮嚀:當我們在測試頁面的畫面時,發現錯誤或是有疑問時,可以將錯誤或問題處截圖並清楚標示出來,以便工程師做修正或是釐清問題,同時也能有效幫助測試人員做覆測。

在這裡示範幾個例子給大家

 

  1. 搜索圖形錯誤:假設搜索圖形是要做放大鏡的圖形,但卻做成選單的圖形,那麼左圖就是錯誤的圖形了,如下圖

01

2.搜索圖形位置錯誤:假設搜索圖形位置應該在輸入框右邊,但實際網頁呈現出來的搜索圖示卻是在下方,那麼左圖的搜索圖形位置就是錯誤的,如下圖

02

3.尺寸S位置錯誤:假設尺寸位置統一在方框中間的話,那麼顯然在左圖上的S尺寸位置就與其他尺寸位置不同了,如下圖

034.英文字母大小寫錯誤:假設客戶要求字母統一為大寫,但實際網頁卻是小寫,那麼左圖就不符合客戶的需求了

04

5.線與線之間未設間距:從上圖來看,可以看到2條線疊在一起,所以可能是未設定間距才導致重疊

056.文字顯示:可能會有2種問題,一種是輸入沒有訂閱字樣,另一種則是訂閱顏色設定錯誤,才會導致只有按鈕顏色。此時,我們可以檢視程式碼來查看到底是哪一種問題

06

上述範例僅供參考,並非絕對(實際仍以客戶需求為主)

請參考:網站測試-單元篇(下)

電子商務網站的基本測試

如何規劃網站測試流程

電子商務網站內需要被QA測試的元素

 

 

 

 

 

以上內容由Astralweb 歐斯瑞編寫製作

 000

推薦文章

Category:
  網站測試

留下回應

你的電子郵件地址不會被公開.

取得獨家電子商務祕技

建立更好的策略靈感

跟上全球的網路趨勢

絕佳的電商解決方案

電子商務戰略全指南

每月發送電商戰略指南,只要填寫E-mail即可訂閱!

請到您的信箱確認,即可完成訂閱。