vue单元测试中模拟依赖注入的三种方式：mount的provide选项、app.provide全局注入、手动mock inject；需用jest.fn()桩函数验证调用，注意symbol一致性、默认值工厂执行时机及响应式包装。
Vue 依赖注入在单元测试中需要模拟（mock）提供者行为，避免真实依赖干扰测试逻辑。核心思路是：**绕过真实 provide 链，直接为被测组件注入可控的桩值或桩函数**，确保测试隔离、可预测、可重复。
测试中模拟 provide 的三种常用方式
不依赖真实祖先组件，而是主动“伪造”注入环境：
-
使用
mount的provide选项：Vue Test Utils 支持在挂载时直接传入provide对象，覆盖组件树中的真实 provide。这是最简洁、推荐的方式。 -
用
app.provide全局注入：在测试前通过createApp()创建临时应用实例，调用app.provide(key, value)，再挂载组件。适合验证全局依赖（如插件提供的服务）。 -
手动构造上下文并调用
inject：仅适用于组合式 API 中明确调用inject()的逻辑单元（如自定义 Hook），可用 Jest 的jest.mock或jest.fn替换inject返回值，但需注意响应式链是否断裂。
桩函数（stub function）的注入与验证
当注入的是方法（如 API 调用、事件回调）时，应使用桩函数替代真实实现，并验证其调用行为：
- 用
jest.fn()创建可断言的桩函数，作为provide的值传入； - 在组件中正常调用该注入函数（如
apiService.fetch()），测试后检查mockFn.mock.calls或mockFn.mockReturnValue()控制返回值； - 若注入的是响应式函数（如
ref(() => {...})），注意桩函数本身不自动响应，需包裹在ref或computed中再提供，或直接提供已绑定上下文的普通函数。
Symbol 注入名与默认值的测试要点
使用 Symbol 作为 key 可避免命名冲突，但测试时需确保 Symbol 一致：
- 测试文件中必须导入或重新创建相同的 Symbol（不能新建同名 Symbol，否则匹配失败）；
- 测试未提供依赖的边界场景时，利用
inject(key, defaultValue)的默认值机制，验证组件在无依赖时是否降级处理； - 若默认值是工厂函数（
inject(key, () => new Expensive(), true)），确保工厂只在必要时执行——可在测试中用jest.fn()包裹工厂并断言调用次数为 0 或 1。
响应式依赖的模拟注意事项
注入 ref 或 reactive 对象时，测试中需保持响应式链完整：
- 用
ref或reactive包装桩数据，再传给provide，子组件inject后才能触发更新； - 修改桩 ref 的
.value后，需触发 Vue 的响应式更新（如await nextTick()），再断言 DOM 变化； - 避免直接提供普通对象——它不会触发响应式更新，导致测试中视图不刷新。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
