前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Cypress系列-使用yarn命令搭建cypress自动化测试环境

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

作者头像
小博测试成长之路
发布2021-07-06 16:57:46
1.3K0
发布2021-07-06 16:57:46
举报
文章被收录于专栏:软件测试学习

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:\MyScripts\Cypress-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:\MyScripts\Cypress-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

本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。
原始发表:2021-06-11,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 小博测试成长之路 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档