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.
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?
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, umbabel
zu bringen, auf diese Datei zu achten?