SuperAPI AI 工具集

frontendtypescript-testing

前端与建站

查看项目

更新于 10-17 06:45

技能介绍

frontendtypescript-testing 记录特定项目的前端测试约定:使用 Vitest 作为测试框架、React Testing Library 测试组件、MSW 模拟 API,并用 vi.mock() 创建模块模拟。关注用户可观察的行为,要求测试能独立、稳定、可重复地运行,代码可读性与生产代码保持一致。

覆盖率按该项目的 2025 前端标准设置:单元测试最低 60%;Atoms 至少 70%,Molecules 至少 65%,Organisms 至少 60%,自定义 Hooks 至少 65%,Utils 至少 70%。统计 Statements、Branches、Functions 和 Lines。这些是该仓库的项目要求。

单元测试验证单个组件或函数并模拟外部依赖;集成测试通过 React Testing Library 与 MSW 验证组件协作和主要功能流程,不连接真实数据库。新增功能还需按设计文档的集成影响范围检查既有功能,示例流程为先操作旧功能、启用新功能,再验证旧功能仍连续可用;列出的验收包括显示内容不变、渲染时间在 5 秒内,并适合在 CI/CD 中自动执行。

测试与组件放在同一目录,组件文件使用 {ComponentName}.test.tsx,集成测试使用 {FeatureName}.integration.test.tsx。建议修复有问题的测试并保持启用,避免用 test.skip() 或注释掩盖检查缺口。模拟对象优先保留实际需要的字段与类型,复杂路由类型的强制转换需说明理由;原文附有类型安全的 MSW、组件模拟和按钮点击测试示例。