WebStorm 2026.1 Help

テストの実行

ファイルまたはフォルダー内で直接テストを実行する

テストを開始する前に特定のアクションを必要とせず、 コードカバレッジなどの追加オプションを構成したくない場合は、次のオプションを使用してテストを実行できます。

  • キャレットをテストに置き、 Ctrl+Shift+F10 を押します。 または、テストの横にある ガターアイコンをクリックし、リストから 「<test name>」を実行; を選択します。

    ガターアイコンは、テストの状態によって変わる:

    • ガターアイコンは、一連のテストを示します。

    • ガターアイコンは、新しいテストをマークします。

    • ガターアイコンは、成功したテストを示します。

    • ガターアイコンは、失敗したテストをマークします。

    エディターから単一のテストを実行する
  • To run all tests in a file, select this file in the プロジェクト tool window (Alt+1) , and then select 「<filename>」を実行 from its context menu.

    プロジェクトツールウィンドウからファイルでテストを実行する

実行ウィジェットを使用してテストを実行する

テストを実行すると、WebStorm は一時的な実行構成を作成します。 一時的な実行構成を保存したり、設定を変更したり、チームの他のメンバーと共有したりできます。 詳細は、 実行 / デバッグ構成 を参照してください。

  1. 新しい実行構成を作成するまたは一時的なものを保存します。

  2. メインツールバーの実行ウィジェットを使用して、実行したい構成を選択します。

  3. をクリックするか、 Shift+F10 を押します。

    テストの実行 / デバッグ構成の実行

Structure からテストを実行する

  • 構造 ツールウィンドウで、テストを右クリックし、 実行 'method name' (Ctrl+Shift+F10) を選択します。

    構造ツールウィンドウからテストを実行する

WebStorm はこのテストで一時的な実行構成を作成します。 この構成を再利用するには、必要に 応じて保存して編集します。

一時的なテスト構成を保存する

テスト用の実行構成を作成する

  1. 次のいずれかを実行して 実行 / デバッグ構成ダイアログを開きます。

    • メインツールバーの構成スイッチャーから、 実行 | 実行構成の編集 を選択します。

    • 実行 | 実行構成の編集 に進みます。

    • Alt+Shift+F10 を押して、コンテキストメニューから 構成の編集 を選択します。

    実行ウィジェットから構成の編集を選択する
  2. ツールバーの 新しい構成を追加 をクリックし、目的の構成タイプを選択します。

  3. 表示されたダイアログで、テストの実行前に実行するテストの範囲、構成パラメーター、アクティビティを指定します。 変更を適用し、ダイアログを閉じます。

WebStorm がテストの実行を終了すると、その実行構成のタブの 実行 ツールウィンドウに結果が表示されます。 テスト結果の分析について詳しくは、 テスト結果を調べる を参照してください。

テスト結果を表示するテストランナータブ

右側のコンソールには、現在のテストセッションの出力が表示されます。 テスト結果のリストの上にあるテスト結果ツールバーには、いくつかの便利なオプションがあります。

テスト結果ツールバー

コミット後にテストを実行する

変更をプッシュする前に、変更によってコードが壊れないことを確認したい場合は、コミットチェックとしてテストを実行します。

テスト構成をセットアップする

  1. テスト用の有効な実行 / デバッグ構成が少なくとも 1 つあることを確認してください。

  2. Alt+0 を押して コミット ツールウィンドウを開き、 コミットオプションを表示 設定ボタン をクリックします。

  3. 高度なコミットチェック 」メニューで、「実行構成 」オプションの横にある「構成を選択する 」をクリックし、実行する構成を選択します。

    ファイルを Git にコミットする前にテストを実行する

テスト構成をセットアップした後、コミットするたびに指定したテストが実行されます。

Non-modal commit dialog running a test

テストを停止

実行構成のタブのテスト結果ツールバーで次のオプションを使用します。

  • 停止ボタン をクリックするか Ctrl+F2 を押して、プロセスを直ちに終了します。

    テストの実行を停止する

テストの再実行

1 つのテストを再実行

  • 実行 ツールウィンドウの実行構成のタブでテストを右クリックし、 実行 'テスト名' を選択します。

1 つのテストを再実行

セッションですべてのテストを再実行する

  • 実行 ツールバーの 再実行ボタン をクリックするか、 Ctrl+F5 を押して、セッション内のすべてのテストを再実行します。

セッションからすべてのテストを再実行する

失敗したテストを再実行

  • 失敗したテストのみを再実行するには、テスト結果ツールバーの Rerun Failed Tests アイコン⁠ をクリックします。

    失敗した Karma テストを再開する

    失敗したテストとともに、前回のテスト実行中に無視された、または開始されなかったテストをトリガーするように IDE を構成できます。 実行 ツールバーの 設定ボタン をクリックし、 再実行失敗に未開始のテストを含める オプションを有効にします。

テストを自動的に再実行する(--watch モード)

WebStorm では、自動テストのようなランナーを有効にできます。現在の実行構成のテストは、関連するソースコードを変更すると自動的に再起動します。

  • 自動テストのようなランナーを有効にするには、テスト結果ツールバーで 自動的に再実行 をクリックします。

    自動的に再実行

失敗したテストをデバッグする

テストが失敗する理由がわからない場合は、デバッグすることができます。

  1. エディターで、ブレークポイントを設定する行のガターをクリックします。

    プログラムを中断したい場所に応じて、使用できるブレークポイントにはさまざまなタイプがあります。 詳細は、 ブレークポイント を参照してください。

  2. 失敗したテストの横にある ガターアイコンを右クリックし、 デバッグ 'テスト名' を選択します。

    テストはデバッグモードで再実行されます。 その後、テストは一時停止され、 現在の状態を確認できるようになります。

    テストをステップ実行して、その実行を詳細に分析できます。

    Debugging a test
2026 年 6 月 8 日