問題タブ [reactjs-testutils]
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 - 反応するコンポーネントをテストする componentDidMount、各テスト後に新しいドキュメントにレンダリングするにはどうすればよいですか?
テストは実行されますが、同じドキュメントにレンダリングされます。componentDidMount スタイル コンポーネントでは、CSS テキストをクラスのヘッド内のスタイル要素に追加します.reactive-style(これは非正統的であり、特異な React ではないことに注意してください)。.reactive-styleが存在しない場合は、スタイル要素が作成され、head に追加されます。賢明なテスト - 簡単にするために - テストケースごとに新しいドキュメントにレンダリングする必要があります。
テストは次のようになります。
各テストで成長する head 内のターゲット スタイル要素の innerHTML を示す現在の出力 (望ましくない、テスト ケースごとに新しいドキュメントが必要):
2 番目のテストに最初の結果がどのように含まれているかがわかりますか? 目標は、新しいドキュメントにレンダリングすることでそれを回避することです。
.reactive-style要素のinnerHTMLを空白にするなど、いくつかのことを試しましdocument.head.querySelector('.reactive-style').innerHTML = '';たexpect()が、styleNode.textContentショーを空として実行すると機能しません(おそらくexpect()非同期で実行され、innerHTML同期的にクリアされるため)。乾杯、ご協力ありがとうございます。
reactjs - React コンポーネントのテストが失敗し続ける
TodoList コンポーネントをテストしているときに、このエラーが発生し続けます。
debug.html:38
不変違反:
要素の型が無効です:
文字列 (組み込みコンポーネントの場合) またはクラス/関数 (複合コンポーネントの場合) が必要ですが、オブジェクトを取得しました。
何が原因なのかわかりません。誰かが私を正しい方向に導くことができますか?
TodoList.js:
TodoList.test.js:
ソースコードへのリンク: ソースコードへのリンク
javascript - Reactjs テスト API 呼び出し
Reactjs を使用して開発したいのですが、API を呼び出すアプリ ( https://jsonplaceholder.typicode.com/users ) を作成しました。また、この呼び出しのテストを作成しましたが、この API を呼び出すことができませんでした。
.Net で小さな WebApi プロジェクトを作成しました。この WebApi には、この単純な構造の json を返すエンドポイントがあります{{person:1},{person:2}}。postman と Visual のブレークポイントを使用してこのエンドポイントをテストしたところ、機能しました。
ここで、React のテスト スイート (テスト スイートかどうかはわかりませんが、mpn テスト) を使用してこのエンドポイントを呼び出したいのですが、ビジュアルのブレークポイントがアクティブでないため、テストはエンドポイントを呼び出しません。 Reactjs テストで Api を呼び出せるかどうかはわかりません。
これはファイルです：