天天看点

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自动化测试环境