問題タブ [react-testing-library]
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.
javascript - Jest および react-testing-library で react-hooks を使用する方法
反応フックを使用しているコンポーネントのテストに問題があります。ボタンをクリックした後、ant design range picker 内の日付範囲が更新されているかどうかをテストする必要があります。テストには Jest と react-testing-library を使用しています。
この時点で、次のようになります: (これらのネストされたコンポーネントの一部は、単にスタイル付きコンポーネントです:))
親.jsx:
サイドバー.jsx:
DateSelect.jsx:
DateSelect.test.js:
予想どおり、setDateRange 関数を prop としてテスト内の DateSelect コンポーネントに渡していないため、範囲値は変更されません。次のように、テスト内にフックを追加しようとしました。
しかし、私は得ています:
フックは、関数コンポーネントの本体内でのみ呼び出すことができます。
なのでそこでは使えないと思います。これに対する解決策はありますか？setDateRangeフックのように機能するテスト内の関数を指定する方法は?
私はこれを見つけました: https://github.com/mpeyper/react-hooks-testing-library しかし、これはカスタムフック用のようですか?
このテストケースには、react-hooks を使用しない解決策があるのではないでしょうか? どんなアイデアでも大歓迎です。:)