問題タブ [storyshots]

ポータルを使用してモーダルをレンダリングしようとしています。アプリケーションと Storybook では問題なく動作しますが、Storyshots に追加するとすぐに問題が発生します。

最初の問題は、ReactDOM の createPortal API をモックすることでした。私はそれを次のようにしました：

ReactDOM.createPortal = element => element;

これが追加されていない場合、次のエラーが発生します。

エラー: Uncaught [TypeError: parentInstance.children.indexOf は関数ではありません]

このソリューションReact Portal Errorを見つけました。

これでこの問題は解決しますが、コンポーネントがポータルを使用すると、子を追加しようとすると失敗します。「modal-root」コンポーネントが見つからないため、要素を追加できません。どうすればこれを乗り越えられるかわかりません。

私のポータルは、React Web サイトの例とほとんど同じに見えます。

次のエラーで失敗するようになりました。

エラー: キャッチされていません [TypeError: null のプロパティ 'appendChild' を読み取れません]

上記のコード スニペットに示されている位置。

可能なすべてのノブ オプションのスナップショットを生成する方法は? 現在、storyshots と jest を含むストーリーブックは、デフォルトのコンポーネント状態のスクリーンショットのみを作成できます。これは、考えられるすべてのバリアントをカバーしていません。

すべてのノブ オプションのストーリーを作成する方法があることは理解していますが、それではそもそもノブを使用する目的が無効になります。

これを行う方法はありますか？

元は github のコメントで言及されていました: https://github.com/storybookjs/storybook/issues/4103#issuecomment-426217161

私はAngular v8アプリをストーリーブック内で実行しています。自動化されたビジュアル テストを統合したいと考えており、StoryShots を見つけました。この指示を見つけて、そのように実装しました。Karma はアプリのテスト ツールであるため、"test.ts" を含むファイルのみを視覚的にテストするように jest 構成を調整します。Jest は spec.ts ファイルを見つけましたが、test.ts ファイルだけでは test を見つけることができませんNo tests found, exiting with code 1。私は何を逃したのですか？angular と StoryShots の経験がある人はいますか?

これは私のコードです:

package.json

jest.config.js

jest.setup.js

ルートフォルダーには.storybook、テストファイルを含むフォルダーがあります

storyshots.test.ts

renderOnlyStoryshots テストでモード を使用したいのですが、一部のストーリーでエラーが発生します。

追加することでこれらのエラーを修正できます

しかし今、私は負けていrenderOnlyます。