界面測試，最多的就是各種控件的功能測試，只有掌握了其測試要點，了解測試方法，總結各種測試情景，才能熟練測試Web頁面。
一、輸入框
輸入框分為文本輸入框，數字輸入框。一般使用在填寫輸入的內容上，比如名稱，屬性等，有新建和編輯類兩種。在檢查的時候需要關注一些輸入框的特性：
-
輸入的字符長度是否符合要求，輸入最小長度，最小長度-1，最大長度，最大長度+1，以及超長的字符檢查是否符合預期
-
輸入特殊字符，特別是&、單引號’、空格檢查是否能保存
-
輸入內容前后帶空格的，能否自動過濾處理
-
不輸入內容，保存，是否有錯誤提醒
-
輸入注入的字符串，比如null，js代碼，html代碼等，是否能保存
-
數字輸入框還要檢查邊界值，負數，分數，非數字，0，科學計數法，字母與數字結合，16進制，8進制，貨幣性輸入，小數點位數檢查等情況等情況
另外，輸入框在邏輯上需要關注以下幾點：
-
信息的唯一性，比如一些名稱的檢查要求唯一性
-
編輯類的輸入框，要檢查鼠標移出后點擊，能否從輸入框移出焦點
-
有自動帶入功能的輸入框，要檢查自動帶入數據的正確性
二、按鈕
按鈕一般用戶功能的確認，涉及到功能與db等的存儲情況是否符合預期。常見測試場景如下：
-
按鈕是否可點，有彈出框的彈出框是否符合預期
-
自然狀態、鼠標懸浮和按鈕按下狀態下，按鈕的狀態
-
按鈕的功能實現是否正常（存儲db，與其他模塊交互等是否正常）
-
按enter鍵操作按鈕，功能是否正常
-
按tab鍵，能否在不同的按鈕或其他控件間切換
-
一些按鈕只能點擊一次的情況，點擊一次后，再操作，是否仍能點擊
-
錯誤信息提醒是在前端js判斷，還是后台判斷，點擊按鈕后，提示話術顯示正確
-
取消功能的按鈕，是否能正常關閉頁面，取消后回到的頁面是否符合預期
三、下拉框
下拉框一般多個一起出現，實現篩選功能。需要注意篩選后是否立即生效，以及組合篩選的情況結果是否符合預期。常見測試點如下：
-
默認顯示是否正確，比如有的顯示全部，有的默認選中某一項，有的顯示“請選擇”
-
切換item，下拉框顯示項內容和排序是否正確，不同瀏覽器，下拉框顯示是否有變形等
-
下拉框中選項超出設定值的，是否有滑動條，上下滑動，還是左右滑動等
-
下拉框彈出時，鼠標點擊控件外區域/選項/下拉框，下拉框能否收回
-
當下拉框選項很多時，是否有被底層覆蓋的情況
-
下拉框數據被存儲后，其他地方顯示時，傳遞的數據正確性檢查。比如下拉框選項按數字傳遞，而其他頁面顯示時應該顯示對應的文字
-
組合篩選的情況，有級聯操作的，只有選擇了前一個數據后，才能進行下一個的選擇。比如省市之間，只有選擇了省份，才能繼續選擇市，否則市不可選
-
組合下拉框實現的篩選功能正確性檢查
下拉框，列表，篩選框等經常一起組成篩選的功能。需要關注以下幾點：
-
選擇不同的選項，列表中展示篩選的結果，內容，默認排序等檢查
-
組合條件時，列表中內容檢查
四、時間框
-
用於選擇時間，有起始時間和結束時間，有的有選擇時間的快捷鍵
-
日期選擇功能是否正確（包括年、月、日的選擇是否正確）
-
起、止時間選擇（起始時間不能晚於結束時間）
-
年、月、日的時間限制（比如：年-1900至今，月-1~12，日-平月、閏月）
-
時間框展示在不同瀏覽器下，不同分辨率是否正確
-
時間框快捷操作和左側選擇時間的對應關系檢查，比如選擇昨天，左側的時間是否自動選擇昨天的日期
-
時間框選擇時間后，確定，檢查傳遞的值是否正確，尤其檢查是否包含當天，比如最近一個月，是否包含今天等
-
時間框和篩選框交互，選擇時間框后，再選擇其他的篩選框，時間框選擇的內容應該保持不變
-
截止時間不能早於開始時間
-
時間框為公用控件時，要考慮當某一處修改時，其他地方是否會受到影響
五、文件類
分為文件上傳和文件下載，分別如下：
文件上傳，需要注意以下幾點：
-
文件類型正確、大小合適，是否能正確上傳，交互是否正確
-
文件類型正確，大小不合適，文件過大，檢查處理速度，進度條情況是否符合預期
-
上傳空文件
-
上傳超大文件，檢查是否能正確處理
-
文件類型錯誤，提示話術是否正確
-
上傳一個正在使用中的文件
-
文件名是否可以手工輸入，手動輸入存在/不存在的文件地址來上傳，輸入文件名稱來上傳
-
連續多次選擇不同的文件，查看是否上傳最后一次選擇的文件
-
Excel文件類型時，表格列數符合要求，表格列數多於期望的列數，少於期望的列數等條件檢查。各列的類型符合預期，不符合預期，有空行，有重復字段等檢查
文件下載，需要注意以下幾點：
-
右鍵是否可以正常下載文件
-
使用工具下載文件，是否可正常下載，保存到本地是否正常顯示
-
對於本機沒有安裝工具的文件是否能正常打開，能否給出正確提示
-
對於直接在頁面內打開的內容是否能正常顯示，頁面美觀性檢查
-
下載的次數是否會被記錄
-
后台設置了下載權限的文件，是否可以被正常下載
六、導航條
導航描述了用戶在一個頁面內操作的方式，在不同的用戶接口控制之間，例如按鈕、對話框、列表和窗口等；或在不同的連接頁面之間。導航測試經常考慮如下幾點。
-
導航是否直觀，簡單明了，直接反應系統的主要功能。
-
導航的風格與其他菜單，展示等風格是否一致
-
導航的鏈接跳轉是否正確
-
導航條tab間的來回跳轉，是否正確。
-
導航條tab間的來回跳轉，是否正確。
-
鏈接如果帶參數，跳轉到不同頁面，傳遞的參數是否正確
-
導航條之外的公共內容，在導航條不同tab內的展示應該保持一致，且功能正確性檢查。
-
不同的導航條達到同樣的目的，檢查不同導航條跳轉過來時內容是否一致。
-
導航條各級之間有上下級關系時，進入下級頁面，再返回，是否能正常返回上級頁面。