WebStorm 2025.3 ヘルプ

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

WebStorm では、テストとテスト対象の間をすばやく移動できます。

一般的なテスト手順の詳細については、「テストの実行」を参照してください。

言語およびフレームワーク固有のガイドラインについては、JavaScript のテストNode.js のテスト言語およびフレームワークを参照してください。

テストからテスト対象へ移動

  1. エディターでテストファイルを開きます。

  2. エディターのコンテキストメニューから移動 | テスト対象を選択するか、Ctrl+Shift+T を押します。

    Navigate from a test to its subject

    現在のテストファイルのテスト対象がエディターの専用タブで開き、フォーカスが取得されます。

ファイルからそのテストに移動する

  1. エディターでファイルを開きます。メソッドからそのテストに移動する場合は、このメソッドにキャレットを置きます。

  2. 複数のテストがテスト対象に関連付けられている場合は、リストから目的のテストを選択します。現在のファイルのテストがエディターの専用タブで開き、フォーカスが取得されます。

    Select the test to jump to

テスト宣言に移動

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

    Jump to test declaration
2024 年 10 月 08 日

関連ページ:

テストの実行

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

JavaScript のテスト

WebStorm を使用すると、Karma、Vitest、Jest、Protractor、Cucumber.js、Mocha、Node.js テストランナーを使用して JavaScript ユニットテストを実行およびデバッグできます。テスト結果はツリービューで確認でき、そこからテストソースに簡単に移動できます。テストのステータスは、エディターのテストの隣に表示され、すぐに実行またはデバッグするオプションがあります。Jest、Karma、Mocha については、WebStorm のコードカバレッジ...

Node.js のテスト

WebStorm を使用すると、多数のフレームワークを使用して Node.js アプリケーションをテストできます。現在のページでは、非同期テストシナリオの実行に特に役立つ JavaScript テストフレームワークである組み込みの Node.js テストランナーまたは Mocha を使用したテストについて説明します。WebStorm の外部から Mocha テストを実行し、ツリービューに配置されたテスト結果を調べ、そこからテストソースに簡単に移動できます。WebStorm は、エディターのテストの隣...

言語およびフレームワーク

WebStorm は、JavaScript およびその他の多くの関連テクノロジをそのままサポートしています。以下に、サポートされている言語、フレームワーク、テクノロジーのリストと、対応するチュートリアルへのリンクを示します。言語 JavaScript,TypeScript,HTML,Markdown,XML,JSON,YAML, シェルスクリプト。スタイルシート CSS,Sass、SCSS、Less,Tailwind CSS. フレームワークおよびライブラリ React,Angular,Vue, ヌクスト ,...

テスト結果を調べる

WebStorm でテストが実行されている間、テスト実行は実行ツールウィンドウのその実行構成のタブに表示されます。テスト実行が終了すると、そのタブでテスト結果を確認できます。右側のコンソールには、現在のテストセッションの出力が表示されます。テストの実行に関する詳細情報と、テストが失敗したか無視された理由を確認できます。テスト結果リストの上にあるテスト結果ツールバーを使用すると、成功したテストと無視されたテストの表示と非表示を切り替えたり、各テストの実行にかかった時間を表示したり、テスト結果をエク...

コードカバレッジ

WebStorm を使用すると、コードのどの程度がテストでカバーされているかを監視することもできます。WebStorm は、専用のカバレッジツールウィンドウにこの統計を表示し、カバーされた行とカバーされていない行をエディターとプロジェクトツールウィンドウに視覚的にマークします。カバレッジ測定の結果はカバレッジスイートに保存されます。既存のスイートのいずれかとマージすることもできます。この場合、その行が少なくとも 1 回のテスト実行でカバーされていれば、そのラインはカバーされていると見なされます...