Как добавить Vue Test Utils с Jest к уже существующему проекту Vue-CLI 3?

Я хочу протестировать уже существующий проект Vue-CLI 3. Я не инициализировал предустановку тестирования при создании проекта. Я искал, но не нашел подходящих результатов. Я тоже читал документацию, но там сказано добавить тестирование при создании проекта.


person Lucifer    schedule 30.04.2019    source источник


Ответы (2)


В корневом каталоге проекта введите следующую команду, чтобы добавить _ 1_ и jest:

vue add unit-jest

Вывод команды должен выглядеть примерно так:

$ 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.
person tony19    schedule 30.04.2019

Мне удалось использовать следующий плагин:

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

Я установил его из корневой папки с помощью команды:

vue add unit-jest

Команда уже добавляет запись в мой файл package.json:

"scripts": {
    ...
    "test:unit": "vue-cli-service test:unit",
    ...
},
person Evandro Severgnini    schedule 22.02.2020