天天看點

Cypress系列-使用yarn指令搭建cypress自動化測試環境

Cypress作為一個最近一兩年在國内開始火起來的測試架構,上一篇文章已經介紹過使用nodejs裡面的npm指令進行環境搭建(Cypress系列-使用npm指令搭建cypress環境),今天介紹一下使用yarn指令來進行環境搭建。

安裝yarn

npm config set registry https://registry.npm.taobao.org
npm install -g yarn
      

驗證 yarn是否安裝成功:

yarn --version
      
Cypress系列-使用yarn指令搭建cypress自動化測試環境

配置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系列-使用yarn指令搭建cypress自動化測試環境

啟動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:

Cypress系列-使用yarn指令搭建cypress自動化測試環境