web頁面測試-控件類

Web頁面測試—控件類 web端頁面測試，最常見的是基本控件的測試，只有了解常見的控件和其測試方法，才能掌握測試要點，避免漏測情況發(fā)生。根據(jù)日常工作總結，將控件和常見邏輯集合在一起，總結了幾個控件類測試查場景如下。導航條導航描述了用戶在一個頁面內操作的方式，在不同的用戶接口控制之間，例如按鈕、對話框、列表和窗口等；或在不同的連接頁面之間。導航測試經(jīng)?？紤]如下幾點。導航是否直觀，簡單明了，直接反應系統(tǒng)的主要功能。導航的風格與其他菜單，展示等風格是否一致導航的鏈接跳轉是否正確導航條tab間的來回跳轉，是否正確。鏈接如果帶參數(shù)，跳轉到不同頁面，傳遞的參數(shù)是否正確導航條之外的公共內容，在導航條不同tab內的展示應該保持一致，且功能正確性檢查。不同的導航條達到同樣的目的，檢查不同導航條跳轉過來時內容是否一致。導航條各級之間有上下級關系時，進入下級頁面，再返回，是否能正常返回上級頁面。導航條常見和URL跳轉檢查一起組成一定的功能。除了考慮導航條基本的功能外，還需要檢查：各個導航之間的相互影響，如果兩個導航連接使用的js模塊不一致，涉及到頁面加載，頁面展示等的檢查。導航條與其他控件組合在一起時，在不同的頁面上，看到的導航條是否一致等檢查。輸入框輸入框分為文本輸入框，數(shù)字輸入框。一般使用在填寫輸入的內容上，比如名稱，屬性等，有新建和編輯類兩種。在檢查的時候需要關注一些輸入框的特性：輸入的字符長度是否符合要求，輸入最小長度，最小長度-1，最大長度，最大長度+1，以及超長的字符檢查是否符合預期輸入特殊字符，特別是&、單引號’、空格檢查是否能保存。輸入內容前后帶空格的，能否自動過濾處理。不輸入內容，保存，是否有錯誤提醒輸入注入的字符串，比如null，js代碼，html代碼等，是否能保存。數(shù)字輸入框還要檢查邊界值，負數(shù)，分數(shù)，非數(shù)字，0，科學計數(shù)法，字母與數(shù)字結合，16進制，8進制，貨幣性輸入，小數(shù)點位數(shù)檢查等情況等情況另外，輸入框在邏輯上需要關注以下幾點：信息的唯一性，比如一些名稱的檢查要求唯一性。編輯類的輸入框，要檢查鼠標移出后點擊，能否從輸入框移出焦點。有自動帶入功能的輸入框，要檢查自動帶入數(shù)據(jù)的正確性。按鈕按鈕一般用戶功能的確認，涉及到功能與db等的存儲情況是否符合預期。常見測試場景如下：按鈕是否可點，有彈出框的彈出框是否符合預期。自然狀態(tài)、鼠標懸浮和按鈕按下狀態(tài)下，按鈕的狀態(tài)按鈕的功能實現(xiàn)是否正常（存儲db，與其他模塊交互等是否正常）按enter鍵操作按鈕，功能是否正常。按tab鍵，能否在不同的按鈕或其他控件間切換。一些按鈕只能點擊一次的情況，點擊一次后，再操作，是否仍能點擊。錯誤信息提醒是在前端js判斷，還是后臺判斷，點擊按鈕后，提示話術顯示正確。取消功能的按鈕，是否能正常關閉頁面，取消后回到的頁面是否符合預期。下拉框下拉框一般多個一起出現(xiàn)，實現(xiàn)篩選功能。需要注意篩選后是否立即生效，以及組合篩選的情況結果是否符合預期。常見測試點如下：默認顯示是否正確，比如有的顯示全部，有的默認選中某一項，有的顯示“請選擇”切換item，下拉框顯示項內容和排序是否正確，不同瀏覽器，下拉框顯示是否有變形等。下拉框中選項超出設定值的，是否有滑動條，上下滑動，還是左右滑動等。下拉框彈出時，鼠標點擊控件外區(qū)域/選項/下拉框，下拉框能否收回當下拉框選項很多時，是否有被底層覆蓋的情況，下拉框數(shù)據(jù)被存儲后，其他地方顯示時，傳遞的數(shù)據(jù)正確性檢查。比如下拉框選項按數(shù)字傳遞，而其他頁面顯示時應該顯示對應的文字。組合篩選的情況，有級聯(lián)操作的，只有選擇了前一個數(shù)據(jù)后，才能進行下一個的選擇。比如省市之間，只有選擇了省份，才能繼續(xù)選擇市，否則市不可選。組合下拉框實現(xiàn)的篩選功能正確性檢查。下拉框，列表，篩選框等經(jīng)常一起組成篩選的功能。需要關注以下幾點：選擇不同的選項，列表中展示篩選的結果，內容，默認排序等檢查。組合條件時，列表中內容檢查。列表列表是列表框，主要是較多的同類型數(shù)據(jù)的展現(xiàn)。列表需要注意數(shù)據(jù)的全面性，條數(shù)，內容正確性等，常見測試點如下：列表長度，寬度是否合理，如果太長，太寬，有沒有豎向和橫向滾動條。列表表頭幫助信息是否完整，比如title旁邊是否有小問號支持。列表每行每個字段可顯示內容多樣性檢查是否正確。列表數(shù)據(jù)為空時，顯示是否正確。列表翻頁功能是否正確。列表列排序功能是否正常。列表其他附加功能（比如：刪除、新增，編輯，下載等）是否正常。是否有全選功能，全選功能檢查列表和翻頁，篩選的組合檢查，翻頁后，再做篩選，是否會自動跳到第一頁。列表和翻頁，排序的組合檢查，翻頁后，篩選，是否仍是對全部數(shù)據(jù)的排序。列表和翻頁的組合檢查，翻頁后，對頁面數(shù)據(jù)做編輯，是否能保存成功，是否仍停留在當前頁。列表切換的功能檢查，比如在列表1和列表2在同一區(qū)域展示，展示1時不展示里2.當在列表1編輯物料后，切換到列表2，再切換回列表1，檢查編輯的物料是否生效。單選框單選框實現(xiàn)多個中選擇一個的功能，常見測試點如下：默認是否有選中是否只能選中一個選中后的功能是否正確。與接口交互傳遞的值正確性檢查復選框 實現(xiàn)多選功能，常見測試點如下：多個復選框一個都不選多個復選框全部選中多個復選框部分被選中當復選框太多時，是否提供全選和全不選的功能復選框與其他組合時，比如選中某個復選框，就出現(xiàn)某種效果，檢查不同組合時的展示情況。左右選擇框 一些場景，使用左右選擇框選擇數(shù)據(jù)，左側是待選擇數(shù)據(jù)，右側是已經(jīng)選擇的數(shù)據(jù)，右側可刪除。常見測試點如下：左側數(shù)據(jù)展示區(qū)數(shù)據(jù)是否符合預期左側數(shù)據(jù)為空時是否展示正確左側數(shù)據(jù)過多時是否有滾動條。左側能否展開，展開后顯示數(shù)據(jù)是否正確。首次進入是否展開。添加左側數(shù)據(jù)到右側后，右側數(shù)據(jù)是否默認展開。添加一條左側數(shù)據(jù)到右側，左側數(shù)據(jù)置灰檢查，右側數(shù)據(jù)正確性檢查添加全部數(shù)據(jù)到右側，左側數(shù)據(jù)置灰檢查，正確性檢查。右側刪除一條數(shù)據(jù)，左側對應數(shù)據(jù)不再置灰，數(shù)據(jù)正確性檢查右側刪除全部，左側數(shù)據(jù)不再置灰，正確性檢查兩側數(shù)據(jù)是否有個數(shù)提示，有的話，添加和刪除后，個數(shù)提示是否正確。添加大量數(shù)據(jù)，確認后，檢查處理的速度。時間框 用于選擇時間，有起始時間和結束時間，有的有選擇時間的快捷鍵。日期選擇功能是否正確（包括年、月、日的選擇是否正確）起、止時間選擇（起始時間不能晚于結束時間）年、月、日的時間限制（比如：年-1900至今，月-1~12，日-平月、閏月）時間框展示在不同瀏覽器下，不同分辨率是否正確。時間框快捷操作和左側選擇時間的對應關系檢查，比如選擇昨天，左側的時間是否自動選擇昨天的日期。時間框選擇時間后，確定，檢查傳遞的值是否正確，尤其檢查是否包含當天，比如最近一個月，是否包含今天等。時間框和篩選框交互，選擇時間框后，再選擇其他的篩選框，時間框選擇的內容應該保持不變。截止時間不能早于開始時間。時間框為公用控件時，要考慮當某一處修改時，其他地方是否會受到影響。樹形 用于收起和展開功能。檢查點如下：各層級用不同圖標表示，最下層節(jié)點無加減號

提供全部收起、全部展開功能

如有需要提供搜索與右鍵功能，如提供需有提示信息

展開時，內容刷新正常顯示數(shù)據(jù)的個數(shù)是否正確，和數(shù)據(jù)庫中數(shù)據(jù)做對比。圖表類檢查曲線圖：圖表的維度符合預期。圖表有時間軸的，檢查時間軸的間隔是否符合預期。某一天無數(shù)據(jù)，其他天有數(shù)據(jù)時，圖表展示是否正常。對比曲線圖時，一般通過顏色區(qū)分不同曲線的意義。鼠標懸浮到曲線上，能展示當前點的數(shù)據(jù)。和時間框組合，選擇不同的時間，折線圖的數(shù)據(jù)是否自動變化，且顯示正確。實時折線圖，檢查實時的數(shù)據(jù)是否正常展示。圓環(huán)圖：環(huán)形圖一般顯示為百分占比，測試點如下：圖的百分比值是否顯示正常圖中心顯示的數(shù)字長度檢查，過長是不是能正常顯示非0的百分比，環(huán)形占比是否符合預期顯示多個項的百分比時，各項的顏色是否與提示一致。100%占比和0%占比時的顯示情況檢查。鼠標浮動到對應項上，是否有浮層提示對應的值，同時檢查值是否顯示正確。選擇不同的時間框，圖形內容是否隨時間變化，變化值是否正確。樹形圖樹形圖展開和關閉是否正常。樹形圖展開多層，一屏放不下時，是否有滾動條。樹形圖展開多層，是否能全部展開，上下是否顯示正常。樹形圖無數(shù)據(jù)時顯示情況只有單層時和多層時的顯示情況。選擇不同的時間框，圖形內容是否隨時間變化，變化值是否正確。地圖地圖中的數(shù)據(jù)塊的數(shù)據(jù)是否和存儲的一致。鼠標移動到某一塊，懸浮層內容顯示檢查。選擇不同的時間框，圖形內容是否隨時間變化，變化值是否正確。地圖一般和其他的表格數(shù)據(jù)配合使用，檢查各區(qū)域的數(shù)據(jù)是否和圖表中數(shù)據(jù)一致。沒數(shù)據(jù)的情況，地域的顏色顯示。柱狀圖數(shù)據(jù)為空時的顯示多個柱狀差異比較大時的顯示，比如一個數(shù)據(jù)是1000，一個時1，檢查頁面顯示情況。柱狀圖的范圍區(qū)分是否符合預期鼠標懸浮時，浮層的顯示內容檢查。選擇不同的時間框，圖形內容是否隨時間變化，變化值是否正確。文件類 分為文件上傳和文件下載，分別如下：文件上傳，需要注意一下幾點：文件類型正確、大小合適，是否能正確上傳，交互是否正確。文件類型正確，大小不合適，文件過大，檢查處理速度，進度條情況是否符合預期。上傳空文件。上傳超大文件，檢查是否能正確處理。文件類型錯誤，提示話術是否正確。上傳一個正在使用中的文件文件名是否可以手工輸入，手動輸入存在/不存在的文件地址來上傳，輸入文件名稱來上傳 連續(xù)多次選擇不同的文件，查看是否上傳最后一次選擇的文件Excel文件類型時，表格列數(shù)符合要求，表格列數(shù)多于期望的列數(shù)，少于期望的列數(shù)等條件檢查。各列的類型符合預期，不符合預期，有空行，有重復字段等檢查。文件下載，需要注意以下幾點：右鍵是否可以正常下載文件使用工具下載文件，是否可正常下載，保存到本地是否正常顯示對于本機沒有安裝工具的文件是否能正常打開，能否給出正確提示對于直接在頁面內打開的內容是否能正常顯示，頁面美觀性檢查下載的次數(shù)是否會被記錄后臺設置了下載權限的文件，是否可以被正常下載圖片類 比如上傳，下載圖片等，測試點如下：上傳圖片，檢查文件類型適合與不適合校驗。上傳圖片，文件大小適合于不適合，空文件校驗。上傳正確的符合要求的圖片。上傳一個正在使用中的圖片（即打開該圖片，在上傳該圖片），上傳成功手動輸入存在和不存在的圖片地址，上傳校驗上傳成功，縮略圖顯示是否正確，上傳失敗，是否有錯誤原因提示二次上傳，是否會覆蓋上次結果需要多張圖片的，使用同一張圖片，是否會提示圖片重復上傳時間檢查，大圖片文件，上傳響應時間。下載圖片大小，類型檢查。下載圖片是否能正常打開。URL檢查類 有輸入URL和URL跳轉的，注意以下檢查點：url是否與主域一致性的檢查。URL長度限制檢查修改url中的get參數(shù)，檢查是否還能抓取成功。URL的鏈接是否能到達指定的頁面涉及到一些安全性選擇的登錄還要在url中校驗http和https協(xié)議請求是否正常；涉及到埋點等功能的url測試，還