Ознакомился с подробностями на 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 с
Прогнал все наборы тестов.
Вы можете исправить это, создав файл .babelrc
папке .storybook
с теми же предустановками, которые использует create-react-app
:
{
"presets": ["es2015", "react"]
}
Должна ли такая конфигурация babel использоваться по умолчанию? Если нет, мы обязательно должны это задокументировать.
Изменить: закрытие, дубликат # 880.
Я столкнулся именно с этой проблемой. Для справки, я не использую CRA. Я создал файл .babelrc
в .storybook
с тем, что было предложено. Это не имело значения. Есть ли что-то еще, что мне нужно сделать, чтобы заставить babel
обратить внимание на этот файл?
Самый полезный комментарий
Я столкнулся именно с этой проблемой. Для справки, я не использую CRA. Я создал файл
.babelrc
в.storybook
с тем, что было предложено. Это не имело значения. Есть ли что-то еще, что мне нужно сделать, чтобы заставитьbabel
обратить внимание на этот файл?