Storybook: Exemple de configuration de Storyshots Jest génère une erreur lors de l'importation

Créé le 17 avr. 2017  ·  2Commentaires  ·  Source: storybookjs/storybook

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.

needs reproduction question / support

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 que babel prêter attention à ce fichier?

Tous les 2 commentaires

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?

Cette page vous a été utile?
0 / 5 - 0 notes

Questions connexes

purplecones picture purplecones  ·  3Commentaires

xogeny picture xogeny  ·  3Commentaires

sakulstra picture sakulstra  ·  3Commentaires

dnlsandiego picture dnlsandiego  ·  3Commentaires

arunoda picture arunoda  ·  3Commentaires