cypress 简单介绍

Cypress 是基于 JavaScript 的前端测试工具，它是自集成的，提供了一套完整的端到端测试，无须借助其他外部工具，安装后即可快速地创建、编写、运行测试用例，可以对浏览器中运行的任何内容进行快速、简单、可靠的测试，且对每一步操作都支持回看，不同于其他职能测试 UI 层的前端测试工具，Cypress 允许编写所有类型的测试，覆盖了测试金字塔模型的所有测试类型【界面测试，集成测试，单元测试】。

相对优势：

1）相对于 selenium，cypress 在元素定位，文件上传，运行速度，调试等方面有着独特的优势；

2）cypress 自带生成定位元素代码，有更灵活的元素定位方式，解决了 selenium 定位到元素点击时提示元素不存在的问题；

3）cypress-file-upload 插件也使文件上传变的更加简单，解决了 selenium 上传文件繁琐且不稳定的问题等；

4）cypress 自带网络流量控制，可以 Mock 服务器返回的结果，无须依赖后端服务器，即可实现模拟网络请求，解决多系统依赖问题使自动话测试更稳定。

5）基于 cypress 代码是直接在浏览器中运行，使得调试更简单方便，改动代码后，cypress 控制台会直接运行测试用例，且每一步都有记录，更方便查找测试问题。

Cypress 的八大特性：

• 时间穿梭【历史记录】

Cypress 在测试代码运行时会自动拍照记录，等测试运行结束后，用户可在 Cypress 提供的 Test Runner 里，通过悬停在命令上的方式查看运行时每一步都发生了什么

• 实时重新加载

当测试代码修改保存后，Cypress 会自动加载改动地方，并重新运行测试

• Spies（间谍）、Stubs（存根）、Clock（时钟）

Cypress 允许你验证并控制函数行为，Mock 服务器的响应，更改系统时间

• 运行结果一致性

Cypress 架构不使用 Selenium 或 Webdriver，在运行速度、可靠性测试、测试结果一致性上均有良好保障

• 可调试性

当测试失败时，可以直接从开发者工具（F12 Chrome DevTools）进行调试

• 自动等待

使用 Cypress，永远无须在测试中添加 强制等待、隐性等待、显性等待

Cypress 会自动等待元素至可靠操作状态时才执行命令或断言

异步操作

• 网络流量控制

Cypress 可以 Mock 服务器返回的结果，无须依赖后端服务器，即可实现模拟网络请求

• 截图和视频

Cypress 在测试运行失败时会自动截图，在无头运行时（无 GUI 界面）会录制整个测试套件的视频

Cypress的安装

 Cypress 官网:https://www.cypress.io/

推荐使用npm安装的原因：

• npm（Node Package Manager），是基于Node.js的包管理工具，npm 使 JavaScript 代码的分享和重用更加容易
• 可以和其它任何依赖项一样控制 Cypress 的版本
• npm 简化了在持续集成中运行 Cypress 的过程

1. 下载安装 node.js--

下载地址: https://nodejs.org/en/

然后配置环境变量

在cmd中输入命令node和npm，验证 Node.js 和 npm

备注：npm已经集成在新版的Node.js中了

2. 下载安装 cypress

指定一个空文件夹作为安装目录，在 cypress 安装目录下初始化执行 npm init，一路按下回车即可

 然后会在你的 Cypress 文件夹下生成  package.json  文件，这个文件也可以自己创建，通常存在于项目的根目录下，它定义了这个项目所需要的各种模块、配置信息（如：名称、版本、依赖、脚本等）

然后安装 cypress:

npm install cypress --save-dev

3. 运行 cypress ：

安装好 Cypress 后，可以通过以下方式之一打开 Cypress

进入 Cypress安装目录\node_modules\.bin 目录，输入

cypress open