怎么做前端自動化測試？實現(xiàn)前端項目的自動化測試的要點

前端測試一直是前端項目開發(fā)過程中機器重要的一個環(huán)節(jié)，高效的測試方法可以減少我們進(jìn)行代碼自測的時間，提高我們的開發(fā)效率，如果你的代碼涉及的測試用例較多，而且項目需要長期維護(hù)，這時就可以考慮使用一下自動化測試了。

實現(xiàn)前端項目的自動化測試的要點：

1.允許測試腳本里調(diào)用api

我們經(jīng)常在測試時要做一些準(zhǔn)備活動，比如注冊一個新用戶。這一步驟可能每次花費幾分鐘時間，那么這時候建議直接調(diào)用注冊用戶的api來生成新用戶。每個場景節(jié)約幾分鐘，加起來就多了。

2.允許測試腳本里訪問數(shù)據(jù)庫

雖然我們做軟件測試可以說重點在界面上，但是業(yè)務(wù)邏輯上如果出錯了最好也要能找出來。也就是說，我的檢查點不止檢查頁面元素，更先去檢查對應(yīng)數(shù)據(jù)在數(shù)據(jù)庫里是否正確。好處是數(shù)據(jù)庫里不正確的時候，腳本就不用傻乎乎等個幾十秒才報出來頁面上的錯誤。

3.為測試準(zhǔn)備獨立干凈的測試環(huán)境

測試如果針對網(wǎng)站，很多時候要考慮在windows系統(tǒng)上跑腳本。一般建議和工作用的電腦分開。如果有條件，還可以自動化搭建這樣的測試環(huán)境，我們以前是通過云自動搭建符合要求的虛擬機來做。

4.考慮測試邏輯的重用性

通常采用頁面對象建模，簡單來說就是同樣的測試邏輯封裝在一起，用的時候直接調(diào)，改的時候只改一個地方。

5.在開發(fā)階段考慮可測性

有的app就是不可測，這也動態(tài)那也動態(tài)，控件各種不標(biāo)準(zhǔn)，自定義。這種是沒法做自動化的。比如用selenium去測gmail的網(wǎng)頁版，一切都是動態(tài)的，那簡直瘋了也做不成功。相反比如說去看京東的網(wǎng)頁，各種標(biāo)準(zhǔn)，再沒有比它更適合用selenium測試的了?？蓽y性每提升一丁點兒，自動化測試效率提升一大截。質(zhì)的改變。

6.采用統(tǒng)一的設(shè)計和分層次的設(shè)計

采用統(tǒng)一的自動化測試設(shè)計，不管是桌面的網(wǎng)頁的還是手機的，對測試腳本來說都是執(zhí)行測試的庫去負(fù)責(zé)的，如何執(zhí)行是那些庫的事情。第一層是測試邏輯層，第二層是測試實現(xiàn)層。

這樣分開的好處是：

1）實現(xiàn)層的工具可能會換；

2）可以測試復(fù)雜的場景；

3）維護(hù)人員可以分開，降低測試邏輯層維護(hù)人員的技術(shù)要求；

4）便于大團(tuán)隊的協(xié)作；

好了，以上小編說的前端自動化測試要點都了解了嗎？希望對大家有所幫助！

推薦閱讀：

如何在Linux下進(jìn)行自動化測試？自動化測試工具AR在Linux系統(tǒng)上的應(yīng)用

如何設(shè)計自動化測試方案？自動化測試主要適用于哪些測試階段或過程？

web自動化測試的思路和方法

Web自動化測試工具有哪些？Web自動化測試基本步驟

自動化測試生命周期的6個階段

Web UI自動化測試框架哪個好？WebUI自動化測試框架如何分層？

界面自動化測試工具有哪些？常用UI自動化工具推薦

如何進(jìn)行前端自動化測試？如何選擇前端頁面自動化測試工具？