Cypress（端到端测试框架）

Cypress 是一款开源的前端端到端测试框架，测试代码与被测应用运行在同一浏览器进程中，可直接访问真实的 DOM、网络请求与浏览器对象，从而提供比传统 Selenium 更稳定、更直观的测试体验。

概述

Cypress 由同名公司于 2017 年推出，采用 JavaScript 编写测试，无需额外的驱动程序或语言绑定。它内置断言库、桩替与网络拦截能力，安装后即可编写测试，并附带一个可视化的测试运行器（Test Runner），能实时展示每一步操作的界面快照。

核心特点

• 自动等待：Cypress 会自动等待元素出现、动画结束或请求返回，无需手动写等待语句，显著减少不稳定测试。
• 时间旅行：运行器为每条命令保存 DOM 快照，可回放并逐步检查执行过程。
• 网络控制：通过拦截接口可模拟后端响应、制造异常场景，实现前端逻辑的独立验证。
• 同源架构：测试与应用在浏览器内共享运行环境，能读写变量、直接触发事件。

应用场景

Cypress 常用于验证登录注册、表单提交、页面跳转等关键业务流程，也广泛用于组件测试。它易于集成到持续集成流水线中，可无头模式运行并生成录像与截图，帮助团队在每次提交后快速回归。许多中大型前端项目将其作为主力 E2E 工具。

常见问题

问：Cypress 能测试多标签页或跨域场景吗？答：早期因同源架构对多标签页与跨域支持有限，但新版本已引入跨域命令，可在测试中切换到不同源的站点，多数常见场景已可覆盖。

问：Cypress 和 Playwright 如何取舍？答：两者都能做 E2E 测试。Cypress 调试体验友好、生态成熟；Playwright 原生支持多浏览器与多标签页、并行更强。可根据团队需求选择。