Storybook: Die Beispielkonfiguration für Storyshots Jest löst beim Import einen Fehler aus

Erstellt am 17. Apr. 2017  ·  2Kommentare  ·  Quelle: storybookjs/storybook

Ging die Details auf https://github.com/storybooks/storybook/tree/master/packages/storyshots durch und folgte ihnen durch.

Keine Liebe zur Konfiguration.

`Konfigurieren Sie Ihre App für Jest

Normalerweise haben Sie diesen Schritt möglicherweise bereits abgeschlossen. Wenn nicht, finden Sie hier einige Ressourcen für Sie.

Wenn Sie die Create React App verwenden, ist sie bereits für Jest konfiguriert. Sie müssen nur einen Dateinamen mit der Erweiterung .test.js erstellen.
Andernfalls überprüfen Sie diese Egghead-Lektion.
Storyshots konfigurieren

Erstellen Sie eine neue Testdatei mit dem Namen Storyshots.test.js. (Oder wie auch immer der Name sein mag). Fügen Sie dann folgenden Inhalt hinzu:

importiere initStoryshots aus 'storyshots';
initStoryshots ();
Das ist alles.

Führen Sie nun Ihren Jest-Testbefehl aus. (Normalerweise npm-Test.) Dann können Sie sehen, dass alle Ihre Geschichten als Jest-Snapshot-Tests konvertiert wurden. "

FAIL. \ Storyshots.test.js
● Die Testsuite konnte nicht ausgeführt werden

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)

Testsuiten: 1 fehlgeschlagen, 1 bestanden, 2 insgesamt
Tests: 1 bestanden, 1 insgesamt
Schnappschüsse: 0 insgesamt
Zeit: 3,412 s
Lief alle Testsuiten.

needs reproduction question / support

Hilfreichster Kommentar

Ich stoße genau auf dieses Problem. Für die Aufzeichnung verwende ich nicht CRA. Ich habe eine .babelrc -Datei in .storybook mit genau dem erstellt, was vorgeschlagen wurde. Es machte keinen Unterschied. Muss ich noch etwas tun, um babel zu bringen, auf diese Datei zu achten?

Alle 2 Kommentare

Sie können dies beheben, indem Sie eine .babelrc -Datei im Ordner .storybook mit denselben Voreinstellungen erstellen, die create-react-app verwendet:

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

Sollte diese Art von Babel-Konfiguration zur Standardkonfiguration werden? Wenn nicht, sollten wir es auf jeden Fall dokumentieren.

Bearbeiten: Schließen, Duplikat von # 880.

Ich stoße genau auf dieses Problem. Für die Aufzeichnung verwende ich nicht CRA. Ich habe eine .babelrc -Datei in .storybook mit genau dem erstellt, was vorgeschlagen wurde. Es machte keinen Unterschied. Muss ich noch etwas tun, um babel zu bringen, auf diese Datei zu achten?

War diese Seite hilfreich?
0 / 5 - 0 Bewertungen