Support jest 27

[WIStudent]

Using vue-jest@4.0.1 I am getting the following error when trying to upgrade to jest 27:

npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! Found: jest@27.0.1
npm ERR! node_modules/jest
npm ERR!   dev jest@"27.0.1" from the root project
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer jest@">=26 <27" from ts-jest@26.5.1
npm ERR! node_modules/ts-jest
npm ERR!   peerOptional ts-jest@">= 24 < 27 " from vue-jest@4.0.1
npm ERR!   node_modules/vue-jest
npm ERR!     dev vue-jest@"^4.0.1" from the root project

Node version: v16.2.0
npm version: 7.13.0

[WIStudent]

Just saw that there is already a pull request for this issue: #343

[Tofandel]

Be aware that vue-jest doesn't work with babel-jest version 27, but does work fine with jest version 27

TypeError: babelJest.getCacheKey is not a function

So you can still force the use of jest v27 just don't try to use babel-jest v27

[lmiller1990]

We are discussing this here: #343

If you are interested in helping out, that'd be great, let me know. We are exploring moving to a monorepo setup so we can be more flexible with what versions of things we support.

[jousi592]

Be aware that vue-jest doesn't work with babel-jest version 27, but does work fine with jest version 27

TypeError: babelJest.getCacheKey is not a function

So you can still force the use of jest v27 just don't try to use babel-jest v27

So how do I transpile "^.+\\.[t|j]sx?$" files in Jest test files?
If I omit the "^.+\\.[t|j]sx?$": "babel-jest" line from my Jest config, I get:

SyntaxError: Cannot use import statement outside a module

Any solution for that?

[lmiller1990]

Are you using Jest 27? Vue 2? Vue 3?

We have tentative Vue 3 + Jest 27 support, see this comment. Follow the whole thread for some context - we are changing the versioning to mach Jest's versioning.

Vue 2 + Jest 27 support is not released yet.

[jousi592]

Vue 3 + Jest 27 with Quasar

[lmiller1990]

Jest 27 support is coming soon - there is a early alpha, see this comment: #343 (comment)

I have no idea about Quasar, though.

[nogic1008]

v27.0.0-alpha.1 has been released.

• If you are using vue-jest@4.x, replace to @vue/vue2-jest.
• If you are using vue-jest@5.x or vue3-jest, replace to @vue/vue3-jest.

[amirensit]

v27.0.0-alpha.1 has been released.

• If you are using vue-jest@4.x, replace to @vue/vue2-jest.
• If you are using vue-jest@5.x or vue3-jest, replace to @vue/vue3-jest.

This worked for me. @nogic1008 the readme is not up to date.

...
'.*\\.(vue)$': '@vue/vue2-jest',

[lmiller1990]

Would someone like to make a PR to update the README? That would be very useful.

[afontcu]

Would someone like to make a PR to update the README? That would be very useful.

There it is (WIP): #388