Pinia plugins not working inside tests

[leonheess]

Even the most basic plugin fails in a test environment:

it('tests', async () => {
  const foo = vi.fn();

  const pinia = createPinia();
  pinia.use(({ store }) => foo(store.$id));
  setActivePinia(pinia);

  const useTestStore = defineStore('store', { state: () => ({ foo: 1 }) });
  const store = useTestStore();

  expect(foo).toHaveBeenCalled();
});

Here is a minimal reproduction: https://stackblitz.com/edit/github-ofdqvmtu?file=test.test.ts

[posva]

You need the store to be used within an app to have plugins (they pass the app instance)

[leonheess]

How can I test a pinia plugin without adding vue as a dependency then?

[leonheess]

import { it, expect, vi } from 'vitest';
import { createPinia, setActivePinia, defineStore } from 'pinia';
import { createApp, defineComponent, h, KeepAlive } from 'vue';

it('tests', async () => {
  const foo = vi.fn();

  const pinia = createPinia().use(({ store }) => foo(store.$id));
  setActivePinia(pinia);

  createApp(defineComponent(() => () => h(KeepAlive, {}))).use(pinia); // this is needed for the store to work

  const useTestStore = defineStore('store', { state: () => ({ foo: 1 }) });
  const store = useTestStore();

  expect(foo).toHaveBeenCalled();
});

[posva]

You can return bull for the render function and remove the set active pinia too