Storybook: La configuración de ejemplo de Storyshots Jest arroja un error al importar

Creado en 17 abr. 2017  ·  2Comentarios  ·  Fuente: storybookjs/storybook

Revisé los detalles en https://github.com/storybooks/storybook/tree/master/packages/storyshots y lo seguí.

No me encanta la configuración que detalla.

`Configure su aplicación para Jest

Por lo general, es posible que ya haya completado este paso. Si no, aquí tienes algunos recursos para ti.

Si está utilizando la aplicación Create React, ya está configurada para Jest. Solo necesita crear un nombre de archivo con la extensión .test.js.
De lo contrario, consulte esta lección de Egghead.
Configurar Storyshots

Cree un nuevo archivo de prueba con el nombre Storyshots.test.js. (O el nombre que prefieras). Luego agregue el siguiente contenido:

importar initStoryshots desde 'storyshots';
initStoryshots ();
Eso es todo.

Ahora ejecute su comando de prueba Jest. (Por lo general, prueba npm). Luego, puede ver que todas sus historias se convierten como pruebas instantáneas de Jest.

FAIL. \ Storyshots.test.js
● El conjunto de pruebas no se pudo ejecutar

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)

Grupos de pruebas: 1 falló, 1 pasó, 2 en total
Pruebas: 1 aprobada, 1 total
Instantáneas: 0 en total
Tiempo: 3.412 s
Ejecutó todas las suites de prueba.

needs reproduction question / support

Comentario más útil

Me estoy encontrando exactamente con este problema. Para que conste, no estoy usando CRA. Creé un archivo .babelrc en .storybook con exactamente lo que se sugirió. No hizo ninguna diferencia. ¿Hay alguna otra cosa que deba hacer para que babel preste atención a ese archivo?

Todos 2 comentarios

Puede solucionar esto creando un archivo .babelrc en la carpeta .storybook con los mismos ajustes preestablecidos que create-react-app usa:

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

¿Debería este tipo de configuración de babel convertirse en el tipo de configuración predeterminada? Si no, definitivamente deberíamos documentarlo.

Editar: cerrándolo, duplicado de # 880.

Me estoy encontrando exactamente con este problema. Para que conste, no estoy usando CRA. Creé un archivo .babelrc en .storybook con exactamente lo que se sugirió. No hizo ninguna diferencia. ¿Hay alguna otra cosa que deba hacer para que babel preste atención a ese archivo?

¿Fue útil esta página
0 / 5 - 0 calificaciones