SuperAPI AI 工具集

jest-react-testing

前端与建站

查看项目

更新于 10-16 06:45

技能介绍

用途:为 React 项目提供基于 Jest 与 React Testing Library 的组件测试方法,覆盖从基础组件测试到模拟、异步测试、自定义 Hook 测试与集成测试策略。

主要能力:Jest 配置(jsdom 环境、setupFilesAfterEnv、transform、moduleNameMapper、覆盖率阈值);查询 API 与优先级(getByRole、getByLabelText、getByText、getByTestId 等,以及 getBy/queryBy/findBy 三类变体);用户交互测试(userEvent 点击、输入、提交);表单与校验测试;条件渲染(加载、数据、错误状态);模拟模块、函数、API 调用、Context 与子组件;使用 MSW 模拟接口并处理服务端错误;异步测试(waitFor、findBy)。

使用方式:在 React 项目中配置 jest.config.js 与 setupTests 文件,引入 @testing-library/jest-dom 等匹配器,按需模拟 window.matchMedia、IntersectionObserver 等环境 API;测试中通过 render 渲染组件,用 screen 查询元素,用 userEvent 模拟交互,用 jest.fn 与 jest.mock 控制依赖,用 MSW 的 setupServer 管理请求处理器。

适用场景:组件、Hook 与工具函数的单元测试,用户行为与可访问性测试,异步数据加载与错误处理测试,复杂组件树的集成测试,以及调试失败测试与提升覆盖率。

限制:资料未提供具体安装命令、版本要求、收费信息或平台支持范围;示例代码与配置需按项目实际情况调整。