SuperAPI AI 工具集

rdc-react-testing

前端与建站

查看项目

更新于 10-16 07:26

技能介绍

用途:为 @data-client/react 提供测试模式,覆盖 hook、组件、数据请求与错误场景,来自 @data-client/test。

主要能力:renderDataHook() 测试使用 @data-client/react hook 的逻辑,返回 renderHook() 全部返回值,另含 controller、cleanup()、allSettled()。选项包括 initialFixtures(设置 store 初始状态)、resolverFixtures(后续请求拦截器)、getInitialInterceptorData(模拟服务器状态变化)。Fixtures 与拦截器支持 SuccessFixture(endpoint、args、response、error、delay)与 ResponseInterceptor(endpoint、response、delay、delayCollapse)。可测试 mutation(如 push 创建、错误状态)、组件(DataProvider 包装)、HTTP 端点(nock)、Manager 中间件。

使用方式:测试文件放在 packages//src/**/tests;命名区分 node(.node.test.ts[x])、React Native(.native.test.ts[x])、常规(.test.ts[x])。示例:import { renderDataHook } from '@data-client/test';import { render } from '@testing-library/react' 配合 DataProvider;import nock from 'nock' 进行 HTTP mock。

适用场景:Jest 单元测试、hook 与组件测试、mock 响应、网络定义测试。

限制:不要直接 mock @data-client 内部实现;有 fixtures 时不要在测试中使用原始 fetch。部分 API 细节以 references 目录为准,资料未提供收费、价格或平台信息。