SuperAPI AI 工具集

vue-composable-testing

测试与质量

查看项目

更新于 10-16 04:58

技能介绍

用途:本指南面向需要为 Vue 3 composable 编写 Vitest 测试的开发者,核心思路是先分类再测试。

分类方法:独立型 composable 只使用 ref、computed、watch 等响应式 API,可像普通函数一样直接测试;依赖型 composable 使用 onMounted 等生命周期钩子或 inject,需要组件上下文,应借助 withSetup 或 useInjectedSetup 辅助函数测试。

主要能力:文档给出独立 composable 直接测试与响应值变化的断言示例;对使用生命周期钩子的场景(如 useLocalStorage),通过 withSetup 挂载最小 Vue 应用来触发钩子;对使用 inject 的场景,通过 useInjectedSetup 提供注入值并返回 unmount。还覆盖异步 composable、错误状态(用 vi.spyOn 模拟 fetch 失败)以及卸载时清理计时器等测试模式。

使用方式:辅助函数通常放在测试工具目录,withSetup 使用 createApp 挂载组件并返回结果与应用实例;useInjectedSetup 通过 defineComponent 和 provide 构造提供者组件,接受注入键值数组。测试中应使用 beforeEach 清理 localStorage 与 mock 状态。

适用场景:为 Vue 3 项目中的 composable 编写单元测试、搭建测试辅助工具。

限制:资料未提供版本要求、安装命令、配置细节或性能与效果说明;具体实现需参考 references/test-helpers.md,但该文件内容未在此资料中给出。