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.
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?
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 quebabel
preste atención a ese archivo?