問題タブ [react-test-renderer]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
reactjs - recompose で構成された複数の HOC をテストする
再構成を使用して複数の HOC で構成されたメイン コンテナーがあるセットアップがあります。
使用中の HOC は次のとおりです。
WithPageWrapper、WithLoading、WithError
次のように構成されます。
このロジックをテストすることは困難です。私が取り組んでいるプロジェクトは、react-test-renderer を使用し、浅いレンダリング メソッドを利用しています。
そのため、スナップショットをテストしてエラー状態がロードされていることを確認する場合、スナップショットは 1 レベルの深さのみをテストし (レンダリングが浅いため)、常に次を返します。
代わりに、スナップショットで見たいのは次のとおりです。
ローディングプロップがnullまたはfalseであるため、ローディングHOCがメインコンテナを単純にレンダリングすることを期待していたからです。
浅いレンダリングの代わりに完全なレンダリングを行うと、スナップショットがほとんど読めなくなります。react-test-renderer で浅いレンダリングを使用して、複数の HOC の構成をテストする方法はありますか?