SuperAPI AI 工具集

react-testing

前端与建站

查看项目

更新于 10-15 21:49

技能介绍

用途:为 React 19 组件编写测试,按用户交互方式验证行为,覆盖用户交互、可访问性、API 模拟与自定义 Hook 测试。

主要能力:以 getByRole 等可访问查询定位元素;用 userEvent 模拟真实交互;用 waitFor、findBy 处理异步;用 MSW 模拟 API;测试 React 19 的 useActionState、use() 等特性;结合 Vitest 运行。

使用方式:安装命令为 npm install -D vitest @testing-library/react @testing-library/user-event @testing-library/jest-dom jsdom msw。基本写法为 render 组件后用 screen.getByRole 查询,配合 userEvent.setup() 触发交互并断言。资料还给出查询优先级、异步模式与 userEvent 设置建议,并列出安装、查询、用户事件、异步、MSW、React 19 Hooks、可访问性、自定义 Hook、Vitest 配置、Mock 模式等参考文档及多种模板。

限制与规则:优先 getByRole,避免 fireEvent、setTimeout、直接 mock fetch 与空 waitFor;不测内部实现。资料提到需先用 TeamCreate 启动 3 个 agent 并做验证,属该技能的工作流要求。具体配置与完整示例见其模板与参考文件。