cypress 是在 mocha 式api基础上构建的一套开箱可用的 E2E 测试框架，对比其他测试框架，它提供一套自己的最佳实践方案，无需其他测试工具库，配置方便简单但功能异常强大，可以使用 webpack 项目配置，还提供了一个强大的 GUI 图形工具。 

安装

npm install cypress --save-dev

Cypress的工作原理

Cypress 是在测试开始并首次加载Cypress时，Cypress Web内部应用程序先把自己托管到本地的一个随机端口上，然后使用webpack将测试代码中的所有模块绑定到同一个JavaScript文件中，启动指定的浏览器，并将测试代码注入到空白页面里，同时运行测试代码。当识别出测试脚本中发出的第一个cy.visit()命令后，Cypress将会更改其本地的URL以匹配远端应用程序的地址，使得测试代码和应用程序可以在一个生命周期中运行。

Cypress运行原理

Cypress测试代码和被测程序都运行在由Cypress全权控制的浏览器中，它们是运行在同一个域下的不同框架内，所以Cypress的测试代码可以直接操作dom，也正如此Cypress相对于其它测试工具可以运行的更快，在开始执行Cypress脚本后它会自动运行浏览器，并将编写的代码注入到一个空白页，然后在浏览器中运行代码。

在进行接口或数据库测试时，需要向服务端发送请求，此请求由Cypress生成，发送给Node.js Process，由Node.js转发给服务端，因此Cypress不仅可以修改进出浏览器的所有内容，还可以更改可能影响自动化操作浏览器的代码，所以Cypress能够从根本上控制自动化测试的流程，提高了稳定性，使得到测试结果更加可靠，如下图所示

仅供个人学习参考/导航指引使用，具体请以第三方网站说明为准，本站不提供任何专业建议。如果地址失效或描述有误，请联系站长反馈～感谢您的理解与支持！

链接: https://fly63.com/nav/3136