Как настроить приложение Jest for Vue, которое запускается через Webpacker - PullRequest
Новая
       10

Как настроить приложение Jest for Vue, которое запускается через Webpacker

1 голос
/ 08 мая 2019

У меня есть приложение Rails, которое управляет приложением Vue через гем Webpacker.

У меня проблемы с настройкой Jest для модульных тестов.Мне пришлось добавить несколько новых зависимостей, таких как vue-jest и babel-jest, но теперь я застрял с проблемой тестов, не распознающих новый компонент.

Когда я запускаю команду jest (через пряжу), написанный мной тест завершается неудачно, как только обнаруживается новый компонент, импортированный в тестируемый компонент. 

import AnotherComponent from './another-component.js';
       ^^^^^^^^^^^^^

SyntaxError: Unexpected identifier

  2 | 
  3 | import { mount } from '@vue/test-utils';
> 4 | import ComponentUnderTest from '../src/component-under-test.vue';
    | ^
  5 |

Mypackage.json выглядит так: 

"jest": {
  "roots": [
    "test"
  ],
  "moduleFileExtensions": [
    "js",
    "json",
    "node",
    "vue"
  ],
  "transform": {
    "^.+\\.js$": "<rootDir>/node_modules/babel-jest",
    ".*\\.(vue)$": "<rootDir>/node_modules/vue-jest"
  },
  "transformIgnorePatterns": [
    "node_modules/"
  ]
},

Есть идеи, какую еще конфигурацию мне нужно предоставить, чтобы это исправить?

...