Storybook: Configuração de exemplo de Storyshots Jest gera erro na importação

Criado em 17 abr. 2017  ·  2Comentários  ·  Fonte: storybookjs/storybook

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.

needs reproduction question / support

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 que babel preste atenção a esse arquivo?

Todos 2 comentários

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?

Esta página foi útil?
0 / 5 - 0 avaliações