Analisei os detalhes em https://github.com/storybooks/storybook/tree/master/packages/storyshots e acompanhei.
Não adoro a configuração dos detalhes.
`Configure seu aplicativo para Jest
Normalmente, você já deve ter concluído esta etapa. Se não, aqui estão alguns recursos para você.
Se você estiver usando o aplicativo Create React, ele já está configurado para o Jest. Você só precisa criar um nome de arquivo com a extensão .test.js.
Caso contrário, verifique esta lição Egghead.
Configurar Storyshots
Crie um novo arquivo de teste com o nome Storyshots.test.js. (Ou qualquer nome que você preferir). Em seguida, adicione o seguinte conteúdo a ele:
importar initStoryshots de 'storyshots';
initStoryshots ();
Isso é tudo.
Agora execute seu comando de teste Jest. (Normalmente, teste npm.) Então você pode ver todas as suas histórias serem convertidas em testes de instantâneo Jest.
FALHA. \ Storyshots.test.js
● O conjunto de testes falhou ao executar
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)
Suítes de teste: 1 falha, 1 aprovada, 2 no total
Testes: 1 aprovado, 1 total
Instantâneos: 0 no total
Tempo: 3.412s
Executei todas as suítes de teste.
Você pode corrigir isso criando um .babelrc
arquivo em .storybook
pasta com os mesmos presets create-react-app
usos:
{
"presets": ["es2015", "react"]
}
Esse tipo de configuração de babel deve se tornar o tipo de padrão? Se não, devemos definitivamente documentar.
Editar: fechando, duplicado de # 880.
Estou enfrentando exatamente esse problema. Só para constar, não estou usando o CRA. Criei um arquivo .babelrc
em .storybook
exatamente com o que foi sugerido. Não fez diferença. Há alguma outra coisa que preciso fazer para que babel
preste atenção a esse arquivo?
Comentários muito úteis
Estou enfrentando exatamente esse problema. Só para constar, não estou usando o CRA. Criei um arquivo
.babelrc
em.storybook
exatamente com o que foi sugerido. Não fez diferença. Há alguma outra coisa que preciso fazer para quebabel
preste atenção a esse arquivo?