結合了工作經驗，寫出了這篇文章，全是乾貨和經驗分享。用您5分鐘時間閱讀完，希望能對您有幫助！
相信很多人都喜歡用瀏覽器看網頁，雖然網民不是專業人員，但是對界面效果的印象是很重要的。
如果你注重這方面的測試，那麼驗證應用程序是否易於使用就非常重要了。
很多人認爲這是測試中最不重要的部分，但是恰恰相反界面對不懂技術的客戶來說那相當關鍵，慢慢體會就會明白的。
Web界面設計中，對各種元素（如按鈕、單選框、複選框、列表框、超連接、輸入框等等）的設計是非常重要的。
一、搜索功能
若查詢條件爲輸入框，則參考輸入框對應類型的測試方法
1、功能實現
（1）如果支持模糊查詢，搜索名稱中任意一個字符是否能搜索到
（2）比較長的名稱是否能查到
（3）輸入系統中不存在的與之匹配的條件
（4）用戶進行查詢操作時，一般情況是不進行查詢條件的清空，除非需求特殊說明。
2、組合測試
（1）不同查詢條件之間來回選擇，是否出現頁面錯誤（單選框和多選框最容易出錯）
（2）測試多個查詢條件時，要注意查詢條件的組合測試，可能不同組合的測試會報錯。
二、添加、修改功能
1、特殊鍵
（1）是否支持Tab鍵
（2）是否支持回車鍵
2、提示信息
不符合要求的地方是否有錯誤提示
3、唯一性
字段唯一的，是否可以重複添加，添加後是否能修改爲已存在的字段（字段包括區分大小寫以及在輸入的內容前後輸入空格，保存後，數據是否真的插入到數據庫中，注意保存後數據的正確性）
4、數據正確性
（1）對編輯頁的每個編輯項進行修改，點擊保存，是否可以保存成功，檢查想關聯的數據是否得到更新。
（2）進行必填項檢查（即是否給出提示以及提示後是否依然把數據存到數據庫中；是否提示後出現頁碼錯亂等）
（3）是否能夠連續添加（針對特殊情況）
（4）在編輯的時候，注意編輯項的長度限制，有時在添加的時候有，在編輯的時候卻沒（注意要添加和修改規則是否一致）
（5）對於有圖片上傳功能的編輯框，若不上傳圖片，查看編輯頁面時是否顯示有默認的圖片，若上傳圖片，查看是否顯示爲上傳圖片
（6）修改後增加數據後，特別要注意查詢頁面的數據是否及時更新，特別是在首頁時要注意數據的更新。
（7）提交數據時，連續多次點擊，查看系統會不會連續增加幾條相同的數據或報錯。
（8）若結果列表中沒有記錄或者沒選擇某條記錄，點擊修改按鈕，系統會拋異常。
三、刪除功能
1、特殊鍵
（1）是否支持Tab鍵
（2）是否支持回車鍵
2、提示信息
（1）不選擇任何信息，直接點擊刪除按鈕，是否有提示
（2）刪除某條信息時，應該有確認提示
3、數據實現
（1）是否能連續刪除多個產品
（2）當只有一條數據時，是否可以刪除成功
（3）刪除一條數據後，是否可以添加相同的數據
（4）如系統支持批量刪除，注意刪除的信息是否正確
（5）如有全選，注意是否把所有的數據刪除
（6）刪除數據時，要注意相應查詢頁面的數據是否及時更新
（7）如刪除的數據與其他業務數據關聯，要注意其關聯性（如刪除部門信息時，部門下游員工，則應該給出提示）
（8）如果結果列表中沒有記錄或沒有選擇任何一條記錄，點擊刪除按鈕系統會報錯。
四、輸入框
1、字符型輸入框
（1）字符型輸入框：英文全角、英文半角、數字、空或者空格、特殊字符“~！@#￥%……&*？[]{}”特別要注意單引號和&符號。禁止直接輸入特殊字符時，使用“粘貼、拷貝”功能嘗試輸入。
（2）長度檢查：最小長度、最大長度、最小長度-1、最大長度+1、輸入超工字符比如把整個文章拷貝過去。
（3）空格檢查：輸入的字符間有空格、字符前有空格、字符後有空格、字符前後有空格
（4）多行文本框輸入：允許回車換行、保存後再顯示能夠保存輸入的格式、僅輸入回車換行，檢查能否正確保存（若能，檢查保存結果，若不能，查看是否有正常提示）
（5）安全性檢查：
輸入特殊字符串
（null,NULL, ,javascript,<script>,</script>,<title>,<html>,<td>）
輸入腳本函數
(<script>alert("abc")</script>)、doucment.write("abc")、<b>hello</b>）
2、數值型輸入框
（1）邊界值：最大值、最小值、最大值+1、最小值-1
（2）位數：最小位數、最大位數、最小位數-1最大位數+1、輸入超長值、輸入整數
（3）異常值、特殊字符：輸入空白（NULL）、空格或"~!@#$%^&*()_+{}|[]:"<>?;',./?;:'-=等可能導致系統錯誤的字符、禁止直接輸入特殊字符時，嘗試使用粘貼拷貝查看是否能正常提交、word中的特殊功能，通過剪貼板拷貝到輸入框，分頁符，分節符類似公式的上下標等、數值的特殊符號如∑，㏒，㏑，∏，+，-等。
輸入負整數、負小數、分數、輸入字母或漢字、小數（小數前0點捨去的情況，多個小數點的情況）、首位爲0的數字如01、02、科學計數法是否支持1.0E2、全角數字與半角數字，數字與字母混合、16進制，8進制數值、貨幣型輸入（允許小數點後面幾位）。
（4）安全性檢查：不能直接輸入就copy
3、日期型輸入框
（1）合法性檢查：(輸入0日、1日、32日)、月輸入[1、3、5、7、8、10、12]、日輸入[31]、月輸入[4、6、9、11]、日輸入[30][31]、輸入非閏年，月輸入[2]，日期輸入[28、29]、輸入閏年，月輸入[2]、日期輸入[29、30]、月輸入[0、1、12、13]
（2）異常值、特殊字符：輸入空白或NULL、輸入~！@#￥%……&*（）{}[]等可能導致系統錯誤的字符
（3）安全性檢查：不能直接輸入，就copy，是否數據檢驗出錯？
4、信息重複
在一些需要命名,且名字應該唯一的信息輸入重複的名字或ID,看系統有沒有處理,會否報錯,重名包括是否區分大小寫,以及在輸入內容的前後輸入空格,系統是否作出正確處理.
五、Web測試注意事項都有哪些！
1.頁面提示信息
主要是對頁面操作結果成功或失敗的提示信息，還有用戶在做一些關鍵操作或者是涉及敏感操作時系統是否會有提醒。
2.頁面功能部分
（1）頁面初始數據是否顯示正確
（2）頁面數據處理功能是否被正確執行並返回正確結果
（3）對模塊的功能測試時可以列出該模塊的所有實現功能進行排列組合，比如頁面基本的增刪改查功能：
增加-->增加-->增加（連續增加測試）；增加-->刪除-->增加（之前刪除內容）；修改-->增加（修改之前內容）
3.頁面中元素顯示
（1）頁面元素（爲實現功能，是否講所有的頁面元素全部列出，比如按鈕、單選框、複選框、列表欄、超鏈接、輸入框等）
（2）查看元素是否存在並可以正常顯示
（3）頁面元素基本功能的實現（如特殊效果、動畫特效、按鈕、超鏈接等）
（4）頁面元素的處理錯誤的能力（如故意製造錯誤信息，查看頁面的返回是否友好）
4.頁面的容錯性
（1）設置頁面輸入內容的格式（限制用戶輸入內容）
（2）對用戶輸入不正確內容系統是否會正確處理（頁面提示輸入正確格式內容或提示用戶重新輸入）
（3）對用戶輸入的特殊字符要嚴格把控，否則可能造成SQL注入問題
5.web頁面
（1）查看頁面清單是否完整（是否將頁面中所有內容全部正確加載）
（2）頁面是否正常顯示（在不同瀏覽器版本中頁面顯示是否正常）
（3）頁面在窗口中是否顯示正確、美觀（在調整瀏覽器窗口大小時，屏幕刷新是否正確，屏幕是否會隨着窗口的大小發生變化）
（4）頁面的特殊效果是否可以正常顯示（如特殊的字體、動畫、圖片之類的效果）
10G海量軟件測試資料等你來領！
鏈接: https://pan.baidu.com/s/1mASXM5nnfDTqLrYLawv9eA
提取碼: esyd
以上建議僅供參考！【樂搏軟件測試】【樂搏學院】
如有侵權請聯繫刪除