CODEWITHSUNDEEP
vue.jsvuejs2vue-clivue-cli-3vue-test-utils
Lucifer
Lucifer

Reputation: 1079

How to add Vue Test Utils with Jest to already existing Vue-CLI 3 project?

I want to test an already existing Vue-CLI 3 project. I haven't initialized the testing preset when I was creating the project. I have searched, but haven't found any suitable results. I read the documentation also, but it said to add testing when creating the project.

Upvotes: 22

Views: 12153

Answers (2)

tony19
tony19

Reputation: 138696

From your project root directory, enter the following command to add @vue/test-utils and jest:

vue add unit-jest

The command output should look similar to this:

$ vue add unit-jest

šŸ“¦  Installing @vue/cli-plugin-unit-jest...

+ @vue/[email protected]
added 282 packages from 167 contributors, removed 2 packages and audited 42205 packages in 9.693s
found 63 low severity vulnerabilities
  run `npm audit fix` to fix them, or `npm audit` for details
āœ”  Successfully installed plugin: @vue/cli-plugin-unit-jest


šŸš€  Invoking generator for @vue/cli-plugin-unit-jest...
šŸ“¦  Installing additional dependencies...

added 12 packages from 11 contributors, updated 1 package, moved 4 packages and audited 42427 packages in 7.895s
found 64 low severity vulnerabilities
  run `npm audit fix` to fix them, or `npm audit` for details
āœ”  Successfully invoked generator for plugin: @vue/cli-plugin-unit-jest
   The following files have been updated / added:

     jest.config.js
     tests/unit/.eslintrc.js
     tests/unit/example.spec.js
     package-lock.json
     package.json

   You should review these changes with git diff and commit them.

Upvotes: 34

Evandro Severgnini
Evandro Severgnini

Reputation: 334

I was successful with the following plugin:

@vue/cli-plugin-unit-jest ([https://www.npmjs.com/package/@vue/cli-plugin-unit-jest)

I installed it, from the root folder, using the command:

vue add unit-jest

The command already adds an entry to my package.json file:

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

Upvotes: 3

Related Questions