我是通過node.js安裝的cypress,通過vscode打開項目文件。
先說一下cypress的目錄結構。cypress共有四個目錄,還有一個cypress.json文件,integration中的文件有cypress自帶的例子。文件名為examples,可以直接啟動cypress來運行一下,感受cypress的運行過程。
1】運行cypress的方法
在Windows下,打開node.js,在安裝目錄下輸入命令node_modules\.bin\cypress open。
打開cypress后,可以看到example的文件夾,就是上圖介紹過的cypress自帶的測試代碼。點擊其中一個js,便可以自動運行。右上角可以一起全部運行。目前cypress支持的瀏覽器有Chrome 55 和Elctrone 61。
2】運行結果
如圖所示,共運行通過了13個測試用例,,每一個通過的測試前面都有標記綠的√。可以通過運行的每一個步驟看到是在訪問地址,還是獲取元素,輸入內容,做斷言等。並且cypress的快照記錄了每一行的運行記錄,只要將鼠標放在已經運行的某一行腳本時,就會看到當前行的運行情況。
當然,cypress除了使用瀏覽器運行外,在測試用例較多的情況下,還是推薦服務器運行的方式 。需要搭建cypress的后台運行環境(linux)。