Storybook: Storyshots Jestの設定例では、インポート時にエラーがスローされます

作成日 2017年04月17日  ·  2コメント  ·  ソース: storybookjs/storybook

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秒
すべてのテストスイートを実行しました。

needs reproduction question / support

最も参考になるコメント

私はまさにこの問題に直面しています。 記録のために、私はCRAを使用していません。 私が作成した.babelrc中のファイルを.storybook示唆された正確に何を。 違いはありませんでした。 そのファイルに注意を払うためにbabelを取得するために私がしなければならない他の何かがありますか?

全てのコメント2件

これを修正するには、 create-react-app使用するのと同じプリセットを使用して.storybookフォルダーに.babelrcファイルを作成します。

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

この種のbabel設定は一種のデフォルトになるべきですか? そうでない場合は、必ず文書化する必要があります。

編集:それを閉じる、#880の複製。

私はまさにこの問題に直面しています。 記録のために、私はCRAを使用していません。 私が作成した.babelrc中のファイルを.storybook示唆された正確に何を。 違いはありませんでした。 そのファイルに注意を払うためにbabelを取得するために私がしなければならない他の何かがありますか?

このページは役に立ちましたか?
0 / 5 - 0 評価