Vue3+Vite+Pinia单测覆盖率运行时报间谍函数类型错误

核心原因 #

1. Pinia实例被意外覆盖
   你在beforeEach中先通过createTestingPinia创建了带spy函数的测试专用Pinia并注入到组件，但后续又调用setActivePinia(createPinia())，直接把当前活跃的Pinia替换成了普通实例。此时组件和测试用例中获取的useContactBookStore来自普通Pinia，其方法并非spy函数，覆盖率模式下Vitest的断言会严格校验这一点并报错；而普通测试的watch模式可能因缓存、热更新逻辑掩盖了这个问题。
2. 测试执行模式差异
   test:unit默认是watch模式，存在缓存机制，可能没完全触发实例替换的冲突；而coverage用的是run模式，一次性执行所有测试，实例冲突的问题被直接暴露。

修复步骤 #

1. 移除多余的Pinia实例创建
   删除beforeEach中的setActivePinia(createPinia())行，确保组件和测试全程使用createTestingPinia生成的带spy的Pinia实例。

修改后的beforeEach代码：

beforeEach(() => {
  wrapper = render(ContactBook, {
    props: mockProps,
    global: {
      components: {ProgressSpinner,Button,InputText,BaseButton},
      plugins: [PrimeVue,
        createTestingPinia({
          initialState: {contact:{
              mockRegistrationData: mockRegistrationData,
              loading: false,
            }},
          stubActions: false,
          createSpy: vi.fn,
          fakeApp:true
        }),
      ],
    },
  });
  // 移除此行：setActivePinia(createPinia());
});

2. 验证spy配置有效性
   确认createTestingPinia的createSpy: vi.fn配置正确，Vitest的vi.fn会生成符合断言要求的spy函数。

额外注意事项 #

• 所有测试用例中获取的store必须来自测试Pinia，禁止在测试流程中重新创建普通Pinia实例。
• 覆盖率模式会更严格地检查代码执行路径，一些在watch模式下被忽略的实例冲突、边界问题都会被触发，这也是两种命令执行结果不同的核心原因。

内容的提问来源于stack exchange，提问作者user4094935