隨著互聯網的普及和技術的不斷發展,web前端開發工程師在當今互聯網行業中的重要地位,Web前端開發工程師作為一個專業技術崗位,需要掌握多種技術來構建現代化的網頁和應用程序,今天八維職業學校和大家一起來看看Web前端開發工程師常用的通用測試用例總結,希望對想要學習和了解web前端開發工程師這個行業的同學有所幫助。

一、易用性
1、便于使用、理解、并能減少用戶發生錯誤選擇的可能性
2、當數據字段過多時,使用便于用戶迅速吸取信息的方式表現信息,突出重點信息,標紅等方式
3、顯示與當前操作相關的信息,給出操作提示。
4、界面要支持鍵盤自動瀏覽按鈕功能,即按Tab鍵、回車鍵的自動切換功能
5、對于常用的功能,用戶不需要閱讀用戶手冊就能使用
二、一致性
1、是否符合廣大用戶使用同類軟件的習慣
2、表現形式的一致性,字體、按鈕、控件風格、顏色、術語、提示信息等。(需要有一個全局的概念,不要每個模塊都按照他們自己的風格做,結果每個模塊效果做出來都不一致,這也是至關重要的所有要測試人員認真檢查)
3、交互習慣的一致性,查詢、新增、編輯、刪除等操作,并保證同一操作類型按鈕名稱一致。(順序一致,頁面位置也要盡量相同。)
4、當輸入框為不可輸入或控件為不可使用狀態時,統一為灰色不可輸入狀態;

三、有序性
1、界面文字、表單、圖標等元素根據業務規則、使用頻率排列
2、Tab鍵的順序與控件排列順序要一致,目前流行總體從上到下,同時行間從左到右的方式
3、必填項提示信息按照從上到下,從左到右的提示方式依次提示
四、安全性
1、ID/密碼驗證方式中能否使用簡單密碼。如密碼標準為6位以上,字母和數字混合,不能包含ID,連續的字母或數字不能超過n位
2、ID/密碼驗證方式中,連續數次輸入錯誤密碼后該賬戶是否被鎖定
3、不登錄系統,直接輸入登錄后的頁面的url是否可以訪問,(添加攔截器)
4、退出登錄后按后退按鈕能否訪問之前的頁面(確認在退出后他的session的信息被注銷)
5、當用戶無意錄入無效和不符合相關規范的數據(如電子郵箱就需要驗證他的郵箱格式是否正確)時,并且給予提示信息
6、在用戶作出危險的選擇時有信息進行提示,比如要刪除系統的重要數據,或者這種操作可能對系統造成其他的影響。
7、對可能引起致命錯誤或系統出錯的輸入字符或動作要加限制或屏蔽
8、給用戶提供UNDO功能用以撤銷不期望的操作
9、輸入的特殊字符是否能正確處理:`~!@#$%^&*()_+-={}[]|\:;"' <>,./?

五、靈活性
1、用戶能自由的作出選擇,且選擇都是可逆的
2、用戶方便的使用即互動多重性,不局限于單一的工具(包括鼠標、鍵盤或軟鍵盤)
3、當頁面數據暴漲,出現較長列表時,是否有滾動條保證頁面顯示完整的信息。
六、人性化
1、用戶可依據自己的習慣定制界面,并能保存設置
2、提供常用的快捷方式
3、盡量減少用戶輸入動作的數量,加快輸入的速度:例如,日期等可以提供默認顯示當天日期并且可以進行清除和選擇日期,下拉默認選中"請選擇",單選框默認選取使用頻率最高的選項等
4、是否用合理的最少步驟實現常用的操作,獲得高效率
5、是否提供進度條、動畫等反映正在進行的比較耗時間的過程,(特別有的操作可能造成長時間等待,沒有直觀的呈現出現在的操作狀態或相關的提示信息,容易讓不熟悉系統的人誤會系統出現了問題)
6、是否為重要的操作返回必要的結果信息如:成功,失敗(失敗的原因),正在執行
7、重要的對象是否用醒目的色彩表示,
8、色彩使用是否符合行業的習慣,界面的色調是否讓人感到和諧、滿意

七、頁面檢查
1、界面布局有序,簡潔,符合用戶使用習慣
2、界面元素是否在水平或者垂直方向對齊
3、界面元素的尺寸是否合理
4、行列間距是否保持一致
5、是否恰當地利用窗體和控件的空白,以及分割線條
6、窗口切換、移動、改變大小時,界面顯示是否正常
7、刷新后界面是否正常顯示合理布局
8、不同分辨率頁面布局顯示是否合理,整齊,分辨率一般為1024*768 > 1280*1024 >800*600
9、不同的瀏覽器下渲染出來的頁面是否存在變形的情況。
八、彈出窗口
1、彈出的窗口應垂直居中對齊
2、對于彈出窗口界面內容較多,須提供自動全屏功能
3、彈出窗口時應禁用主界面,保證用戶使用的焦點
4、活動窗體是否能夠被反顯加亮

九、頁面正確性
1、界面元素是否有錯別字,或者措詞含糊、邏輯混亂
2、當用戶選中了頁面中的一個復選框,之后回退一個頁面,再前進一個頁面,復選框是否還處于選中狀態
3、導航顯示正確
4、title顯示正確
5、頁面顯示無亂碼
6、需要必填的控件,有必填提醒,如 *
7、適時禁用功能按鈕(如權限控制時無權限操作時按鈕灰掉或不顯示;無法輸入的輸入框disable掉)
8、頁面無js錯
9、鼠標無規則點擊時是否會產生無法預料的結果
10、鼠標有多個形狀時是否能夠被窗體識別(如漏斗狀時窗體不接受輸入
十、控件檢查
1、查詢時默認顯示全部
2、選擇時默認顯示請選擇
3、禁用時樣式置灰

十一、復選框
1、多個復選框可以被同時選中
2、多個復選框可以被部分選中
3、多個復選框可以都不被選中
4、逐一執行每個復選框的功能
5、當復選框太多時,提供全選和全不選的功能
十二、單選框
1、一組單選按鈕不能同時選中,只能選中一個
2、一組執行同一功能的單選按鈕在初始狀態時必須有一個被默認選中,不能同時為空。


學制學費
學習時間
近期活動
開班信息
課程內容
就業情況
津公網安備12011302141430
如何成為IT行業中有競爭力的人工智能工程師?
在當今數字化浪潮洶涌澎湃的時代,人工智能作為 IT 行業最具爆發力的領域之一,正重塑著世界的方方面面,從醫療保健到金融服務,從智能交通到娛樂產業,其影響力無處不在。若想成為這一充滿魅力與挑戰領域中的佼佼者 —— 極具競爭力的人工智能工程師,需要在多個維度精心打磨自己。