SuperAPI AI 工具集

rdc-vue-testing

前端与建站

查看项目

更新于 10-16 07:26

技能介绍

用途:为 @data-client/vue 提供 Vue 3 组合式函数与组件的测试模式。主要能力:renderDataCompose() 测试 useQuery、useSuspense、useLive 等组合式函数;mountDataClient() 测试组件并自动集成 Suspense;支持 initialFixtures 预置状态、resolverFixtures 动态响应、错误 fixture;controller 提供 setResponse() 即时更新和 fetch() 触发变更;可与 jest、nock 配合模拟 HTTP 与轮询订阅。用法要点:组合式函数测试用 renderDataCompose,组件用 mountDataClient;props 用 reactive(),传给组合式函数时用 computed() 包裹;组件测试用 flushUntil 等待渲染,组合式函数测试用 waitForNextUpdate 等待挂起解除;useSuspense 先返回 undefined,解析后为 Promise,await 一次得到 ComputedRef;变更或 setResponse 后需 nextTick() 让响应式生效;务必调用 cleanup(),并在 afterEach 中清理 nock。限制:不支持 async setup 加 prop 变化的组合,async setup 只执行一次,改用非 async 模式或 useFetch + watchEffect;其余 API 细节暂未提供。