安裝cypress。
一、作業系統
先確認下你的系統,是否在cypress支援範圍之內:
- macOS 10.9 以上 (僅64-bit)
- Linux Ubuntu 12.04及以上版本,Fedora 21和Debian 8(僅64位)
- windows7 以上
二、安裝依賴
1.node.js
如果使用npm來安裝Cypress,需要Node.js 12 或者 14 以上。不知道啥是node.js?
沒關係,其實說白了就是一種javascript的執行環境,能夠使得javascript脫離瀏覽器執行。
安裝教程網上很多了,給個傳送門自己對著裝就好啦。
2.linux
如果使用的是Linux,則需要在系統上安裝所需的依賴項。
官方也提供了的cypress/base 的Docker容器,安裝了所有的依賴項。
三、安裝
我的是win10系統,node.js我也早就裝好了,輸入命令 node -v
可以看到自己裝的版本。
現在就使用npm 來安裝cypress,這也是官方推薦的安裝方式,原因有二:
- 可以跟其他依賴項一樣,控制cypress的版本。
- 簡化了在持續整合中執行Cypress。
首先,在你的對應專案路徑下,先用 npm init
初始化專案,隨之要輸入的專案資訊,你填也可以,不填就一直回車,最後輸入yes
。
接著,再鍵入命令安裝npm install cypress --save-dev
即可,等待安裝完成。
四、安裝完成,開啟cypress
安裝好後,只要進入安裝目錄下的./node_modules/.bin/
,輸入cypress open
即可:
但是我這裡出現一個cypress啟動報錯, EEXIST: file already exists
。
解決報錯
可以在根目錄的package.json中,增加scripts "cypress:open": "cypress open"
,整個內容是這樣:
{
"name": "cypress-pingguo",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1",
"cypress:open": "cypress open"
},
"author": "",
"license": "ISC",
"devDependencies": {
"cypress": "^7.2.0"
}
}
現在使用npm run cypress:open
重新開啟cypress。
右上方可以選擇你機器上所有被cypress相容的瀏覽器,左邊的示例,點選後就會在你選擇的瀏覽器裡執行,快去試試吧。