为什么要开始学习Cypress？

????很简单，IT行业的技术在不断的更新进步，作为IT行业从业者，等你有了几年工作经验之后，你的知识面不能还跟刚毕业的小白一样，啥都不知道。你可以不去深究它的细节，但是针对一些行业内新兴起的框架和工具等，你要知道是个什么东西，大概能解决什么样的问题。这也是我写文章然后建群跟同行一起交流的目的，希望能在群里面了解到大家都在学些什么，工作中会遇到什么样的问题，多多积累自己的经验。(有需要进群一起交流的，可以加我xiaobotester备注进群)

??? Cypress作为新兴起的一个自动化测试框架，目前我对它也不是很了解，这里就不去复制别人的介绍，只知道它的功能很强大，先来尝试着了解一下工具是怎么用的。感兴趣的可以自己看官方文档(全英文)介绍：https://www.cypress.io/

Cypress环境搭建

适用系统：

• macOS?10.9 and above?(64-bit only)

• Linux?Ubuntu 12.04 and above, Fedora 21 and Debian 8?(64-bit only)

• Windows?7 and above

先安装nodejs，然后使用npm命令进行安装。nodejs环境参考之前的文章进行操作：Node.js环境搭建以及常见npm用法

创建一个项目的文件夹，我这里创建的目录是：D:\MyScripts\Cypress-demo。然后进入到文件夹里面后，打开cmd窗口，执行以下命令：

cd?/d?D:\MyScripts\Cypress-demo
npm?init?(这条命令执行时，中间敲几次回车即可执行完)
npm install cypress --save-dev


或者安装cnpm后，用cnpm?install命令进行安装
npm install -g cnpm --registry=https://registry.npm.taobao.org

安装完之后，执行命令打开cypress:

方式1:
cd /d D:\MyScripts\Cypress-demo
"./node_modules/.bin/cypress"?open?（不加双引号会执行报错）


方式2:执行下面的命令:
cd?/d?D:\MyScripts\Cypress-demo??(进入目录再执行命令，让生成的cypress文件夹存放在该目录)
npx?cypress?open

注意事项：

1、启动cypress时，会在当前执行命令的路径下生成cypress文件夹

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

正常启动后的页面如下:

能够正常打开以上页面的话，就表示cypress环境安装成功了。

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

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

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

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

欢迎关注公众号喔。

往期推荐

如何自学软件测试、包装简历实现华丽转行？

Postman教程-接口测试流程&发送第一个请求

Postman教程-Send Requests相关的基本操作

Postman教程-Response相关的基本操作

Postman教程-通过设置代理/拦截器捕获请求信息

Postman教程-变量、集合的基本使用

Postman教程-Pre-request Script和Tests脚本的介绍

Postman教程-Pre-request Script和Tests脚本进阶

Postman教程-如何改变脚本执行顺序

Postman+Newman+Git+Jenkins实现接口自动化测试持续集成