Pinia error with Vue 2.7.x and jest

[jcmillett]

Reproduction

See reproduction steps

Steps to reproduce the bug

I've used pinia with vue 2.7.x, and it's worked fine up until I try to write some unit tests for my store and components. I'm utilizing the latest versions of vue 2 (v2.7.14), pinia (v2.0.23), and jest (v29.3.1).

When I run my unit tests I get the following error: vueDemi.effectScope is not a function

Store test file:

import { setActivePinia, createPinia } from 'pinia';
import { useMyStore } from '../myStore.js';

describe('helpDocsMappingsStore', () => {
	beforeEach(() => {
		setActivePinia(createPinia());
	});

	it('test', () => {
		useMyStore();
	});
});

It appears that the error occurs when createPinia() is called. I see a similar error when writing unit tests for vue components using createTestingPinia() from @pinia/testing.

As best as I can tell, I believe this is a bug within pinia.

Expected behavior

Should be able to run unit tests utilizing pinia, vue 2.7.x, and jest.

Actual behavior

Getting an error stating that vueDemi.effectScope is not a function.

Additional information

No response

[posva]

You need to upgrade your Vue-Demi version. With npm, npm upgrade should do. You can also reinstall Vue-demi@latest

[jcmillett]

@posva Is vue-demi required in order to use Pinia? I didn't see anything in the docs that mentioned it. I don't have vue-demi listed as a dependency in my package.json, but it's already in my yarn.lock file, and set to the latest version v0.13.11. I explicitly added it to my package.json file with yarn, and I still get the same error.

[jaytdev]

I'm running into the same issue, and have yet to find a solution. Vue 2.7.14, Pinia 2.0.27, Jest 29.3.1. Tried installing [email protected] and it didn't help. Tried npx vue-demi-switch 2 and npx vue-demi-switch 2.7 and npx vue-demi-fix and those didn't work either.

[jaytdev]

@posva Do you have any other suggestions on how to solve this? 🙏

[Vimm2]

Having the same issue in 2024.
vue 2 (v2.7.16), pinia (v2.2.4), jest (v29.7.0), @pinia/testing (v0.1.6)

Calling createTestingPinia() throws the error:
TypeError: vueDemi.effectScope is not a function