JavaScript のテスト
PhpStorm を使用すると、 Karma(英語)、 Vitest(英語)、 Jest(英語)、 Protractor(英語)、 Cucumber.js(英語)、 Mocha(英語)、 Node.js テストランナー(英語)を使用して JavaScript ユニットテストを実行およびデバッグできます。
テスト結果はツリービューで確認でき、そこからテストソースに簡単に移動できます。 テストのステータスは、エディターのテストの隣に表示され、すぐに実行またはデバッグするオプションがあります。
Jest、Karma、Mocha については、IntelliJ IDEA のコードカバレッジレポートを参照することもできます。
ナビゲーション
PhpStorm を使用すると、 テストに移動 アクション（Ctrl+Shift+T または ）を使用して、ソースコードから関連するテストファイルにすばやく移動できます。 例: auth.js から auth.test.js に移動できます。
テストとスイートの名前、およびこのファイルで定義されているその他のシンボルを表示する 構造 ビューを使用して、テストファイルをすばやく移動することもできます。
構造 ツールウィンドウに移動するには、 Alt+7 を押します。 または、 Ctrl+F12 を押して構造ビューをポップアップとしてエディターに開きます。
テストの実行とデバッグ
JavaScript のテストを開始する前に、選択したテストランナーが対応するページに記載されているようにプロジェクトにインストールされて設定されていることを確認してください。
テストのデバッグセッション中は、 テストのステップ実行 、テスト実行の一時 停止と再開、 一時停止時のテストの検査、 コンソールでの JavaScript コードスニペットの実行などを行うことができます。
Mocha、Karma、Jest、Vitest を使用して単一のテストを迅速に実行またはデバッグする
テストを実行するには、その隣のガターで
または 
をクリックし、リストから <テスト名> の実行 を選択します。テストをデバッグするには、必要に応じて ブレークポイントを設定し 、テストの横のガターで
または をクリックし、リストから <名前> のデバッグ を選択します。
実行 / デバッグ構成を作成する
実行 / デバッグ構成ダイアログ () で、
をクリックし、適切な構成タイプを選択します。デフォルト設定を受け入れるか、必須フィールドにカスタム値を入力します。特定のテストフレームワークについてはヘルプを参照してください。
実行 / デバッグ構成を使用してテストを実行またはデバッグする
テストを実行するには、必要な構成を選択し、構成のリストまたはツールバーで
または 
をクリックします。
テストをデバッグするには、必要な場所に ブレークポイントを設定し 、必要な構成を選択して、構成リストまたはツールバーで
をクリックします。