React アプリケーションをテストする
ジェネレーターを使用して作成されたReact アプリケーションで Jest テスト(英語)を実行およびデバッグできます。 開始前に、 package.json の dependencies オブジェクトに react-scripts パッケージが追加されていることを確認してください。
エディターからテストを実行する
ガターで
または 
をクリックし、リストから <test_name> を実行する。 を選択します。
エディターのガターにある テストステータスアイコン
および 
でテストが合格したか失敗したかを確認できます。
実行 / デバッグ構成を介してテストを実行する
Jest 実行 / デバッグ構成を作成する
実行 / デバッグ構成ダイアログ (メインメニューの ) を開き、左側のペインで
をクリックし、リストから Jestⶠⶁⶠⱼⶠ を選択します。 実行/デバッグ構成: Jestダイアログが開きます。使用する Node.js ランタイムとアプリケーションの作業ディレクトリを指定します。 デフォルトでは、 作業ディレクトリ フィールドにはプロジェクトのルートフォルダーが表示されます。 この事前定義された設定を変更するには、目的のフォルダーへのパスを指定してください。
Jest パッケージ フィールドに、 react-scripts パッケージへのパスを指定します。
Jest オプション フィールドに
--env=jsdomと入力します。
実行 / デバッグ構成を介してテストを起動する
構成の一覧から Jest 実行 / デバッグ構成を選択し、一覧またはツールバーの
をクリックします。実行 ツールウィンドウの テストランナー タブで、テストの実行を監視し、テスト結果を分析します。 詳細については、 テスト結果を調べる を参照してください。
デバッグテスト
デバッグテスト
メインツールバーのリストから Jest 実行 / デバッグ構成を選択し、右側の
をクリックします。開いた デバッグツールウィンドウ で、通常どおり操作します： プログラムをステップ実行、 実行の停止・再開、 中断時の調査 、コールスタックや変数の確認、ウォッチの設定、変数の評価、 実際の HTML DOM の表示などが可能です。