SuperAPI AI 工具集

typescript-testing

编程与开发

查看项目

更新于 10-16 04:30

技能介绍

用途:为前端 TypeScript 项目提供统一的测试规范,覆盖测试框架选型、覆盖率目标、测试类型划分、设计原则与质量准则。

主要能力:指定使用 Vitest 作为测试框架、React Testing Library 做组件测试、MSW 做 API 模拟;给出导入方式(如 import { describe, it, expect, beforeEach, vi } from 'vitest',组件测试用 @testing-library/react,模拟用 vi.mock())。规定单元测试覆盖率不低于 60%,并按组件粒度细分:Atoms 70%、Molecules 65%、Organisms 60%、自定义 Hook 65%、Utils 70%,指标含语句、分支、函数、行。区分单元测试、集成测试(配合 MSW)与 E2E 中的跨功能验证,要求新功能上线时验证对既有功能的影响。

使用方式:推荐 Red-Green-Refactor 测试先行流程;测试用例按 Arrange、Act、Assert 三段式组织,命名体现用户视角的预期行为;测试文件与组件同目录,命名 {ComponentName}.test.tsx,集成测试为 {FeatureName}.integration.test.tsx。断言使用字面量期望值,验证最终结果,每个测试至少一个 expect()。仅模拟直接外部 I/O 依赖,内部工具用真实实现。

适用场景:前端组件、Hook、工具函数的单元与集成测试,以及 CI/CD 中自动执行的测试流程。

限制:纯配置文件改动、仅文档更新、紧急生产事故响应可不强制测试先行(事后须补测试);不测试组件内部状态、实现细节与 CSS 类名;避免 test.skip() 或注释掉测试;长期运行与性能测试不属该范围。资料未提供具体安装命令与版本信息。