题外话:为什么研究Cypress?
原因很简单,应大佬要求,学习使用Cypress做WEB自动化。它是一款可跑在Chrome浏览器上的测试工具,Cypress直接用js操作更方便更快捷。
安装
一、安装npm
1.1、确认本机是否安装node及npm;
$ node -v
$ npm -v
#若已安装则出现相应版本号信息
1.2、安装Node.js;
从Node.js官网下载对应平台的安装程序。特别提醒:在Windows上安装时务必选择全部组件,包括勾选Add to Path。
npm已经在Node.js安装的时候顺带装好了。我们在命令提示符或者终端输入npm -v,应该看到类似的输出
二、安装Cypress
2.1、新建一个“cypress”文件夹,用来装Cypress项目;
$ mkdir cypress
2.2、进入此文件夹,安装cypress;
$ cd cypress
$ npm install cypress --save-dev
执行结果如图示,WARN可忽略。
⚠️最佳实践
推荐使用npm来安装Cypress, 原因是:
1、可以和其它任何依赖项一样控制Cypress的版本。
2、它简化了在持续集成中运行Cypress的过程。
2.3、根据提示启动Cypress;
$ ./node_modules/.bin/cypress open
执行以上操作后,即可启动Cypress,见到如下界面;
⚠️你可以有多种启动方式
1、完整的路径:./node_modules/.bin/cypress open
2、使用npm bin:$(npm bin)/cypress open
3、使用npx:npx cypress open(note: npm高于v5.2的版本中自带npx, 或者你也可以单独安装npx.)
以上,便安装成功啦!🎉🎉🎉
⚠️注:
1、安装完成后,Cypress提供了一些测试样例,可直接点击运行;
2、习惯使用xpath定位的朋友记得执行:
$ npm install -D cypress-xpath