問題タブ [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.

0 投票する
1 に答える
5104 参照

javascript - jest と react-testing-library を使用して、ローカルの setState 呼び出しをチェックするテストを作成します。

現在、react-testing-library を使用していますが、コンポーネントの setState をテストする方法がわかりません。

次の例では、読み込まれたアイテムの数が API からのデータに基づいて正しいことをテストしようとしています。後でこれを拡張して、アイテム間の相互作用などをテストします。

成分:

テスト:

これは jest モック関数と関係があることは理解していますが、状態の設定や API のシミュレーションで機能させる方法がわかりません。

サンプル実装 (動作中!)

コンポーネントをテスト可能にするための練習と学習により、これを機能させることができました。参照用の完全な例は次のとおりです

0 投票する
6 に答える
183828 参照

javascript - Jest および React テスト ライブラリを使用して className をテストする方法

私は JavaScript のテストにまったく慣れておらず、新しいコードベースで作業しています。要素の className をチェックするテストを書きたいと思います。私は Jest とReact Testing Libraryを使用しています。variant以下に、小道具に基づいてボタンをレンダリングするテストを示します。className も含まれており、それをテストしたいと思います。

Enzyme のようなプロパティをググってみましたがhasClass、何も見つかりませんでした。現在のライブラリ ( React Testing Libraryおよび Jest)でこれを解決するにはどうすればよいですか?