How to update snapshot with Jest and vue-cli

Question

I should be able to add -u parameter when running my tests, but I can't figure out why it doesn't work:

npm run test ComponentName.spec.js -u
npm run test ComponentName.spec.js --updateSnapshot

but it doesn't work. My package.json:

"scripts": {
    "test": "vue-cli-service test:unit",

I know I can just delete the snapshot files, but I'd like to figure out why the command doesn't work.

score 142 · Accepted Answer · edited Oct 21 '21 at 14:20

142

Based on the docs:

npm run test -- -u

I verified this works.

edited Oct 21 '21 at 14:20

Tomerikoo

answered May 13 '19 at 08:48

echo

1

@SamuelFaure I found you can just have it like this in your package.json - "test:unit:update": "vue-cli-service test:unit -u" – Matthew Evans Jul 11 '19 at 14:48
Don't think you even need to add `run` anymore – Neil Feb 03 '22 at 17:07

score 15 · Answer 2 · answered May 30 '19 at 11:17

15

In vue-cli 3, your usual npm command calls vue-cli-service and not jest anymore. Vue-cli-service will call jest for you.

Either you can run :

npm run test:unit -- -u

the -- is so that the next arguments have to be passed to the subcommand.

Or

npx vue-cli-service test:unit -u

This will run the tests and upgrade the snapshots.

answered May 30 '19 at 11:17

1

`npm run test:unit -- -u` worked for me using `"@vue/cli-service": "^3.5.0"`, thank you! – Doug Wilhelm Nov 01 '19 at 22:19

score 10 · Answer 3 · answered May 04 '20 at 18:51

10

yarn test -u worked for me. We use yarn.

answered May 04 '20 at 18:51

B. Bulpett

score 4 · Answer 4 · answered May 08 '20 at 10:29

4

npm run test -- -u [file_path] //for particular file (thumps up to echo's answer)

answered May 08 '20 at 10:29

Rishabh Mehrotra

Just to add it's enough to provide file name instead of path e.g `path/ComponentName.spec.js --u` you could write `npm run test ComponentName --u` – Aivus Feb 23 '21 at 08:55
This also works with React Testing Library – Chris Perry Nov 01 '22 at 22:42

score 3 · Answer 5 · answered Jan 05 '22 at 21:56

If you are running a project with Lerna monorepo,

You probably want to add a new script to your package's package.json file:

{
// ...
"scripts": {
  // ...
  "test:update:snapshot": "jest --updateSnapshot"
  // ...
}
// ...
}

So you can run

npx lerna run test:update:snapshot

Or you can just enter the package and run

npm run test -- -u

Basically -- tells your command the argument -u is for its child command.

5 Answers5