IntelliJ IDEA 2026.1 Help

JavaScript のテスト

テスト結果はツリービューで確認でき、そこからテストソースに簡単に移動できます。 テストのステータスは、エディターのテストの隣に表示され、すぐに実行またはデバッグするオプションがあります。

エディターから単一のテストを実行する

Jest、Karma、Mocha については、IntelliJ IDEA のコードカバレッジレポートを参照することもできます。

IntelliJ IDEA を使用すると、 テストに移動 アクション(Ctrl+Shift+T または 移動 | テスト )を使用して、ソースコードから関連するテストファイルにすばやく移動できます。 例: auth.js から auth.test.js に移動できます。

テストとスイートの名前、およびこのファイルで定義されているその他のシンボルを表示する 構造 ビューを使用して、テストファイルをすばやく移動することもできます。

テストの構造ビュー

構造 ツールウィンドウに移動するには、 Alt+7 を押します。 または、 Ctrl+F12 を押して構造ビューをポップアップとしてエディターに開きます。

テストの実行とデバッグ

JavaScript のテストを開始する前に、選択したテストランナーが対応するページに記載されているようにプロジェクトにインストールされて設定されていることを確認してください。

テストのデバッグセッション中に、 テストのステップ実行 、テストの実行の 停止と再開一時停止時のテストの検査コンソールでの JavaScript コードスニペットの実行などを行うことができます。

Mocha、Karma、Jest、Vitest を使用して単一のテストを迅速に実行またはデバッグする

  • テストを実行するには、その隣のガターで 実行ボタン または 再実行 をクリックし、リストから <test_name> の実行 を選択します。

  • テストをデバッグするには、必要に応じて ブレークポイントを設定し 、テストの横のガターで 実行ボタン または 再実行 をクリックし、リストから デバッグ <test_name> を選択します。

エディターからテストを実行およびデバッグする

実行 / デバッグ構成を作成する

  1. 実行 / デバッグ構成ダイアログ (実行 | 実行構成の編集) で、 新規構成の追加 をクリックし、適切な構成タイプを選択します。

  2. デフォルト設定を受け入れるか、必須フィールドにカスタム値を入力します。特定のテストフレームワークについてはヘルプを参照してください。

実行 / デバッグ構成を使用してテストを実行またはデバッグする

  • テストを実行するには、必要な構成を選択し、構成のリストまたはツールバーで 実行ボタン または Run with Coverage をクリックします。

    実行ウィジェット: テストの実行
  • テストをデバッグするには、必要に応じて ブレークポイントを設定し 、必要な構成を選択して、構成リストまたはツールバーの デバッグ をクリックします。

    実行ウィジェット: デバッグテスト
2026 年 3 月 30 日