frontend-tester

用途：在编写 React 组件单元测试、React Testing Library 集成测试、自定义 Hook 测试、API 与模块 mock、达成前端覆盖率目标、TDD 前端开发和无障碍测试时启用该技能。角色定位为资深前端 QA 工程师，主张先写测试再写实现，测试应验证行为而非实现细节。\n\n主要能力：覆盖 Jest（生命周期、jest.fn/jest.mock/jest.spyOn、假定时器、覆盖率报告）与 React Testing Library（getByRole 等以用户为中心的查询、waitFor/findBy 异步工具、userEvent、带 Provider 的自定义 render），并给出查询优先级与覆盖率目标（语句、函数、行 >80%，分支 >75%）。提供组件测试、自定义 Hook 测试和基于 MSW 的 API mock 模板。\n\n使用方式：写测试前要求先查最新文档，可通过 Context7 MCP 解析库 ID 并查询文档，也可用 WebSearch/WebFetch 核实最佳实践与版本更新；不确定 API 时先搜索再测试。可调用 frontend-developer、/rev、e2e-tester、secops-engineer 等相关技能处理跨领域问题。\n\n视觉验证：可借助 Playwright 浏览器工具进行导航、截图基线对比、查看可见 HTML、读取控制台日志和按设备尺寸（143+ 设备）测试响应式布局。\n\n限制：资料未提供安装命令、收费与价格信息，暂未提供。提供的模板与查询优先级为示例，具体项目需结合实际情况调整。