Невозможно импортировать Vue компонент в Jest Test

Question

Я пытаюсь написать свой первый тест в Jest и не могу запустить конфигурацию с компонентом Vue.

В моем Laravel Project я установил необходимые npm пакеты со следующими командами:

npm install -—save-dev jest vue-jest jest-serializer-vue
npm install @vue/test-utils

В моем пакете. json У меня следующие конфигурации:

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

...

"jest": {
    "testRegex": "tests/Javascript/.*.spec.js$"
},

Мой тест находится в данном каталоге "root / tests / Javascript / Mytest.spe c. js ".

Мой тест выглядит так:

import { mount } from '@vue/test-utils';

// If this is removed it works....
import MyVuePage from './../../resources/js/pages/MyVuePage.vue';

describe('Something', () => {
    it("Awesome", () => {
        expect(1).toBe(1);
    });
});

Я получаю следующую ошибку:

Jest обнаружил неожиданный токен

Обычно это означает, что вы пытаетесь импортировать файл, который Jest не может проанализировать, например, он не простой JavaScript.

По умолчанию, если Jest видит конфигурацию Babel, он будет использовать ее для преобразования ваших файлов, игнорирование «node_modules».

Вот что вы можете сделать: • Чтобы преобразовать некоторые из ваших файлов «node_modules», вы можете указать пользовательский «transformIgnorePatterns» в своей конфигурации. • Если вам нужно настраиваемое преобразование, укажите параметр «преобразование» в вашей конфигурации. • Если вы просто хотите имитировать свои модули, отличные от JS (например, двоичные ресурсы), вы можете заглушить их с помощью> параметра конфигурации «moduleNameMapper».

В консоли есть маленькая стрелка Указывая на мой «i» типа «import SeriesVersion from './../../resources/js/pages/MyVuePage.vue';"

, я запускаю тест, написав« npm запустить тест »в консоль.

Вы можете сказать мне, что я делаю не так?