Cypress系列-使用yarn命令搭建cypress自动化测试环境

Cypress作为一个最近一两年在国内开始火起来的测试框架，上一篇文章已经介绍过使用nodejs里面的npm命令进行环境搭建（Cypress系列-使用npm命令搭建cypress环境），今天介绍一下使用yarn命令来进行环境搭建。

安装yarn

代码语言：javascript复制

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

验证 yarn是否安装成功：

代码语言：javascript复制

yarn --version

配置yarn插件下载地址：

代码语言：javascript复制

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环境

代码语言：javascript复制

cd /d D:MyScriptsCypress-demo
yarn init // 同npm init，执行输入信息后，会生成package.json文件
yarn add cypress --dev

执行完后命令行窗口显示如下：

启动cypress

1、通过yarn命令

代码语言：javascript复制

yarn run cypress open

2、利用./node_modules/.bin目录下的cypress open命令

代码语言：javascript复制

cd /d D:MyScriptsCypress-demo
"./node_modules/.bin/cypress" open

3、利用npx cypress open命令

代码语言：javascript复制

npx cypress open

注意事项：

1、启动cypress时，以上命令都会在当前执行命令的目录下生成cypress文件夹。

2、不要进入到node_modules/.bin目录下去执行启动命令，否则会报下面的错误：因为.bin目录下已经有一个cypress命令，无法在这个目录下再生成cypress文件夹了。

如何验证cypress是否真的已经安装成功？

创建一个项目成功启动后，在项目根目录下用命令启动cypress时，会在根目录生成一个cypress的文件夹，里面有一些写好的现成的测试case：

想要运行哪个case,直接在弹出的cypress窗口中点击对应的case就可以运行，运行用例效果如下：

更多内容，可以从官方文档学习哟：

Cypress官方文档：https://docs.cypress.io/guides/overview/why-cypress

0 人点赞