J'ai parcouru les détails sur https://github.com/storybooks/storybook/tree/master/packages/storyshots et je l'
Aucun amour avec la configuration qu'il détaille.
`Configurez votre application pour Jest
En général, vous avez peut-être déjà terminé cette étape. Sinon, voici quelques ressources pour vous.
Si vous utilisez Create React App, elle est déjà configurée pour Jest. Il vous suffit de créer un nom de fichier avec l'extension .test.js.
Sinon, vérifiez cette leçon Egghead.
Configurer les Storyshots
Créez un nouveau fichier de test avec le nom Storyshots.test.js. (Ou quel que soit le nom que vous préférez). Ajoutez ensuite le contenu suivant:
importer des initStoryshots à partir de 'storyshots';
initStoryshots ();
C'est tout.
Exécutez maintenant votre commande de test Jest. (Habituellement, npm test.) Ensuite, vous pouvez voir que toutes vos histoires sont converties en tests d'instantanés Jest.
ÉCHEC. \ Storyshots.test.js
● La suite de tests n'a pas pu s'exécuter
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)
Suites de tests: 1 échoué, 1 réussi, 2 au total
Tests: 1 réussi, 1 au total
Instantanés: 0 au total
Temps: 3.412s
Ran toutes les suites de tests.
Vous pouvez résoudre ce problème en créant un fichier .babelrc
dans le dossier .storybook
avec les mêmes préréglages que create-react-app
utilise:
{
"presets": ["es2015", "react"]
}
Ce genre de configuration babel devrait-il devenir le genre de configuration par défaut? Sinon, nous devons absolument le documenter.
Edit: en le fermant, duplicata de # 880.
Je rencontre exactement ce problème. Pour mémoire, je n'utilise pas l'ARC. J'ai créé un fichier .babelrc
dans .storybook
avec exactement ce qui a été suggéré. Cela n'a fait aucune différence. Dois-je faire autre chose pour que babel
prêter attention à ce fichier?
Commentaire le plus utile
Je rencontre exactement ce problème. Pour mémoire, je n'utilise pas l'ARC. J'ai créé un fichier
.babelrc
dans.storybook
avec exactement ce qui a été suggéré. Cela n'a fait aucune différence. Dois-je faire autre chose pour quebabel
prêter attention à ce fichier?