本文技術難度★★★,初學自動化測試的朋友慎點!否則會引起焦慮等不適症狀,嚴重者會懷疑自己技術人生!
來自Cypress官網首頁!
Web開發飛速換代!
table控制頁面OUT了!
原生態手寫網頁OUT了!
純原生態JS寫特效OUT了!
但是,司職網頁自動化測試的Selenium,幾乎沒變化!
如果某一天你被告知,Selenium不能用了,網頁自動化小伙伴何去何從?!
現實點兒吧,從現在開始,看看有什么能替代Selenium的才是真理!
Cypress是一個選擇!
Cypress,基於Node.JS的Web自動化測試工具。官網:www.cypress.io
Cypress是個JavaScript的測試框架,所以前提條件是配置好Node.JS環境,本文不贅述。
安裝條件
• macOS 10.9 and above (64-bit only)
• Linux Ubuntu 12.04 and above, Fedora 21 and Debian 8 (64-bit only)
• Windows 7 and above
安裝過程很簡單,直接 npm install cypress --save-dev,后面的一系列依賴由Node.JS自動會完成。
出現類似上面的內容,如:“+ cypress@X.X.X ”以及后面的added XXX packages from YY contributors… found 0 vulnerabilities。說明安裝沒問題了。
默認會在Windows用戶主目錄下的node_modules目錄的.bin目錄下創建cypress命令。
比如,筆者電腦用戶名為:public.DESKTOP-J5M2NO4,那么cypress命令路徑為:C:Userspublic.DESKTOP-J5M2NO4 ode_modules.bin
怎么判斷是否裝好了?
不如直接開始Cypress首次航行!
首先,新建一個目錄,例如:c:workspaceswebproject。
其次,切換到該目錄,運行命令:npx cypress open
Cypress會打開一個對話框。
這個對話框是一個使用范例,教用戶如何編寫測試用例的。
默認情況下,使用Chrome瀏覽器。見右上角。
當然,點擊右上角“Chrome 74”,可以切換Cypress自己的瀏覽器(不推薦)。
選好瀏覽器,點擊“run all”,一系列示例測試用例開始執行了。每個.js文件就是一個測試用例。
執行過程,可以看到具體動作和對應的測試用例代碼,可以說是相當人性化了!
拋開JS語法不談,看看右側代碼示例,Cypress還是很接近人類語言的。
到此,Cypress安裝結束,示例代碼都有了,余下的可以自己探索。
Cypress官方文檔非常全面!而且,確實功能強大!
本文閱讀量如果突破4K,筆者將繼續手把手教大家怎么寫case,怎么測試APP。
作 者:Testfan Covan
出 處:微信公眾號:自動化軟件測試平台
版權說明:歡迎轉載,但必須注明出處,並在文章頁面明顯位置給出文章鏈接