Cypress 下载：前端 E2E 测试工具，安装教程

前端自动化测试这几年卷得厉害，前两期写了 Playwright 和 Selenium，今天把 Cypress 也补上。Cypress 走的是"对开发者友好"路线，安装快、上手快、调试体验好，在前端圈子里口碑一直在线。这篇聊聊 Cypress 下载安装，以及它值不值得进你的工具箱。

Cypress 有什么功能亮点

跟前面两个不一样，Cypress 不下载浏览器，直接用你本机装好的 Chrome、Edge、Firefox，省掉一大坨下载量。测试运行器是它最大的特色：跑测试的时候旁边实时显示页面，每一步都能看到，报错还带完整的 DOM 快照。自动等待是内置的，不用写 sleep 硬等；断言语法接近自然语言，读起来像在说话。它同时支持 E2E 端到端测试和组件测试两种模式。还有时间旅行调试，鼠标悬停在命令上就能回看那一步的页面状态，排查问题很直观。

Cypress 安装教程（跑起来）

先在项目根目录执行 npm install cypress --save-dev，装的是开发依赖。装完跑 npx cypress verify 确认二进制没问题。然后 npx cypress open 打开 App，首次会自动生成配置和示例 spec 文件。点开示例跑一遍找感觉，或者新建 spec 文件写自己的用例，改完页面直接重跑，不用重启。CI 里用 npx cypress run 无头模式跑，配合截图和报告很方便。

值不值得用

我的看法：纯前端项目、团队以 JS 为主的话，Cypress 的学习曲线最平缓，运行器对新人太友好了。但限制也得直说：它主要支持 Chromium 系浏览器，Firefox、WebKit 支持有限，跨浏览器矩阵不如 Playwright；也不支持多标签页和跨域操作，有些场景会卡住。所以我的建议是：重前端交互、重调试体验的选 Cypress；要全浏览器覆盖的选 Playwright；老项目继续用 Selenium。三个都摸一遍，心里就有数了。

来源：黑帽工具网（/QQ号：25496334），转载请保留出处和链接！

本文链接：https://www.seozhaopin.com/ruanjianjieshao/13040.html