問題タブ [react-testing]
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 - ブラウザのダウンロード機能のモック
script内部でDOM 要素を作成する React コンポーネントがあります。onloadこのスクリプトの処理とonerrorイベントに関する一連のロジックがあります。onloadおよびハンドラーはコンポーネントのonerror内部にあり、小道具を介して渡すことはできません。
このコードの Jest テストを書きたいのですが、ブラウザーのダウンロード機能をモックする方法がわかりません。スクリプトのダウンロード エラー、解析エラー、およびダウンロード/解析の成功 (ネットワーク呼び出しなし) をモックしたいと思います。それを行う方法はありますか？
reactjs - JEST カスタムフックをモックできません
カスタム フックを使用する以下のコンポーネントがあり、カスタム フックをモックする方法が見つかりません。助言がありますか ？
React 関数コンポーネントでのこのカスタム フックの使用法は次のとおりです。
javascript - React Testing Library - テスト時に DOM の現在の状態を確認する方法
React Testing Library を学んでいます (他の言語での TDD の長年の経験)
React Testing Library に関するこのドキュメントには、getByText失敗した場合、「ただし、テスト中の DOM の状態を出力する」と記載されています。
https://testing-library.com/docs/dom-testing-library/api-debugging/
ただし、これは現在の RTL では発生しません。
代わりに、これを取得します：
私のパッケージの依存関係は
さらに 2 つの質問があります。
テスト コード内で直接デバッガーにドロップできますか? https://testing-library.com/docs/dom-testing-library/api-debugging/は、ネイティブ JS デバッガーへのアクセスについて何も言及していません
DOM のスクリーンショットを撮って (これは実際にはヘッドレスではないので、いいえと思いますか?) 見てもいいですか?