前端测试工程化

测试分层

  • 单元测试验证纯函数和小模块,反馈最快。
  • 组件测试验证渲染、交互和状态边界。
  • E2E 测试从真实浏览器验证关键业务链路,成本最高。

常见策略是测试金字塔:大量单元/组件测试,少量稳定的关键路径 E2E,而不是只追求覆盖率数字。

工程实践

Mock 要贴近真实接口契约;时间、随机数和网络请求需要可控。CI 中应保存失败截图、视频和 trace,并隔离 flaky test。Vitest/Jest 适合单元测试,Playwright/Cypress 适合浏览器链路;测试工具选择不应替代对测试边界的设计。