Support Jest 28 with `@vue/cli-plugin-unit-jest`

[sceee]

What problem does this feature solve?

Since Jest 18 was released ( https://jestjs.io/blog/2022/04/25/jest-28 ), it would be preferable if @vue/cli-plugin-unit-jest also supports it.

There is also already a version 28 for ts-jest available that is compatible with Jest 28.

What does the proposed API look like?

n/a

[WIStudent]

Support Jest 18 with @vue/cli-plugin-unit-jest

I think you mean jest 28 instead of 18 😉

[realityfilter]

And @vue/vue3-jest is now at 28.0.0 too.

[msmosavar]

It'd be nice if you add support for jest v28. Waiting for it :)

[trent-abc]

This is breaking my build, any suggestions (tried deleting package-lock & node_modules) or I have to just wait for the upgrade?

npm install
...
npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! While resolving: frontend@0.1.0
npm ERR! Found: ts-jest@28.0.4
npm ERR! node_modules/ts-jest
npm ERR!   dev ts-jest@"28.0.4" from the root project
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peerOptional ts-jest@"^27.0.4" from @vue/cli-plugin-unit-jest@5.0.7
npm ERR! node_modules/@vue/cli-plugin-unit-jest
npm ERR!   dev @vue/cli-plugin-unit-jest@"^5.0.6" from the root project
npm ERR!
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force, or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.

[WIStudent]

@trent-abc You need to use ts-jest 27.

npm install -D ts-jest@27

[Tofandel]

Yes but the way this is made currently feels like a pain, 1 package that updates, then one vue package that follows up, then the vue-cli-plugin package that needs to follow up. A big chain of update..

Either version range should be more lax in the vue-cli-plugin or there should be autoupgrades with renovate, otherwise updates takes months before they make it to the vue-cli plugin

It's the same issue with eslint

[xwnwho]

any good news?

[markhalliwell]

This is holding up our upgrades to Jest 28.

[Vahelnir]

vue-jest added support for the <script setup> syntax in the v29.1.0 which is for jest 29 (vuejs/vue-jest#489).

<script setup> without testing support is kind of useless :)

If using npm 8.3.0 (I think ?) we can use the `overrides` property in the package.json to override `jest`, `ts-jest` and `@vue/vue2-jest` in `@vue/cli-plugin-unit-jest`.

edit: for some reason I can't use markdown code blocks

[iamface]

This is holding up our upgrades to Jest 28.

This is blocking me as well. My test coverage is failing #7040 and the source maps were only fixed for v28 vuejs/vue-jest#486 so I'm unable to upgrade and resolve being stuck at 27.

npm ERR! While resolving: @vue/cli-plugin-unit-jest@5.0.8
npm ERR! Found: @vue/vue2-jest@28.1.0
npm ERR! node_modules/@vue/vue2-jest
npm ERR!   dev @vue/vue2-jest@"^28" from the root project
npm ERR! 
npm ERR! Could not resolve dependency:
npm ERR! peerOptional @vue/vue2-jest@"^27.0.0-alpha.3" from @vue/cli-plugin-unit-jest@5.0.8
npm ERR! node_modules/@vue/cli-plugin-unit-jest
npm ERR!   dev @vue/cli-plugin-unit-jest@"~5.0.0" from the root project
npm ERR! 
npm ERR! Conflicting peer dependency: @vue/vue2-jest@27.0.0
npm ERR! node_modules/@vue/vue2-jest
npm ERR!   peerOptional @vue/vue2-jest@"^27.0.0-alpha.3" from @vue/cli-plugin-unit-jest@5.0.8
npm ERR!   node_modules/@vue/cli-plugin-unit-jest
npm ERR!     dev @vue/cli-plugin-unit-jest@"~5.0.0" from the root project

[schirrel]

Any update on it?

[nfantone]

Same over here trying to install @vue/cli-plugin-unit-jest@5.0.8 along with latest @vue/vue2-jest.

❯ npm i --save-dev @vue/cli-plugin-unit-jest
npm ERR! code ERESOLVE
npm ERR! ERESOLVE could not resolve
npm ERR!
npm ERR! While resolving: @vue/cli-plugin-unit-jest@5.0.8
npm ERR! Found: @vue/vue2-jest@29.1.1
npm ERR! node_modules/@vue/vue2-jest
npm ERR!   dev @vue/vue2-jest@"^29.1.1" from the root project
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peerOptional @vue/vue2-jest@"^27.0.0-alpha.3" from @vue/cli-plugin-unit-jest@5.0.8
npm ERR! node_modules/@vue/cli-plugin-unit-jest
npm ERR!   dev @vue/cli-plugin-unit-jest@"*" from the root project
npm ERR!
npm ERR! Conflicting peer dependency: @vue/vue2-jest@27.0.0
npm ERR! node_modules/@vue/vue2-jest
npm ERR!   peerOptional @vue/vue2-jest@"^27.0.0-alpha.3" from @vue/cli-plugin-unit-jest@5.0.8
npm ERR!   node_modules/@vue/cli-plugin-unit-jest
npm ERR!     dev @vue/cli-plugin-unit-jest@"*" from the root project