web前端測試要求

http://java.chinaitlab.com/model/874997.html

一般要求1、         盡量在涉及到編碼的地方采用UTF8編碼。

2、         Html頁面的标題要跟目前頁面相關，或者跟項目相關。如果有必要定義一個全局變量。

3、         Html頁面一般不緩存。

<META HTTP-EQUIV="pragma" CONTENT="no-cache">

<META HTTP-EQUIV="Cache-Control" CONTENT="no-store， must-revalidate">

<META HTTP-EQUIV="expires" CONTENT="0">

4、         盡量減少使用者的滑鼠/鍵盤操作。比如：輸入框中的内容輸入有誤，不采用alert框提示（減少一次操作）、焦點直接定位到輸入框（減少一次操作）、輸入内容自動標明等。在必要的地方提供快捷入口。

5、         代碼關鍵點要有注釋。js的方法，html的關鍵代碼段。

頁面美工1、         頁面要盡量飽滿，無特殊情況不要大量留白。

2、         頁面要盡量支援多浏覽器。

3、         頁面要支援1024*768的分辨率。

4、         能不出現滾動條時不要出現滾動條。特别是橫向滾動條。

清單頁1、         一般清單頁分為三個部分：查詢區、清單區、翻頁區。

2、         查詢區要支援三個動作：查詢、重置、清空。文本查詢條件要考慮是否支援“精确查詢”開關。要支援回車送出查詢條件。

3、         查詢字段取值固定，且值不多時，要使用單選/複選方式顯示。如果頁面區域不夠可用下拉框顯示。

4、         查詢字段如果需要使用者輸入，如果輸入值有格式要求，一定要明确提示使用者輸入格式。

5、         查詢字段的如果是輸入框，慮輸入框的顯示長度要合理，不能太長或太短。

6、         清單區要顯示使用者關心的字段，盡量顯示更多的内容。

7、         表頭一般居中對齊、如果一列的内容寬度相同則居中對齊、如果一列的内容長短不一則居左對齊。如果一列的内容長短不一但内容不長可居中對齊。

8、         如果一列的最大寬度确定，則這一列的寬度固定，不采用百分比。

9、         如果一列的内容太長、還不能折行，此時要對内容進行截取、截取後要能通過title檢視全部内容。截取時不要按字元數進行截取，要按照位元組數進行截取。

增加/修改頁1、         一個資訊項需要有三項資訊：名稱、輸入區、說明。對于大家都明白的輸入項可沒有名稱、說明。

2、         必填項要有符号标明。

3、         排列要整齊，相同功能的資訊項要放置在一起。

4、         如果頁面空曠，可将多個資訊項放置在一行。

5、         輸入框的長度要合理，可配合頁面布局稍長或稍短一些。

彈出頁1、         無相關的浏覽器工具條。

2、         彈出位置要合理。

3、         彈出頁的大小要合理，如果能保證不出現滾動條最好。橫向滾動條最好沒有。

功能要求一般測試1、         權限測試。是否存在越權通路。以下情況需測試：（1）如果頁面要求必須登入，則測試非登入情況下是否可以通路。（2）如果頁面通路有權限要求，則測試有權限和無權限的情況。（3）用不同使用者進行測試。測試方法可以是：在同一個session下開多個浏覽器視窗，通過其中一個浏覽器來改變目前登入使用者。

2、         通過URL直接通路。将必要的參數拼接到URL中，對頁面進行通路。看是否存在越權通路，或者其他異常情況。

3、         出現異常情況，或程式報錯時是否有合理的錯誤頁面。不能出現使用使用者看不懂的錯誤頁面，特别是錯誤堆棧頁面

查詢區測試方法查詢區測試的重點是：輸入值是否被正确解釋成sql查詢條件了，查詢結果的條數是否正确。是以，測試時最好在程式背景輸出查詢條件，确認查詢條件是否正确。

1、         預設條件測試。什麼都不輸入。

2、         全條件測試。把所有的條件都輸入。

3、         條件組合測試。盡可能多的組合不同的條件進行查詢。

4、         一般來說，輸入框中的輸入值要進行trim處理，如果輸入的全部都是空格，則表示什麼都未輸入。

5、         如果查詢條件的輸入值有限制，能通過js進行校驗的一定要校驗。不能通過js校驗的，送出到背景要進行過濾處理，處理政策是：如果輸入值有問題，則忽略該查詢條件，同時将使用者送出的輸入值清空（如果傳回頁面中要顯示查詢條件，該查詢條件要清空，不能顯示使用者輸入有誤的内容）。

6、         如果有精确查詢和模糊查詢的開關項，一定要檢查該開關項是否生效。

7、         輸入框中的輸入值至少要對以下幾類特殊字元進行測試 ：（1）資料庫關鍵字元：單引号、雙引号，下劃線，百分号等；（2）html代碼；（3）js代碼。

8、         使用者修改了某個查詢條件，如果未點選“查詢”按鈕，此時修改的查詢條件不生效，在翻頁時查詢條件應按照原來的條件進行查詢。

9、         輸入框中，輸入“？，%，_”等特殊字元，是否能正常查詢

清單區測試方法清單區重點測試的是頁面顯示是否正常美觀。必要時可直接修改資料庫。建議測試時臨時修改每頁顯示記錄數為2條。

1、         顯示字段的最大長度測試。将字段值輸入到最大長度。此種測試分兩種情況：一是單字段測試、而是全字段測試。

2、         将字段内容置空。此種測試也分為：單行單字段測試、單行多字段測試、多行單字段測試、多行多字段測試。

3、         關鍵字段糾錯處理

4、         特殊字元測試。重點測試字段内容中出現html代碼塊、js腳本等内容時是否能正常顯示。

5、         清單區一般會有連結功能。測試連結功能是否正常。

翻頁區測試方法翻頁區重點測試的是頁碼計算是否正确。

1、         基本翻頁功能是否正确：上一頁、下一頁、首頁、末頁。

2、         直接跳頁功能是否正确。如果頁面可自己輸入，需測試以下情況：（1）頁碼不是數字、（2）頁碼不是正常的數字，比如負數、（3）頁面超過最大值。（4）輸入空，或者連續的空格。

3、         基本政策：（1）頁面不是數字時預設為第一頁。（2）頁面不是正常的數字預設為第一頁。（3）頁面超過最大值預設為最後一頁。

增加/修改頁測試方法增加/修改頁測試重點有兩個：一基本功能是否正确。二使用者互動是否合理。

1、         最小路徑測試。什麼都不輸入，點送出，然後按照提示進行操作，直到能送出為止。

2、         最大錯誤路徑測試。将所有能輸錯的值都輸錯，點送出，然後按照提示進行操作，直到能送出為止。

3、         輸入值以下情況需要測試：（1）空、（2）超長、（3）特殊字元、特别是html代碼和js代碼、（4）不滿足要求的其他情況。

4、         如果頁面上會顯示一些已有 的資料庫字段資訊，要測試這些資訊是否會導緻頁面亂掉。

1 最小路徑測試2 最大錯誤路徑測試3 空值測試4 超長測試5 特殊字元測試

5、         URL測試。通過拼接URL的方式送出資料。

本文轉自 斯然在天邊 51CTO部落格，原文連結：http://blog.51cto.com/winters1224/797957，如需轉載請自行聯系原作者