Storybook: Пример конфигурации Storyshots Jest выдает ошибку при импорте

Созданный на 17 апр. 2017  ·  2Комментарии  ·  Источник: storybookjs/storybook

Ознакомился с подробностями на https://github.com/storybooks/storybook/tree/master/packages/storyshots и выполнил их.

Никакой любви к деталям конфигурации.

`Настройте свое приложение для Jest

Обычно вы могли уже выполнить этот шаг. Если нет, то вот несколько ресурсов для вас.

Если вы используете приложение Create React, оно уже настроено для Jest. Вам просто нужно создать имя файла с расширением .test.js.
В противном случае проверьте этот урок Умника.
Настроить Storyshots

Создайте новый тестовый файл с именем Storyshots.test.js. (Или как вам удобнее). Затем добавьте в него следующий контент:

импортировать initStoryshots из storyshots;
initStoryshots ();
Это все.

Теперь запустите вашу тестовую команду Jest. (Обычно это npm test.) Затем вы можете увидеть, что все ваши истории преобразованы как тесты снимков Jest.

ОТКАЗ. \ Storyshots.test.js
● Не удалось запустить набор тестов.

evalmachine.<anonymous>:1
(function (exports, require, module, __filename, __dirname) { import { configure } from '@kadira/storybook';
                                                              ^^^^^^
SyntaxError: Unexpected token import

  at createScript (vm.js:56:10)
  at Object.runInThisContext (vm.js:97:10)
  at runWithRequireContext (node_modules\storyshots\dist\require_context.js:103:37)
  at testStorySnapshots (node_modules\storyshots\dist\index.js:72:35)
  at Object.<anonymous> (Storyshots.test.js:2:52)

Наборы тестов: 1 не прошел, 1 прошел, всего 2
Тесты: 1 сдан, всего 1
Снимки: всего 0
Время: 3,412 с
Прогнал все наборы тестов.

needs reproduction question / support

Самый полезный комментарий

Я столкнулся именно с этой проблемой. Для справки, я не использую CRA. Я создал файл .babelrc в .storybook с тем, что было предложено. Это не имело значения. Есть ли что-то еще, что мне нужно сделать, чтобы заставить babel обратить внимание на этот файл?

Все 2 Комментарий

Вы можете исправить это, создав файл .babelrc папке .storybook с теми же предустановками, которые использует create-react-app :

{
  "presets": ["es2015", "react"]
}

Должна ли такая конфигурация babel использоваться по умолчанию? Если нет, мы обязательно должны это задокументировать.

Изменить: закрытие, дубликат # 880.

Я столкнулся именно с этой проблемой. Для справки, я не использую CRA. Я создал файл .babelrc в .storybook с тем, что было предложено. Это не имело значения. Есть ли что-то еще, что мне нужно сделать, чтобы заставить babel обратить внимание на этот файл?

Была ли эта страница полезной?
0 / 5 - 0 рейтинги