Плагин Vue CLI для добавления Jest Test Runner не переносит файлы .js - PullRequest
Новая
       25

Плагин Vue CLI для добавления Jest Test Runner не переносит файлы .js

0 голосов
/ 11 июля 2019

Просто быстрый отказ от ответственности, я не могу воспроизвести это на другом проекте, именно поэтому я здесь вместо того, чтобы создавать проблему на Github.

Выпуск

Итак, быстрый демонстрационный проект, который я сделал, чтобы показать коллеге, как использовать утилиты тестирования Vue, вышел из вагона. Это не поднимается в transform части jest.config.js.

Я сделал проект с помощью Vue CLI, используя vue create demo-project, выбрав ESlint и Babel, затем запустив vue add @vue/cli-plugin-unit-jest. Все прошло нормально, я зафиксировал, выполнил тестовую команду и все прошло нормально.

Итак, мы начали тестировать снимки, и все было хорошо. На следующий день вернитесь в проект, чтобы продолжить, и вот ошибка, которую я получаю. 


> vue-jest@0.1.0 test:unit .../demo-projects/vue-jest
> vue-cli-service test:unit

 FAIL  tests/unit/example.spec.js
  ● Test suite failed to run

    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:

    .../demo-projects/vue-jest/tests/unit/example.spec.js:1
    ({"Object.<anonymous>":function(module,exports,require,__dirname,__filename,global,jest){import { shallowMount } from '@vue/test-utils';
                                                                                                    ^

    SyntaxError: Unexpected token {

      at ScriptTransformer._transformAndBuildScript (node_modules/jest-runtime/build/script_transformer.js:403:17)

Test Suites: 1 failed, 1 total
Tests:       0 total
Snapshots:   0 total
Time:        1.163s
Ran all test suites.
npm ERR! code ELIFECYCLE
npm ERR! errno 1

Простое выполнение обычного npm run test:unit приводит к тому, что example.spec.js, поставляемый с тестовыми утилитами, не является babel'ом и завершается неудачей в тестовой среде Node.

Попытка решения

не работает

  • Удаление node_modules и переустановка
  • Удаление package-lock.json, в дополнение к вышеуказанному шагу (сделано отдельно)
  • Возвращение к коммиту, когда он работал
  • Извлечение в другую ветку, удаление всех файлов, добавленных vue add @vue/cli-plugin-unit-jest, затем повторное выполнение команды для воссоздания всех файлов
    • jest.config.js
    • tests/ - и все это файлы

Работала

Довольно ясно, что происходит, поэтому в файле jest.config.js я добавил файл .js в поле transform. 

transform: {
    '^.+\\.vue$': 'vue-jest',
    '.+\\.(css|styl|less|sass|scss|svg|png|jpg|ttf|woff|woff2)$': 'jest-transform-stub',
    '^.+\\.(js|jsx)?$': 'babel-jest' // added .js
  },

Это решение решает проблему и правильно преобразует example.spec.js

Попытка отдыха

Я попытался определить, была ли это ошибка, создав другой проект, выполнив те же шаги, и он работал просто отлично. Я даже скопировал и вставил все файлы из сломанного в новый, в поисках различий в git. Это было точно то же самое. Вот почему я подумал, что это может быть node_modules, но это все равно не сработало.

Гм

Надеюсь, это не пустая трата времени для любого, кто читает, так как это действительно не проблема. В основном я хотел, чтобы это было для всех, у кого может быть та же проблема, чтобы увидеть, что добавление расширения .js решит проблему без необходимости начинать сначала, но также любопытно, если у кого-то есть понимание, почему это может происходить?

...