問題タブ [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 - 反応テストライブラリを使用して、親コンポーネントで子コンポーネントのレンダリングを単体テストする方法は?
ここに元のコードを投稿することはできないので、私が達成したいことを説明しようとします。したがって、私のコンポーネントはメッセージを表示します。このメッセージは、親コンポーネントでレンダリングされている子コンポーネントの一部です。したがって、このロジックを単体テストしたいのですが、子をレンダリングするための単体テストの書き方がわかりません反応テスト ライブラリのコンポーネント。コード例:
したがって、react-testing-library を使用して、親コンポーネントでこの警告コンポーネントのレンダリングを実現するための単体テストを作成したいと考えています。
javascript - axiosをモックしてテストするにはどうすればよいですか?
反応ユニットテストの学習を始めたばかりで、モック全体が混乱し、理解できませんでした。
axios を使用してデータを取得し、ここでアプリ コンポーネントに表示します。
そして、 app.test.js で読み込みと名前付け全体をテストします。
そして、これらすべてのテストが成功します。
私が達成したいのは、app.test.jsで最も簡単な方法でモックして、axios自体をテストするにはどうすればよいですか?
reactjs - react-test-renderer と typescript を使用した MUI メニュー コンポーネントのテスト
与えられたコンポーネントMenu.tsx
そしてスナップショットのテストMenu.test.tsx
テストを実行すると、エラーが発生しますTypeError: parentInstance.children.indexOf is not a function。
グーグルで調べた後、 createNodeMock 関数を追加しようとしました:
エラーが発生しますArgument appears to not be a ReactComponent. Keys: type,props。
内部で何が起こっているのかよくわからないので、私が見つけた回避策はうまくいきませんでした。これをテストする正しい方法は何ですか？
codesanbox.ioへのリンク。
javascript - 機能コンポーネントで機能をテストする
カード コンポーネントを作成し、このテスト ケースを作成しましたが、テスト カバレッジ数を調べると、このコンポーネントのブランチ カバレッジは 50% であることがわかりました。そして、テストケースで不足している部分は onPress 関数の else 部分のテストです。
Q1. この不足している部分をテストしてカバレッジを増やすにはどうすればよいですか?
Q2. Card コンポーネントの onPress 機能を個別にテストするにはどうすればよいですか?