vue store 单元测试核心是验证状态初始化、getter 计算结果和 action 行为；需在 beforeeach 中创建并激活干净 pinia 实例，隔离插件与状态污染，分别断言 state 默认值、getter 响应性及 action（含异步）对 state 的正确修改。
给 Vue Store 添加单元测试，核心是验证状态初始化、getter 计算结果和 action 行为是否符合预期。Pinia 作为主流状态库，其测试方式清晰且轻量，不需要真实应用上下文即可完成大部分逻辑覆盖。
准备测试环境：创建可复用的 Pinia 实例
每次测试前必须提供一个干净的 Pinia 实例，并设为活跃状态，否则 useStore() 会报错：
- 在
beforeEach中调用setActivePinia(createPinia()) - 若 Store 使用了插件（如持久化、devtools），需显式
.use(插件)并挂载到假应用中 - 避免在多个测试间共享同一 Pinia，防止状态污染
测试 Store 的三类关键行为
围绕状态管理的核心职责设计用例：
vue-component-analyzer
下载
递归分析 Vue 项目组件依赖，从入口文件生成组件层级图，支持 Vue 2/3，输出组件名、文件路径和属性。适用于分析组件结构、排查依赖或了解项目架构。
-
状态初始化：检查
state返回值是否为预期对象，属性默认值是否正确（如count: 0） -
Getter 计算逻辑：直接访问 getter 属性，断言其返回值是否随 state 变化而更新（例如
store.doubleCount应等于store.count * 2） -
Action 执行效果：调用 action 后，验证 state 是否被正确修改；对异步 action，使用
await并 mock 外部依赖（如fetch）
处理异步 Action 和副作用
真实业务中，action 常含 API 调用或定时器。测试时应隔离外部影响：
- 用
vi.mock('path/to/api')替换实际请求，返回预设响应 - 对
setTimeout或Promise.resolve()等，确保测试等待完成再断言 - 验证 action 是否触发了正确的 state 更新，而非只检查是否“执行了”
组件中使用 Store 的集成测试
当组件依赖 Store 数据或调用其 action，需模拟 Pinia 上下文：
- 安装
@pinia/testing，用createTestingPinia()创建专用于测试的 Pinia - 挂载组件时通过
global.plugins注入该实例 - 在组件内调用
useStore()，即可获取可操作、可断言的 store 实例
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
