WebStorm 2024.3 ヘルプ

テスト結果を調べる

WebStorm でテストが実行されている間、テスト実行は実行ツールウィンドウのその実行構成のタブに表示されます。テスト実行が終了すると、そのタブでテスト結果を確認できます。

Test Runner tab

右側のコンソールには、現在のテストセッションの出力が表示されます。テストの実行に関する詳細情報と、テストが失敗したか無視された理由を確認できます。

テスト結果リストの上にあるテスト結果ツールバーを使用すると、成功したテストと無視されたテストの表示と非表示を切り替えたり、各テストの実行にかかった時間を表示したり、テスト結果をエクスポートインポート並べ替えたりすることができます。

The Test Results toolbar

実行構成タブの各テストの横に、IDE はテストステータスアイコンを表示します。

アイコン

説明

Test error

テストエラー。このステータスは、テスト済みのソースコードから例外を発生させたテストに割り当てられます。

Test failed

テストに失敗しました。少なくとも 1 つの子テストが失敗した場合、そのすべての親テストが失敗としてマークされます。

Test ignored

テストが無視されました。

Test in progress

テスト中です。

Test passed

テストは正常に終了しました。

Terminated

テストは終了しました。このステータスは、停止されたテストに割り当てられます。

少なくとも 1 つのテストがこのステータスを受け取ると、すべての未完了のテストとその親テストに終了のマークが付けられます。

テスト結果の並べ替えとフィルタリング

失敗したテストのみに焦点を当てる場合、またはテスト結果を再編成する場合は、テスト結果ツールバーの次のオプションを使用します。

Filter test results options in the tests results toolbar
  • 成功したテストを非表示にするには、the Show Passed button 成功を表示オプションを無効にします。

  • 無視されたテストを非表示にするには、the Show Ignored button 無視対象を表示オプションを無効にします。

  • the Sorting Options button をクリックし、テスト結果を並べ替える方法を選択します。

    • スイートを常に上に表示 – クリックすると上部にスイートが表示されます。

    • アルファベット順にソート – クリックすると、テスト結果がアルファベット順に並べ替えられます。

    • 時間で並べ替え – クリックしてテストノードをリストの先頭に配置します。

テスト実行の追跡

WebStorm では、現在のテストの実行を監視できます。テストスイートに複数のテストが含まれている場合、テストのリストが展開され、1 つずつ実行されるテストメソッドが表示されます。

  • テストの実行を監視するには、ツールバーの  the More button 詳細をクリックし、テストランナーの設定 | 実行中のテストを追跡に移動します。実行中のテストを追跡が選択されていることを確認します。

    Track test execution

テスト結果を管理する

  • テスト結果ツールバーで the More button をクリックし、テストランナーの設定を選択して、次のオプションを有効にします。

    • 実行中のテストを追跡 : 現在のテストの実行を監視します。

    • インライン統計情報を表示 : テストの実行時間を表示します。

    • スタックトレースへスクロール : テストが失敗する前に大量の出力 (ログなど) を生成した場合、このオプションは、実行構成タブでテストを選択すると、出力コンソールをアサーション失敗まで自動的にスクロールします。

    • インライン統計を表示する : 各テストの実行時間を表示します。

    • 例外のソースを開く : このオプションをオンにして実行構成タブで失敗したテストメソッドをダブルクリックすると、エディターは例外がスローされた行までスクロールします (テストメソッドの宣言までスクロールする代わりに)。

    • シングルクリックで移動 : 選択したテストのコードをエディターで自動的に開きます。

    • 終了時に最初の失敗したテストを選択 : テストセッションが完了すると、リストで最初に失敗したテストが自動的に選択されます。

統計の表示

  • テストの実行時間を表示するには、テスト結果ツールバーで the More button をクリックし、テストランナーの設定を選択して、インライン統計情報を表示オプションを有効にします。

    Unit test statistics

テスト宣言に移動

  • テストランナータブのリストから必要なテストを選択し、F4 を押します。または、テストを右クリックしてソースに移動を選択します。

    Jump to test declaration

テスト結果へ移動

  • ガター内の the Run Ignored Test iconthe Rerun Failed Test iconthe Rerun Successful Test icon をクリックし、リストからテストツリーで「<test name>」を選択しますを選択します。

    Jump from test to its result

assertEquals の相違点を表示

単体テストに文字列 assertEquals エラーが含まれている場合、IDE を使用して文字列を比較し、相違点を表示できます。

  1. 必要なテストを右クリックし、コンテキストメニューから assertEquals の相違点を表示を選択します。

    Option to view assertEquals difference

    または、右側のコンソールの差異を見るにはクリックしてくださいリンクを使用します。

    Link to view assertEquals difference
  2. 専用の差分ビューアー内の文字列を比較します。

    Viewing assertEquals difference

以前のテストの結果を表示する

WebStorm は、最後の 10 回のテストセッションの結果を自動的に保存します。最近のテストセッションのリストを開くには:

  • テスト結果ツールバーの Test History アイコンをクリックし、リストから必要なテストセッションを選択します。

    各テストセッションのリストには、実行構成名とタイムスタンプが表示されます。

    Viewing results of previous tests

    テスト結果を保持したり、チームと共有したりする場合は、テスト結果をファイルにエクスポートすることもできます。

テスト結果のエクスポートとインポート

テスト結果をファイルにエクスポートする

  1. テスト結果ツールバーで The More button をクリックし、次に テスト結果のエクスポートをクリックします。

    Using the test results toolbar to export test results
  2. ファイルを保存する形式を選択します。

    • HTML : 定義済みのテンプレートから HTML ファイルを生成します。

    • XML : このファイルを後で WebStorm にインポートする場合は、この形式を使用してください。

    • カスタム、XSL テンプレートを適用する : カスタム XSL(英語) テンプレートを使用して、生の XML 出力から HTML ファイルを生成します。このオプションの横にある Browse button をクリックし、*.xsl コードスタイル定義ファイルを選択します。

  3. 出力ファイルの名前とその場所を指定します。

  4. エクスポート後にブラウザーでファイルを開く場合は、エクスポートしたファイルをブラウザーで開くチェックボックスをオンにします。OK をクリックします。

    Export test results to a file

テスト結果のインポート

  1. 以前にエクスポートしたファイルを読み込むには、テスト結果ツールバーの Import Tests from File をクリックします。

    Import test results

    まだテストを実行しておらず、テスト結果ツールバーを含むツールウィンドウが使用できない場合は、Ctrl+Shift+A を押して Import Tests from File と入力します。

    Find Action: Import Tests
  2. 開いたファイルシステムダイアログで、テスト結果を含む .xml ファイルを選択し、オープンをクリックします。

関連ページ:

ファイルの差分ビューアー

この差分ビューアーは、2 つのファイルまたはファイルの 2 つのバージョン (ローカルの変更、またはローカルファイルとリモートリポジトリ内のそのリビジョン間の変更) を比較するときに表示されます。バイナリや .jar ファイルなど、あらゆる種類のファイルを比較できます。これを開くには、比較する 2 つのファイル、またはそのバージョンを比較するファイルを選択し、を押します。差分ビューアーが新しいタブで開きます。差分ビューアーは、コード補完、ライブテンプレート、その他の機能を有効にする強力なエディター...

実行 / デバッグ構成

WebStorm は、実行 / デバッグ構成を使用して、コードを実行、デバッグ、テストします。各構成は、何を実行し、どのパラメーターと環境を使用するかを定義する、名前付きのスタートアッププロパティのセットです。実行 / デバッグ構成には 2 つのタイプがあります。一時的 — コンテキストメニューからを選択するたびに作成されます。コンテキストメニューを呼び出すには、オブジェクトまたは領域を右クリックします。永続的 — テンプレートから明示的に作成されるか、一時的な構成を保存することによって作成されま...

テストの実行

ファイルまたはフォルダー内で直接テストを実行するテストを開始する前に特定のアクションが必要なく、コードカバレッジなどの追加オプションを構成したくない場合は、次のオプションを使用してテストを実行できます。キャレットをテストに置き、を押します。または、テストの横にあるガターアイコンをクリックし、リストから実行 '<test name>' を選択します。ガターアイコンは、テストの状態に応じて変化します。ガターアイコンは、一連のテストを示します。ガターアイコンは、新しいテストをマークします。...

テストとテスト対象間を移動する

WebStorm では、テストとテスト対象の間をすばやく移動できます。一般的なテスト手順の詳細については、「テストの実行」を参照してください。言語およびフレームワーク固有のガイドラインについては、JavaScript のテスト、Node.js のテスト、言語およびフレームワークを参照してください。テストからテスト対象へ移動エディターでテストファイルを開きます。エディターのコンテキストメニューからを選択するか、を押します。現在のテストファイルのテスト対象がエディターの専用タブで開き、フォーカスが...