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

sceee · 2022-05-11T10:59:52Z

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

The text was updated successfully, but these errors were encountered:

WIStudent · 2022-05-18T11:59:20Z

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

I think you mean jest 28 instead of 18 😉

realityfilter · 2022-05-24T12:51:18Z

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

msmosavar · 2022-06-01T07:15:20Z

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

trent-abc · 2022-07-06T17:27:15Z

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: [email protected]
npm ERR! Found: [email protected]
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/[email protected]
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 · 2022-07-06T20:12:29Z

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

npm install -D ts-jest@27

Tofandel · 2022-07-11T07:00:12Z

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 · 2022-08-10T08:25:44Z

any good news?

markhalliwell · 2022-08-17T18:31:28Z

This is holding up our upgrades to Jest 28.

Vahelnir · 2022-09-15T08:53:54Z

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

iamface · 2022-09-27T17:04:44Z

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/[email protected]
npm ERR! Found: @vue/[email protected]
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/[email protected]
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/[email protected]
npm ERR! node_modules/@vue/vue2-jest
npm ERR!   peerOptional @vue/vue2-jest@"^27.0.0-alpha.3" from @vue/[email protected]
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 · 2022-10-13T19:50:59Z

Any update on it?

nfantone · 2022-10-19T13:17:47Z

Same over here trying to install @vue/[email protected] 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/[email protected]
npm ERR! Found: @vue/[email protected]
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/[email protected]
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/[email protected]
npm ERR! node_modules/@vue/vue2-jest
npm ERR!   peerOptional @vue/vue2-jest@"^27.0.0-alpha.3" from @vue/[email protected]
npm ERR!   node_modules/@vue/cli-plugin-unit-jest
npm ERR!     dev @vue/cli-plugin-unit-jest@"*" from the root project

markhalliwell · 2022-11-18T17:46:33Z

Not to sound insensitive (I know how dev work goes), but can we please get a release that supports jest 29? We cannot upgrade anything related to jest because of this package.

darrinmn9 · 2022-12-30T17:25:03Z

I was able to successfully upgrade to jest 28/29, but it does require the use of resolutions (yarn) / overrides (npm).

"devDependencies": {
    "@vue/cli-plugin-unit-jest": "^5.0.8",
    "@vue/vue2-jest": "^29.0.0",
    "jest-environment-jsdom": "^29.0.0"
},
"resolutions": {
    "jest": "^29.0.0",
    "babel-jest": "^29.0.0"
},

Ofcourse you'll have to address any jest breaking changes in your codebase. (My project is in JS, TypeScript might require more changes)

upgrade guides:
https://jestjs.io/docs/28.x/upgrading-to-jest28
https://jestjs.io/docs/upgrading-to-jest29

ErikBjare · 2023-05-11T17:46:30Z

After updating all my jest-related deps to ^29, and much frustration trying the resolutions/overrides trick by @darrinmn9 above, I ended up with:

  "overrides": {
      "@vue/cli-plugin-unit-jest": {
          "ts-jest": "$ts-jest",
          "@vue/vue2-jest": "$@vue/vue2-jest"
      }
  }

It resolved, and I then got the following error when running with npm test:

 TypeError: Cannot read properties of undefined (reading 'testEnvironmentOptions')
   at new JSDOMEnvironment (node_modules/jest-environment-jsdom/build/index.js:63:28)

Same error happens for jest-environment-node/NodeEnvironment. I added some print statements and figured the config wasn't being loaded by vue-cli-service unit:test correctly.

I figured calling jest directly would work around this, so I changed my package.json script "test" to call jest directly:

  "scripts": {
    "test": "jest",
    ...
  }

Which works! I still have the @vue/cli-plugin-unit-jest dependency for the preset: '@vue/cli-plugin-unit-jest' config option in jest.config.js.

kepi0809 · 2023-05-16T08:49:39Z

After updating all my jest-related deps to ^29, and much frustration trying the resolutions/overrides trick by @darrinmn9 above, I ended up with:
  "overrides": {
      "@vue/cli-plugin-unit-jest": {
          "ts-jest": "$ts-jest",
          "@vue/vue2-jest": "$@vue/vue2-jest"
      }
  }
It resolved, and I then got the following error when running with npm test:
 TypeError: Cannot read properties of undefined (reading 'testEnvironmentOptions')
   at new JSDOMEnvironment (node_modules/jest-environment-jsdom/build/index.js:63:28)
Same error happens for jest-environment-node/NodeEnvironment. I added some print statements and figured the config wasn't being loaded by vue-cli-service unit:test correctly.

I figured calling jest directly would work around this, so I changed my package.json script "test" to call jest directly:
  "scripts": {
    "test": "jest",
    ...
  }
Which works! I still have the @vue/cli-plugin-unit-jest dependency for the preset: '@vue/cli-plugin-unit-jest' config option in jest.config.js.

I can confirm, this solution works. Thanks for sharing @ErikBjare

artikhurana · 2023-06-07T09:47:06Z

overrides

Where we need to add this overrides? Could you please help me. I'm also facing same issue

kepi0809 · 2023-06-07T09:54:58Z

overrides

Where we need to add this overrides? Could you please help me. I'm also facing same issue

It goes into your package.json, if you use yarn then the syntax could be different though. (resolutions I think but I didn't test with yarn)

Requires to force @vue/cli-plugin-unit-jest to use a more recent version of @vue/vue2-jest See vuejs/vue-cli#7129

lokeswari9 · 2023-12-04T19:33:46Z

will this also add support for @vue/vue3-jest to v28 and v29 because its the same issue I am migrating my vue 2 project to vue 3 and i am stuck figuring out the versions for updating my test cases

sceee changed the title ~~Support Jest 18 with @vue/cli-plugin-unit-jest~~ Support Jest 28 with @vue/cli-plugin-unit-jest May 24, 2022

ChristophWurst mentioned this issue Jun 9, 2022

Bump @vue/vue2-jest from 27.0.0 to 28.0.0 nextcloud/mail#6656

Closed

MarcTM01 mentioned this issue Aug 22, 2022

DALA-459 dependency updates d-fine/Dataland#92

Merged

43 tasks

AllanOricil mentioned this issue Jan 5, 2023

Coverage report incorrect vuejs/vue-jest#480

Open

ErikBjare added a commit to ActivityWatch/aw-webui that referenced this issue May 11, 2023

build(deps): updated jest to v29 (see vuejs/vue-cli#7129 (comment))

86bdd4e

ErikBjare added a commit to ActivityWatch/aw-webui that referenced this issue May 11, 2023

build(deps): updated jest to v29 (see vuejs/vue-cli#7129 (comment))

b4a1226

martinkaintas mentioned this issue Jun 8, 2023

[SW-886] Chore/migrate tests superhero-com/superhero-wallet#2090

Merged

usu mentioned this issue Jul 15, 2023

chore(deps): update dependency @vue/vue2-jest to v29 ecamp/ecamp3#3566

Closed

1 task

manuelleduc pushed a commit to xwiki/xwiki-platform that referenced this issue Oct 25, 2023

[Misc] Update dependency @vue/vue2-jest to v29

c0033db

Requires to force @vue/cli-plugin-unit-jest to use a more recent version of @vue/vue2-jest See vuejs/vue-cli#7129

jmaloon mentioned this issue Oct 30, 2023

support for TS >= 5.0 in cli-plugin-unit-jest #7428

Open

surli pushed a commit to xwiki/xwiki-platform that referenced this issue Nov 6, 2023

[Misc] Update dependency @vue/vue2-jest to v29

a00233b

Requires to force @vue/cli-plugin-unit-jest to use a more recent version of @vue/vue2-jest See vuejs/vue-cli#7129

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

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

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

sceee commented May 11, 2022

WIStudent commented May 18, 2022

realityfilter commented May 24, 2022

msmosavar commented Jun 1, 2022

trent-abc commented Jul 6, 2022

WIStudent commented Jul 6, 2022

Tofandel commented Jul 11, 2022 •

edited

Loading

xwnwho commented Aug 10, 2022

markhalliwell commented Aug 17, 2022

Vahelnir commented Sep 15, 2022 •

edited

Loading

iamface commented Sep 27, 2022

schirrel commented Oct 13, 2022

nfantone commented Oct 19, 2022 •

edited

Loading

markhalliwell commented Nov 18, 2022

darrinmn9 commented Dec 30, 2022

ErikBjare commented May 11, 2023 •

edited

Loading

kepi0809 commented May 16, 2023

artikhurana commented Jun 7, 2023

kepi0809 commented Jun 7, 2023 •

edited

Loading

lokeswari9 commented Dec 4, 2023

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

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

Comments

sceee commented May 11, 2022

What problem does this feature solve?

What does the proposed API look like?

WIStudent commented May 18, 2022

realityfilter commented May 24, 2022

msmosavar commented Jun 1, 2022

trent-abc commented Jul 6, 2022

WIStudent commented Jul 6, 2022

Tofandel commented Jul 11, 2022 • edited Loading

xwnwho commented Aug 10, 2022

markhalliwell commented Aug 17, 2022

Vahelnir commented Sep 15, 2022 • edited Loading

iamface commented Sep 27, 2022

schirrel commented Oct 13, 2022

nfantone commented Oct 19, 2022 • edited Loading

markhalliwell commented Nov 18, 2022

darrinmn9 commented Dec 30, 2022

ErikBjare commented May 11, 2023 • edited Loading

kepi0809 commented May 16, 2023

artikhurana commented Jun 7, 2023

kepi0809 commented Jun 7, 2023 • edited Loading

lokeswari9 commented Dec 4, 2023

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

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

Tofandel commented Jul 11, 2022 •

edited

Loading

Vahelnir commented Sep 15, 2022 •

edited

Loading

nfantone commented Oct 19, 2022 •

edited

Loading

ErikBjare commented May 11, 2023 •

edited

Loading

kepi0809 commented Jun 7, 2023 •

edited

Loading