Cypress作為一個最近一兩年在國内開始火起來的測試架構,上一篇文章已經介紹過使用nodejs裡面的npm指令進行環境搭建(Cypress系列-使用npm指令搭建cypress環境),今天介紹一下使用yarn指令來進行環境搭建。
安裝yarn
npm config set registry https://registry.npm.taobao.org
npm install -g yarn
驗證 yarn是否安裝成功:
yarn --version
配置yarn插件下載下傳位址:
yarn config set registry https://registry.npm.taobao.org -g
yarn config set sass_binary_site http://cdn.npm.taobao.org/dist/node-sass -g
使用yarn安裝cypress環境
cd /d D:\MyScripts\Cypress-demo
yarn init // 同npm init,執行輸入資訊後,會生成package.json檔案
yarn add cypress --dev
執行完後指令行視窗顯示如下:
啟動cypress
1、通過yarn指令
yarn run cypress open
2、利用./node_modules/.bin目錄下的cypress open指令
cd /d D:\MyScripts\Cypress-demo
"./node_modules/.bin/cypress" open
3、利用npx cypress open指令
npx cypress open
注意事項:
1、啟動cypress時,以上指令都會在目前執行指令的目錄下生成cypress檔案夾。
2、不要進入到node_modules/.bin目錄下去執行啟動指令,否則會報下面的錯誤:因為.bin目錄下已經有一個cypress指令,無法在這個目錄下再生成cypress檔案夾了。
如何驗證cypress是否真的已經安裝成功?
建立一個項目成功啟動後,在項目根目錄下用指令啟動cypress時,會在根目錄生成一個cypress的檔案夾,裡面有一些寫好的現成的測試case: