https://github.com/storybooks/storybook/tree/master/packages/storyshotsで詳細を確認し、それを確認しました。
詳細な構成は好きではありません。
`アプリをJest用に構成する
通常、この手順はすでに完了している可能性があります。 そうでない場合は、ここにいくつかのリソースがあります。
Create React Appを使用している場合は、すでにJest用に構成されています。 拡張子が.test.jsのファイル名を作成する必要があります。
それ以外の場合は、このエッグヘッドのレッスンを確認してください。
Storyshotsを構成する
Storyshots.test.jsという名前の新しいテストファイルを作成します。 (またはあなたが好む名前は何でも)。 次に、次のコンテンツを追加します。
'storyshots'からinitStoryshotsをインポートします。
initStoryshots();
それで全部です。
次に、Jestテストコマンドを実行します。 (通常、npmテスト。)次に、すべてのストーリーがJestスナップショットテストとして変換されていることがわかります。`
FAIL。\ Storyshots.test.js
●テストスイートの実行に失敗しました
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)
テストスイート:1つ失敗、1つ合格、合計2つ
テスト:1合格、合計1
スナップショット:合計0
時間:3.412秒
すべてのテストスイートを実行しました。
これを修正するには、 create-react-app
使用するのと同じプリセットを使用して.storybook
フォルダーに.babelrc
ファイルを作成します。
{
"presets": ["es2015", "react"]
}
この種のbabel設定は一種のデフォルトになるべきですか? そうでない場合は、必ず文書化する必要があります。
編集:それを閉じる、#880の複製。
私はまさにこの問題に直面しています。 記録のために、私はCRAを使用していません。 私が作成した.babelrc
中のファイルを.storybook
示唆された正確に何を。 違いはありませんでした。 そのファイルに注意を払うためにbabel
を取得するために私がしなければならない他の何かがありますか?
最も参考になるコメント
私はまさにこの問題に直面しています。 記録のために、私はCRAを使用していません。 私が作成した
.babelrc
中のファイルを.storybook
示唆された正確に何を。 違いはありませんでした。 そのファイルに注意を払うためにbabel
を取得するために私がしなければならない他の何かがありますか?