【推荐收藏】前端测试框架推荐全套资源大合集

前端测试框架的选型，核心在于匹配你的项目技术栈、测试层级(单元、集成、E2E)以及团队现有的开发习惯。

结合目前的主流趋势，为你梳理了以下核心推荐：

 单元测试：Jest vs Vitest

Jest：前端单元测试的“老牌标杆”。开箱即用，快照测试和 Mock 能力极强，生态最完善，适合绝大多数 React/Vue 项目。

Vitest：近两年的“性能新星”。基于 Vite 底层，原生支持 ESM，热更新极快。如果你的项目已经在使用 Vite 构建，Vitest 是目前开发体验最好的选择。

 端到端 (E2E) 测试：Playwright vs Cypress

Playwright：目前综合体验最优的 E2E 框架。支持 Chromium/Firefox/WebKit 全主流浏览器，内置智能等待机制(大幅减少测试不稳定性)，且调试工具(Trace Viewer)极其强大，非常适合现代 Web 应用。

Cypress：专为前端开发者设计。运行在浏览器内部，拥有“时间旅行”调试和实时重载功能，交互体验极佳。但它对跨域、多标签页支持较弱，更适合纯前端的单页应用(SPA)专项测试。

 核心选型决策指南

表格

下载为表格

导出为图片

测试需求推荐框架核心优势

通用单元测试Jest / Vitest零配置、快照测试、Mock 能力强

现代 Web E2EPlaywright跨浏览器、智能等待、调试体验极佳

纯前端 SPA 测试Cypress实时重载、时间旅行调试、开发体验好

老旧项目/IE兼容Selenium浏览器覆盖最广、企业级存量项目首选

 选型建议：

如果是从零搭建新项目的测试体系，推荐 Vitest(单元) + Playwright(E2E) 的组合，兼顾了极致的开发体验和测试稳定性。如果是维护现有的 React/Vue 单页应用且团队偏好前端工程化，Jest + Cypress 依然是非常经典的搭配