Vue Vue-Sweetalert2. ошибка в тесте: юнит с Jest - PullRequest
Новая
       12

Vue Vue-Sweetalert2. ошибка в тесте: юнит с Jest

0 голосов
/ 30 октября 2018

Согласно документу vue-sweetalert2 , в моем main.js я импортирую и использую плагин: 

import VueSweetalert2 from "vue-sweetalert2";
Vue.use(VueSweetalert2);

В моем компоненте ContactForm.vue я могу использовать: 

this.$swal(...)

Однако, когда я тестирую: объединяю этот компонент, мне нужно добавить импорт и Vue.use()

 import VueSweetalert2 from "vue-sweetalert2";
 Vue.use(VueSweetalert2);

и я получаю ошибку: 

$ vue-cli-service test:unit ContactForm.spec.js

FAIL тесты / юнит / ContactForm.spec.js ● Не удалось запустить набор тестов 

Jest encountered an unexpected token

This usually means that you are trying to import a file which Jest cannot parse, e.g. it's not plain JavaScript.

By default, if Jest sees a Babel config, it will use that to transform your files, ignoring "node_modules".

Here's what you can do:
 • To have some of your "node_modules" files transformed, you can specify a custom "transformIgnorePatterns" in your config.
 • If you need a custom transformation specify a "transform" option in your config.
 • If you simply want to mock your non-JS modules (e.g. binary assets) you can stub them out with the "moduleNameMapper" config option.

You'll find more details and examples of these config options in the docs:
https://jestjs.io/docs/en/configuration.html

Details:

/Users/yves/Developments/WIP/VUE.JS-cli-3/3-chocha-home-content/chocha/node_modules/vue-sweetalert2/src/index.js:2
import swal from 'sweetalert2/dist/sweetalert2.min.js';
^^^^^^

SyntaxError: Unexpected token import

Что может быть не так?

UPDATE

vue-sweetalert2/src/index.js, строка 2 неисправная строка, это: 

// @ts-check
import swal from 'sweetalert2/dist/sweetalert2.min.js';

разработчик этой оболочки добавил index.d.ts тьфу 

import Vue, { PluginObject, PluginFunction } from 'vue';
import * as swal from 'sweetalert2';
...

но, похоже, это не учитывается.

1 Ответ

0 голосов
/ 30 октября 2018

решено ...

Я добавил transformIgnorePatterns в свой jest config в package.json 

     "jest": {
    ....
    "transformIgnorePatterns": [
      "/node_modules/(?!vue-sweetalert2).+\\.js$"
    ],
    ....
  }
...