Jest:子コンポーネントのみにReduxモックストアを提供するにはどうすればよいですか?

user117829

私は次のmountようにコンポーネントを完全にレンダリングしています

const wrapper = mount(<Component />);

そして、このコンポーネントは、React-Reduxを使用する子コンポーネントをレンダリングします。Reduxモックストアを子コンポーネントのみに提供したいと思います。どうすればいいのですか?

フラスコになります

コンポーネント階層全体にストアを提供する必要があります。

mount(<Provider store={mockStore}><Component /></Provider>)

テスト戦略が適切に選択されていれば、これによって問題が発生することはありません。親コンポーネントと子コンポーネントをテストするために異なる条件が必要な場合、これはおそらく、のshallow代わりにで分離してテストする必要があることを意味しmountます。

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

分類Dev

React-Redux-子コンポーネントからアクションをディスパッチするにはどうすればよいですか?

分類Dev

あるコンポーネントから別のコンポーネントにreduxストアを渡すにはどうすればよいですか?

分類Dev

コンポーネントの状態を保存してreduxストアにサブスクライブするにはどうすればよいですか?

分類Dev

Reactテスト-コンポーネントの小道具として提供されるデータをストアにモックまたは挿入するにはどうすればよいですか?

分類Dev

Vue.jsの子コンポーネントから親メソッドにアクセスするにはどうすればよいですか?

分類Dev

ReactコンポーネントのReduxストアに適切にアクセスするにはどうすればよいですか?

分類Dev

Reactのクラスベースの子コンポーネントにSVGをインポートするにはどうすればよいですか?

分類Dev

Reduxを使用してコンポーネントの1つのインスタンスのみを更新するにはどうすればよいですか?

分類Dev

コンポーネントの参照にアクセスするにはどうすればよいですか?

分類Dev

コンポーネントの参照にアクセスするにはどうすればよいですか?

分類Dev

Angularコンポーネントの子に動的にアクセスまたはレンダリングするにはどうすればよいですか?

分類Dev

React / Redux-ReactコンポーネントのReduxストアから値を表示するにはどうすればよいですか?

分類Dev

それに反応して、別のコンポーネントのアイコンをクリックして、あるコンポーネントに表示するモーダルを取得するにはどうすればよいですか?

分類Dev

Redux-サブコンポーネントからアプリの状態にアクセスするにはどうすればよいですか?

分類Dev

componentWillUnmountに保存されているコンポーネントのredux状態をクリアするにはどうすればよいですか?

分類Dev

ReactコンポーネントでネストされたRedux状態にアクセスするにはどうすればよいですか?

分類Dev

reduxアクションをディスパッチするネストされたコンポーネントのイベントバブリングを停止するにはどうすればよいですか?

分類Dev

Reactルーターを使用してReactの子コンポーネントではなくアプリコンポーネントにのみリンクを表示するにはどうすればよいですか?

分類Dev

Reactの子関数型コンポーネントでアクションをトリガーするにはどうすればよいですか?

分類Dev

親コンポーネントから別のボタンをクリックしたときに、子コンポーネントにあるボタンに動的クラス名を追加するにはどうすればよいですか?

分類Dev

reduxに接続されたコンポーネントを孫として持つコンポーネントのストーリーブックストーリーを作成するにはどうすればよいですか?

分類Dev

React:別のコンポーネントからコンポーネントにアクセスするにはどうすればよいですか?

分類Dev

reactの複合コンポーネントからhtmlコンポーネントにアクセスするにはどうすればよいですか?

分類Dev

コンポーネントの外からreact-nativeコンポーネントにアクセスするにはどうすればよいですか?

分類Dev

コンポーネントの静的navigationOptionsでredux状態にアクセスするにはどうすればよいですか?

分類Dev

親コンポーネントが動的に追加されたときに、親コンポーネントから子コンポーネントの値にアクセスするにはどうすればよいですか?

分類Dev

特定のVueコンポーネントとその子にのみcssスタイルを適用するにはどうすればよいですか?

分類Dev

reduxストアのデータでコンポーネントを更新するにはどうすればよいですか?

分類Dev

Reduxコンテナを使用しているときにJestでアプリコンポーネントにアクセスするにはどうすればよいですか?

Related 関連記事

  1. 1

    React-Redux-子コンポーネントからアクションをディスパッチするにはどうすればよいですか?

  2. 2

    あるコンポーネントから別のコンポーネントにreduxストアを渡すにはどうすればよいですか?

  3. 3

    コンポーネントの状態を保存してreduxストアにサブスクライブするにはどうすればよいですか?

  4. 4

    Reactテスト-コンポーネントの小道具として提供されるデータをストアにモックまたは挿入するにはどうすればよいですか?

  5. 5

    Vue.jsの子コンポーネントから親メソッドにアクセスするにはどうすればよいですか?

  6. 6

    ReactコンポーネントのReduxストアに適切にアクセスするにはどうすればよいですか?

  7. 7

    Reactのクラスベースの子コンポーネントにSVGをインポートするにはどうすればよいですか?

  8. 8

    Reduxを使用してコンポーネントの1つのインスタンスのみを更新するにはどうすればよいですか?

  9. 9

    コンポーネントの参照にアクセスするにはどうすればよいですか?

  10. 10

    コンポーネントの参照にアクセスするにはどうすればよいですか?

  11. 11

    Angularコンポーネントの子に動的にアクセスまたはレンダリングするにはどうすればよいですか?

  12. 12

    React / Redux-ReactコンポーネントのReduxストアから値を表示するにはどうすればよいですか?

  13. 13

    それに反応して、別のコンポーネントのアイコンをクリックして、あるコンポーネントに表示するモーダルを取得するにはどうすればよいですか?

  14. 14

    Redux-サブコンポーネントからアプリの状態にアクセスするにはどうすればよいですか?

  15. 15

    componentWillUnmountに保存されているコンポーネントのredux状態をクリアするにはどうすればよいですか?

  16. 16

    ReactコンポーネントでネストされたRedux状態にアクセスするにはどうすればよいですか?

  17. 17

    reduxアクションをディスパッチするネストされたコンポーネントのイベントバブリングを停止するにはどうすればよいですか?

  18. 18

    Reactルーターを使用してReactの子コンポーネントではなくアプリコンポーネントにのみリンクを表示するにはどうすればよいですか?

  19. 19

    Reactの子関数型コンポーネントでアクションをトリガーするにはどうすればよいですか?

  20. 20

    親コンポーネントから別のボタンをクリックしたときに、子コンポーネントにあるボタンに動的クラス名を追加するにはどうすればよいですか?

  21. 21

    reduxに接続されたコンポーネントを孫として持つコンポーネントのストーリーブックストーリーを作成するにはどうすればよいですか?

  22. 22

    React:別のコンポーネントからコンポーネントにアクセスするにはどうすればよいですか?

  23. 23

    reactの複合コンポーネントからhtmlコンポーネントにアクセスするにはどうすればよいですか?

  24. 24

    コンポーネントの外からreact-nativeコンポーネントにアクセスするにはどうすればよいですか?

  25. 25

    コンポーネントの静的navigationOptionsでredux状態にアクセスするにはどうすればよいですか?

  26. 26

    親コンポーネントが動的に追加されたときに、親コンポーネントから子コンポーネントの値にアクセスするにはどうすればよいですか?

  27. 27

    特定のVueコンポーネントとその子にのみcssスタイルを適用するにはどうすればよいですか?

  28. 28

    reduxストアのデータでコンポーネントを更新するにはどうすればよいですか?

  29. 29

    Reduxコンテナを使用しているときにJestでアプリコンポーネントにアクセスするにはどうすればよいですか?

ホットタグ

アーカイブ