用途:为 React/TypeScript 项目提供一套测试编写规范,强调可信度优先于覆盖率,主张用少量高质量测试覆盖关键路径,行为测试优先于实现细节测试。
主要能力:1)测试金字塔——组件测试用 Vitest + React Testing Library,位置在 src//tests/*.test.tsx;集成测试用 Vitest + MSW,文件如 src//.integration.test.tsx;端到端测试用 Playwright,位置在 src/test/ui/.spec.ts。2)测试规划——先列出用例并按关键、中等、次要分级,丢弃次要用例,先写纯文本预期再写代码。3)组件测试实践——使用自定义 render(统一注入 Provider),优先语义查询 getByRole、getByLabelText、getByText,getByTestId 仅作最后手段;使用 userEvent 而非 fireEvent,并在测试顶部调用 userEvent.setup()。4)测试基础设施——src/test/setup.ts 负责环境变量、jest-dom 匹配器、Next.js 模块 mock 与浏览器 API polyfill;vitest.config.ts 配置 jsdom、setupFiles、globals 与 @ 路径别名。5)Mock 策略——首选 MSW 在网络层拦截,保留真实 fetch、校验与 store 逻辑;避免 mock 内部模块、浅渲染与 mock store action。6)E2E 架构——通过 global setup 生成认证 cookies 与 storageState,划分 authenticated 与 auth-less 项目。
使用方式:命令为 pnpm test:unit、pnpm test:ui:headless、pnpm test:all、pnpm test:unit --watch。文件命名遵循 ComponentName.test.tsx、feature.integration.test.tsx、feature.authenticated.spec.ts 等约定。
适用场景:React/TypeScript 前端项目的测试编写、评审与基础设施搭建。
限制:收费、价格与平台等信息暂未提供;正文中的配置与命令来自公开资料,实际项目需按自身环境调整。