SuperAPI AI 工具集

react-testing-standards

前端与建站

查看项目

更新于 10-16 00:06

技能介绍

用途:当为 React 19 组件编写测试时调用,提供一套 React Testing Library 测试规范,指导测试写法与取舍。

主要能力:给出测试哲学(测用户行为而非实现细节、按可访问角色与标签查询、优先集成测试);明确测试优先级(高:用户交互、条件渲染、API 集成与数据获取、表单提交与校验、错误状态;中:可访问性、加载状态、边界情况;避免测实现细节、第三方库内部、CSS 样式、框架行为);规定查询优先级(getByRole、getByLabelText、getByPlaceholderText、getByText、getByDisplayValue,其次语义查询,getByTestId 仅作最后手段)与查询变体(getBy 必须存在、queryBy 断言不存在、findBy 异步出现);交互统一使用 @testing-library/user-event 而非 fireEvent,示例:import userEvent from '@testing-library/user-event'; const user = userEvent.setup(); await user.type(input, 'Hello'); 覆盖 click、type、clear、selectOptions、upload;给出 Arrange-Act-Assert 结构与最佳实践(每个测试一个逻辑断言、描述性命名、异步用 async/await);提供组件渲染、按钮点击、表单提交、异步数据获取、waitFor、错误处理等模式;说明 Mock 边界(可 Mock 外部 API、浏览器 API、有副作用的第三方库、日期函数;不 Mock React hooks、组件实现细节、子组件);包含可访问性测试(键盘导航、焦点管理、alt 文本);测试组织与覆盖率要求(关键路径 100%、组件 80%+、工具 90%+);CI 要求(合并前全部通过、生成覆盖率报告、每个 PR 运行、单测/集成测试 5 分钟内)。

使用方式:在测试开发流程中按上述规范编写 .test.tsx 文件,使用 describe 分块组织,异步交互与查询均需 await。

适用场景:React 19 组件的单元与集成测试编写。

限制:资料未提供具体安装命令、版本依赖、配置细节与价格信息。