奖杯四层
| 层级 | 工具示例 | 说明 |
|---|---|---|
| 静态检查 | TypeScript / ESLint | 在编码期捕获类型与规范问题 |
| 单元测试 | Vitest / Jest | 覆盖纯函数与边界逻辑 |
| 集成测试 | Testing Library | 以用户视角渲染组件并交互 |
| 端到端测试 | Playwright / Cypress | 验证关键路径在真实浏览器可用 |
奖杯模型常用于前端与组件化项目;后端服务仍多沿用金字塔。两者都是投入分配的参考而非教条。
Kent C. Dodds 针对前端应用提出的投入模型:静态检查打底、单元测试适量、集成测试占比大、少量 E2E,强调用接近真实使用方式的集成测试换取信心。
| 层级 | 工具示例 | 说明 |
|---|---|---|
| 静态检查 | TypeScript / ESLint | 在编码期捕获类型与规范问题 |
| 单元测试 | Vitest / Jest | 覆盖纯函数与边界逻辑 |
| 集成测试 | Testing Library | 以用户视角渲染组件并交互 |
| 端到端测试 | Playwright / Cypress | 验证关键路径在真实浏览器可用 |