常見web端測試點彙總

時間 2020-07-09

標籤常見 web 測試彙總欄目 HTML 简体版

原文原文鏈接

此篇文章只是給大家一個思路，若是要涉及web端每一個測試點，基本不可能實現的，因此只是提供一個設計的思路，但願可以開闊大家的視野，使大家走的更遠。來，直接上乾貨吧！javascript

1、輸入框html

一、字符型輸入框：java

（1）字符型輸入框：中文，英文全角、英文半角、數字、空或者空格或者回車、特殊字符（~！@#￥%……&*？[]{}」（特別要注意單引號和&符號））。禁止直接輸入特殊字符時，使用」複製+粘貼」功能嘗試輸入。mysql

（2）長度檢查：最小長度-一、最大長度+一、輸入超長字符好比把整個文章拷貝過去。jquery

（3）空格檢查：輸入的字符間有空格、字符前有空格、字符後有空格、字符先後有空格web

（4）多行文本框輸入：容許回車換行、保存後再顯示可以保存輸入的格式、僅輸入回車換行，檢查可否正確保存（若能，檢查保存結果，若不能，查看是否有正常提示）ajax

（5）安全性檢查：輸入特殊字符串（null,NULL, ,javascript,<script>,</script>,<title></title>,<html></html>,<td></td>）、輸入腳本函數(<script>alert("abc")</script>)、doucment.write("abc")、<b>hello</b>、sql注入）sql

二、數值型輸入框：數據庫

（1）邊界值：最大值、最小值、最大值+一、最小值-1 瀏覽器

（2）位數：最小位數、最大位數、最小位數-一、最大位數+一、輸入超長值

（3）特殊字符：輸入空白（NULL）、空格或"~!@#$%^&*()_+{}|[]\:"<>?;',./?;:'-=等可能致使系統錯誤的字符、禁止直接輸入特殊字符時，嘗試使用粘貼拷貝查看是否能正常提交、word中的特殊功能，經過剪貼板拷貝到輸入框，分頁符，分節符相似公式的上下標等、數值的特殊符號如∑，㏒，㏑，∏，+，-等

（4）異常值：輸入負整數、負小數、分數、輸入字母或漢字、小數（小數前0點捨去的狀況，多個小數點的狀況）、首位爲0的數字如0一、0二、科學計數法是否支持1.0E二、全角數字與半角數字、數字與字母混合、16進制，8進制數值、貨幣型輸入（容許小數點後面幾位）

（5）安全性檢查：不能直接輸入就copy，輸入內容如上

三、日期型輸入框：

（1）合法性檢查：(輸入0日、1日、32日)、月輸入[一、三、五、七、八、十、12]、日輸入[31]、月輸入[四、六、九、11]、日輸入[30][31]、輸入非閏年，月輸入[2]，日期輸入[2八、29]、輸入閏年，月輸入[2]、日期輸入[2九、30]、月輸入[0、一、十二、13]

（2）異常值、特殊字符：輸入空白或NULL、輸入~！@#￥%……&*（）{}[]等可能致使系統錯誤的字符

（3）安全性檢查：不能直接輸入，就copy，是否數據檢驗出錯

四、信息重複：在一些須要命名,且名字應該惟一的信息輸入重複的名字或ID,看系統有沒有處理,會否報錯,重名包括是否區分大小寫,以及在輸入內容的先後輸入空格,系統是否做出正確處理

2、搜索功能

若查詢條件爲輸入框，則參考輸入框對應類型的測試方法

一、功能實現：

（1）若是支持模糊查詢，搜索名稱中任意一個字符是否能搜索到

（2）比較長的名稱是否能查到

（3）輸入系統中不存在的與之匹配的條件

（4）用戶進行查詢操做時，通常狀況是不進行查詢條件的清空，除非需求特殊說明。

（5）拼音查詢

二、組合測試：

（1）不一樣查詢條件之間來回選擇，是否出現頁面錯誤（單選框和多選框最容易出錯）

（2）測試多個查詢條件時，要注意查詢條件的組合測試，可能不一樣組合的測試會報錯。

3、添加、修改功能

一、特殊鍵：（1）是否支持Tab鍵（2）是否支持回車鍵

二、提示信息：（1）不符合要求的地方是否有錯誤提示

三、惟一性：（1）字段惟一的，是否能夠重複添加，添加後是否能修改成已存在的字段（字段包括區分大小寫以及在輸入的內容先後輸入空格，保存後，數據是否真的插入到數據庫中，注意保存後數據的正確性）

四、數據正確性：

（1）對編輯頁的每一個編輯項進行修改，點擊保存，是否能夠保存成功，檢查想關聯的數據是否獲得更新。

（2）進行必填項檢查（便是否給出提示以及提示後是否依然把數據存到數據庫中；是否提示後出現頁碼錯亂等）

（3）是否可以連續添加（針對特殊狀況）

（4）在編輯的時候，注意編輯項的長度限制，有時在添加的時候有，在編輯的時候卻沒有（注意要添加和修改規則是否一致）

（5）對於有圖片上傳功能的編輯框，若不上傳圖片，查看編輯頁面時是否顯示有默認的圖片，若上傳圖片，查看是否顯示爲上傳圖片

（6）修改後增長數據後，特別要注意查詢頁面的數據是否及時更新，特別是在首頁時要注意數據的更新。

（7）提交數據時，連續屢次點擊，查看系統會不會連續增長几條相同的數據或報錯。

（8）若結果列表中沒有記錄或者沒選擇某條記錄，點擊修改按鈕，系統會拋異常。

4、刪除功能

一、特殊鍵：（1）是否支持Tab鍵（2）是否支持回車鍵

二、提示信息：（1）不選擇任何信息，直接點擊刪除按鈕，是否有提示（2）刪除某條信息時，應該有確認提示

三、數據實現：（1）是否能連續刪除多個產品（2）當只有一條數據時，是否能夠刪除成功（3）刪除一條數據後，是否能夠添加相同的數據（4）如系統支持批量刪除，注意刪除的信息是否正確（5）若有全選，注意是否把全部的數據刪除（6）刪除數據時，要注意相應查詢頁面的數據是否及時更新（7）如刪除的數據與其餘業務數據關聯，要注意其關聯性（如刪除部門信息時，部門下游員工，則應該給出提示）（8）若是結果列表中沒有記錄或沒有選擇任何一條記錄，點擊刪除按鈕系統會報錯。

如：某一功能模塊具備最基本的增刪改查功能，則須要進行如下測試

單項功能測試（增長、修改、查詢、刪除）

增長——>增長——>增長（連續增長測試）

增長——>刪除

增長——>刪除——>增長（新增長的內容與刪除內容一致）

增長——>修改——>刪除

修改——>修改——>修改（連續修改測試）

修改——>增長（新增長的內容與修改前內容一致）

修改——>刪除

修改——>刪除——>增長（新增長的內容與刪除內容一致）

刪除——>刪除——>刪除（連續刪除測試）

5、註冊、登錄模塊

一、註冊功能：

（1）註冊時，設置密碼爲特殊版本號，檢查登陸時是否會報錯

（2）註冊成功後，頁面應該以登錄狀態跳轉到首頁或指定頁面

（3）在註冊成功後，刪除註冊的帳號，檢查是否能夠註冊成功

（4）註冊已註冊的帳號，檢查是否能夠註冊成功

（5）改變存在的用戶的用戶名和密碼的大小寫，來註冊。（有的需求是區分大小寫，有的不區分）

（6）看是否支持tap和enter鍵等；密碼是否能夠複製粘貼；密碼是否以* 之類的加祕符號顯示

（7）對於帳號輸入與密碼輸入運用等價類、邊界值寫就行了，這裏再也不累述

二、登錄功能：

（1）輸入正確的用戶名和正確的密碼

（2）輸入正確的用戶名和錯誤的密碼

（3）輸入錯誤的用戶名和正確的密碼

（4）輸入錯誤的用戶名和錯誤的密碼

（5）不輸入用戶名和密碼（均爲空格）

（6）只輸入用戶名，密碼爲空

（7）用戶名爲空，只輸入密碼

（8）輸入正確的用戶名和密碼，可是不區分大小寫

（9）用戶名和密碼包括特殊字符

（10）用戶名和密碼輸入超長值

（11）已刪除的用戶名和密碼

（12）登陸時，當頁面刷新或從新輸入數據時，驗證碼是否更新

6、上傳圖片

（1）上傳各類主流的圖片格式文件

（2）上傳非圖片格式的文件

（3）上傳圖片文件的大小，幾k，上百k，到幾兆，幾十兆

（4）上傳正在被其餘應用使用的圖片文件

（5）上傳的手動輸入上傳地址

（6）上傳地址輸入不存在的圖片地址

（7）上傳地址輸入圖片名稱來上傳

（8）不選擇文件直接點擊上傳，查看是否給出提示

（9）連續屢次選擇不一樣的文件，查看是否上傳最後一次選擇的文件

（10）同時上傳多張圖片文件

7、查詢結果列表

（1）列表、列寬是否合理

（2）列表數據太寬有沒有提供橫向滾動

（3）列表的列名有沒有與內容對應

（4）列表的每列的列名是否描述的清晰

（5）列表是否把沒必要要的列都顯示出來

（6）點擊某列進行排序，是否會報錯（點擊查看每一頁的排序是否正確）

（7）雙擊或單擊某列信息，是否會報錯

8、界面和易用性測試

一、風格、樣式、顏色是否協調

二、界面佈局是否整齊、協調（保證所有顯示出來的，儘可能不要使用滾動條

三、界面操做、標題描述是否恰當（描述有歧義、注意是否有錯別字）
四、操做是否符合人們的常規習慣（有沒有把類似的功能的控件放在一塊兒，方便操做）

五、提示界面是否符合規範（不該該顯示英文的cancel、ok，應該顯示中文的肯定等）

六、界面中各個控件是否對齊

七、日期控件是否可編輯

八、日期控件的長度是否合理，以修改時能夠把時間所有顯示出來爲準

九、查詢結果列表列寬是否合理、標籤描述是否合理

十、查詢結果列表太寬沒有橫向滾動提示

十一、對於信息比較長的文本，文本框有沒有提供自動豎直滾動條

十二、數據錄入控件是否方便

1三、有沒有支持Tab鍵，鍵的順序要有條理，不亂跳

1四、有沒有提供相關的熱鍵

1五、控件的提示語描述是否正確

1六、模塊調用是否統一，相同的模塊是否調用同一個界面

1七、用滾動條移動頁面時，頁面的控件是否顯示正常

1八、日期的正確格式應該是XXXX-XX-XX或XXXX-XX-XX XX:XX:XX

1九、頁面是否有多餘按鈕或標籤

20、窗口標題或圖標是否與菜單欄的統一

2一、窗口的最大化、最小化是否能正確切換

2二、對於正常的功能，用戶能夠沒必要閱讀用戶手冊就能使用

2三、執行風險操做時，有確認、刪除等提示嗎

2四、操做順序是否合理

2五、正確性檢查：檢查頁面上的form, button, table, header, footer,提示信息，還有其餘文字拼寫，句子的語法等是否正確。

2六、系統應該在用戶執行錯誤的操做以前提出警告，提示信息.

2七、頁面分辨率檢查，在各類分辨率瀏覽系統檢查系統界面友好性。

2八、合理性檢查：作delete, update, add, cancel, back等操做後，查看信息回到的頁面是否合理。

2九、檢查本地化是否經過：英文版不該該有中文信息，英文翻譯準確，專業

9、兼容性測試

　　兼容性測試不僅是指界面在不一樣操做系統或瀏覽器下的兼容，有些功能方面的測試，也要考慮到兼容性，包括操做系統兼容和應用軟件兼容，可能還包括硬件兼容。好比涉及到ajax、jquery、javascript等技術的，都要考慮到不一樣瀏覽器下的兼容性問題。

10、連接測試

　　主要是保證連接的可用性和正確性，它也是網站測試中比較重要的一個方面。

一、導航測試
　　導航描述了用戶在一個頁面內操做的方式，在不一樣的用戶接口控制之間，例如按鈕、對話框、列表和窗口等；或在不一樣的鏈接頁面之間。經過考慮下列問題，能夠決定一個Web應用系統是否易於導航：導航是否直觀？Web系統的主要部分是否可經過主頁存取？Web系統是否須要站點地圖、搜索引擎或其餘的導航幫助？
　　在一個頁面上放太多的信息每每起到與預期相反的效果。Web應用系統的用戶趨向於目的驅動，很快地掃描一個Web應用系統，看是否有知足本身須要的信息，若是沒有，就會很快地離開。不多有用戶願意花時間去熟悉Web應用系統的結構，所以，Web應用系統導航幫助要儘量地準確。
　　導航的另外一個重要方面是Web應用系統的頁面結構、導航、菜單、鏈接的風格是否一致。確保用戶憑直覺就知道Web應用系統裏面是否還有內容，內容在什麼地方。
　　Web應用系統的層次一旦決定，就要着手測試用戶導航功能，讓最終用戶參與這種測試，效果將更加明顯。
二、圖形測試
在Web應用系統中，適當的圖片和動畫既能起到廣告宣傳的做用，又能起到美化頁面的功能。一個Web應用系統的圖形能夠包括圖片、動畫、邊框、顏色、字體、背景、按鈕等。圖形測試的內容有：
（1）要確保圖形有明確的用途，圖片或動畫不要胡亂地堆在一塊兒，以避免浪費傳輸時間。Web應用系統的圖片尺寸要儘可能地小，而且要能清楚地說明某件事情，通常都連接到某個具體的頁面。
（2）驗證全部頁面字體的風格是否一致。
（3）背景顏色應該與字體顏色和前景顏色相搭配。
（4）圖片的大小和質量也是一個很重要的因素，通常採用JPG或GIF壓縮，最好能使圖片的大小減少到30k如下。
（5）最後，須要驗證的是文字迴繞是否正確。若是說明文字指向右邊的圖片，應該確保該圖片出如今右邊。不要由於使用圖片而使窗口和段落排列古怪或者出現孤行。
一般來講，使用少量或儘可能不使用背景是個不錯的選擇。若是您想用背景，那麼最好使用單色的，和導航條一塊兒放在頁面的左邊。另外，圖案和圖片可能會轉移用戶的注意力。

11、業務流程測試（主要功能測試）

　　業務流程，通常會涉及到多個模塊的數據，因此在對業務流程測試時，首先要保證單個模塊功能的正確性，其次就要對各個模塊間傳遞的數據進行測試，這每每是容易出現問題的地方，測試時必定要設計不一樣的數據進行測試。

12、安全性測試

（1）SQL注入（好比登錄頁面）

測試方法：根據order by 獲取表中的字段個數，根據mysql函數獲取數據庫名（database()），用戶名（user()），版本號（version()），繼續獲取表名、字段名。

（2）XSS跨網站腳本攻擊：

測試方法：找到網站的全部文本輸入框，在輸入框內輸入script腳本，腳本內包含alert彈出語句，肯定提交文本的內容，若是執行了alert語句，彈出警告的內容，說明可以被跨站攻擊。

腳本內容能夠爲：<script>alert("你被黑了")</script>

　　document.write("abc")

　　<script>alter("abc")</script>

（3）URL地址後面隨便輸入一些符號，並儘可能是動態參數靠後

（4）驗證碼更新問題