SuperAPI AI 工具集

react-impl-testing

测试与质量

查看项目

更新于 10-15 22:18

技能介绍

用途:在编写 React 组件测试、测试 Hook、搭建测试基础设施或调试测试失败时使用,避免测试实现细节等常见错误。

主要能力:给出 Vitest 配置与 setup 文件写法;规定查询优先级(getByRole、getByLabelText、getByPlaceholderText、getByText、getByDisplayValue、getByAltText、getByTitle,getByTestId 仅作最后手段);说明 getBy/queryBy/findBy 及 All 变体的匹配与异步行为;提供基础组件测试、userEvent 交互、waitFor 异步、renderHook 测试 Hook、Context Provider 包装、vi.fn() 模拟 API、错误状态、快照测试等模式;并对比 React 18 与 19 在 act() 警告、表单 action、ref、Suspense、use() 上的差异。

使用方式:安装依赖 npm install --save-dev vitest @testing-library/react @testing-library/dom @testing-library/jest-dom @testing-library/user-event jsdom,配置 vitest.config.ts 与 src/test/setup.ts,并在 tsconfig 的 compilerOptions.types 中加入 vitest/globals 与 @testing-library/jest-dom。

限制与注意:禁止使用 Enzyme;不要测试内部状态或私有函数;优先 userEvent 而非 fireEvent;使用 screen 查询;不要手动包裹 act()(RTL 工具已内部处理);快照测试应谨慎使用。资料未提供收费、平台与效果信息。