ReSharper 2026.1 Help

JavaScript によるユニットテストの支援

ReSharper は、Visual Studio で クニット(英語)および Jasmine(英語) フレームワークの単体テストを検出して実行できます。

ReSharper を利用すると、単一のユニットテスト、ファイル、プロジェクト、ソリューション内のすべてのテストを実行できます。 また、テストセッションで任意の数のテストを組み合わせて実行することもできます。

JavaScript ユニットのテスト設定の構成

Jasmine フレームワークを利用する場合は、ReSharper オプション の ツール | ユニットテスト | テストフレームワーク | JavaScript テスト ページでフレームワークのバージョンを選択してください Alt+R、O

デフォルトでは、テストが開始されると、ReSharper はデフォルトの Web ブラウザーを起動し、ユニットテストフレームワークからの出力を表示します。 テストを実行し、情報を ReSharper に報告します。 必要に応じて、ReSharper オプションの ツール | ユニットテスト | テストフレームワーク | JavaScript テスト ページでブラウザーを変更できます。 ブラウザーを起動せずに PhantomJS ライブラリでテストを実行することもできます。 これを行うには、 PhantomJS を選択し、PhantomJS 実行ファイルへのパスを指定し、必要に応じてデフォルトのコマンドライン引数を変更します。

テスト用にカスタム HTML ハーネスを指定できます。 ハーネスは Chutzpah テストランナー(英語)と互換性があり、 特別な Chutzpah プレースホルダー(英語)を使用できます。

カスタム HTML ハーネスを使用する

  1. ReSharper オプション Alt+R、O ツール | ユニットテスト | テストフレームワーク | JavaScript テスト ページで カスタム HTML ハーネスを有効にする チェックボックスをオンにします。

  2. ハーネスファイルがない場合は、空の HTML ファイルを作成し、 デフォルト実装をクリップボードにコピーする をクリックしてデフォルトのハーネステンプレートをファイルに貼り付けることができます。

  3. ハーネスファイルのファイル名またはパスを入力します。

  4. テストハーネスの場所 セレクタを使用して、ファイル名またはパスをテストランナーがどのように扱うべきかを指定します。

  5. オプション ダイアログで 保存 をクリックして変更内容を適用し、ReSharper に保存場所を任せるか、 保存先 セレクターから特定のレイヤーを選択して変更を保存します。 詳細については、 resharper 設定の管理と共有 をご参照ください。

現在のドキュメントでのテストの発見

ReSharper はサポートされているすべてのフレームワークのユニットテストスイートおよび単独のユニットテストをエディター内で検出し、エディター内の各項目の横に対応する アクションインジケーターを追加します:

次の例は、Jasmine フレームワークを使用して作成された単体テストスイートを示しています。

ReSharper は単体テストのさまざまな指標をエディターに表示する

ThemedIcon.UnitTestingOptionsPage.Screen.(グレー).png

この関数は、実行できる単体テストです。

ThemedIcon.UnitSession.Screen.(Gray).png

この関数は単体テストスイートであり、テストを含むものを実行できます

合格

ユニットテストは、最後の実行中に合格しました。

合格

ユニットテストスイートのテストは、最後の実行中に合格しました。

失敗

ユニットテストは最後の実行中に失敗しました。

失敗

単体テストスイートの少なくとも 1 つのテストが、最後の実行中に失敗しました。

現在のドキュメントでテストを実行またはデバッグする

現在のドキュメントでユニットテストを実行またはデバッグするには、いくつかの方法があります。 アクションインジケーター、メインメニュー、ショートカットを使用できます。

  • テストクラス内の単一のテストまたはすべてのテストを実行またはデバッグするには、その隣のアクションインジケーターをクリックするか、キャレットをテスト / テストスイートに置いて Alt+Enter を押します。 アクションリストで、テストの場合は 実行 、テストスイートの場合は すべて実行 を選択してください。

  • また、 ユニットテストの実行 ユニットテストの実行 Control+T R コマンドも使用できます。これらはメインメニュー(ReSharper | ユニットテスト )やコンテキストメニューにもあります。 これらのコマンドは、エディター内のキャレット位置や選択範囲によって動作が異なります:

    • テストスイート内の単一のテストまたはすべてのテストを実行またはデバッグするには、エディターのテスト / テストスイート名、またはその宣言内の任意の場所にキャレットを置きます。

    • 複数のテストを実行するには、エディターで目的のテストを選択します。

    • 現在のファイル内のすべてのテストを実行するには、すべてを選択するか、テストスイートの外側にキャレットを置きます。

テストの実行またはデバッグをどのように選択しても、実行の進行状況、結果、出力が Unit Test Sessions ウィンドウ に表示されます。 開いている 単体テストセッションがある場合、実行されたテストはそのセッションに追加されます。 テストセッションがないか、既存のセッションが ロックされている場合、新しいテストセッションが作成されます。

必要に応じて、再実行 最後に実行したテストを Control+T T を押すか、メニューから ReSharper | ユニットテスト | 前回の実行を繰り返し を選択することで、いつでも再実行できます。

エディターからの Jasmine 単体テストスイートの実行

ソリューションの単体テストを発見する

ReSharper は、Visual Studio(ReSharper | ユニットテスト | ユニットテスト または ReSharper | ウィンドウ | ユニットテスト 、または Control+Alt+T )に ユニットテストエクスプローラーウィンドウ を追加します。 このウィンドウを使用すると、ソリューション全体の サポートされているフレームワークのユニットテストを確認したり実行したりできます。 プロジェクトの単体テストは、プロジェクトの作成後にウィンドウに表示されることに注意してください。 現在開いているファイルのテストは自動的に更新され、開いているファイルで新しいテストを作成すると、すぐに ユニットテストエクスプローラー に表示されます。

ユニットテストエクスプローラー では、次のことができます:

  • ソリューション内のテストを探索:ユニットテストをツリービューで閲覧し、テストを検索・部分文字列でフィルター、プロジェクトや名前空間などによってユニットテストを再グループ化できます。

  • ビュー内でダブルクリックして、任意のテストまたはテストスイートのソースコードに移動します。

  • 選択したテストを 実行します。

  • 選択したテストおよびテストスイートから 単体テストセッションを作成するを選択したり、選択した項目を現在のテストセッションに追加したりできます。

ユニットテストエクスプローラーはソリューション全体からのテストを表示する

プロジェクトまたはソリューションで単体テストを実行またはデバッグする

単体テストエクスプローラー、ソリューションエクスプローラー、またはクラスビューからテストを実行またはデバッグできます。 単体テストエクスプローラーには、テストとテストスイートのみを表示できるという利点がありますが、他のウィンドウを使用する場合は、どのプロジェクト、ファイル、クラスにテストが含まれているかを知る必要があります。

  • 単体テストエクスプローラーからテストを実行するには、目的のテストを選択し、ツールバーの ユニットテストの実行 ユニットテストの実行 Control+T R をクリックします。

    複数のテストを選択するには、グループ化ノードを選択するか、 Ctrl キーを押しながら目的の項目をクリックします。 または、検索フィールドにクエリ文字列を入力して、実行前に一致しないテストをすべてフィルターで除外できます。この場合は、残りの一致するテストのみが実行されます。

  • ソリューションエクスプローラーまたは Class View からテストを実行またはデバッグするには、テストを含む 1 つ以上のアイテム (スイート、ファイル、フォルダー、プロジェクト) を選択し、メインメニュー (ReSharper | ユニットテスト) およびコンテキストメニューでも利用できる ユニットテストの実行 ユニットテストの実行 Control+T R コマンドを使用します。

  • ソリューション内のすべてのテストを実行またはデバッグするには、メインメニューで ReSharper | ユニットテスト | ソリューションからすべてのテストを実行 を選択するか、 Control+T L を押します。

テストの実行またはデバッグをどのように選択しても、実行の進行状況、結果、出力が Unit Test Sessions ウィンドウ に表示されます。 開いている 単体テストセッションがある場合、実行されたテストはそのセッションに追加されます。 テストセッションがないか、既存のセッションが ロックされている場合、新しいテストセッションが作成されます。

必要に応じて、再実行 最後に実行したテストを Control+T T を押すか、メニューから ReSharper | ユニットテスト | 前回の実行を繰り返し を選択することで、いつでも再実行できます。

単体テストセッションの使用

アプリケーションの特定の部分を対象とする単体テストを複数の単体テストセッションにグループ化できます。 単体テストセッションには、さまざまなプロジェクトのテストを含めることができます。 複数のテストセッションを作成し、必要に応じて個別に実行できます。 単一のテスト / テストスイートを複数の異なるテストセッションに含めることができます。

単体テストセッションの詳細については、「ユニットテストセッション 」を参照してください。

実行プロセス

ReSharper には、ユニットテストを実行するための複数の方法があります。 どの方法を選択しても、実行の進捗、テスト結果、出力が Unit Test Sessions ウィンドウ に表示されます。

テストは単体テストセッションで実行されているため、実行の進行状況は単体テストセッションウィンドウのツールバーのステータスバーに表示され、進行状況アイコンが現在実行中のテストの横に表示されます。 複数の単体テストセッションを同時に実行できます。

必要に応じて、ツールバーの 実行中のテストをトラック ThemedIcon.TrackRun.Screen.(Gray).png オプションを有効にすることができます。 オンの場合、テストツリー内の選択は、現在実行中のテストに自動的に切り替えられ、出力パネルは実行中に現在のテストの出力を常に表示します。

テスト実行時に出力を自動スクロール ThemedIcon.ScrollToBottom.Screen.(グレー).png オプションを有効にして、実行中のテストの出力に従うこともできます。

ReSharper: JavaScript でのユニットテストセッション

実行結果と出力を分析する

テスト実行が終了すると、結果がUnit Test Sessions ウィンドウで可視化されます。

出力ペイン (ツールバーの 出力を表示 出力を表示 ボタンを使用して右側または下部に配置できます) には、選択したテストの出力が表示されます。 テストが失敗した場合、ReSharper は失敗の簡単な情報を追加し、または例外のスタックトレースを表示します。 出力ペイン内のクリック可能なリンクを使用して、失敗に関係する型やメソッドに直接移動できます。 出力にソリューションに含まれないファイルへのリンクが表示された場合、このリンクをクリックすると対応するファイルタイプに関連付けられた外部アプリケーションでファイルを開くか、 Ctrl -クリックで Visual Studio で開くことができます。

デフォルトでは、ReSharper は出力内の長い行を出力領域の現在の幅に合わせて折り返します。 必要に応じて、 ツール | ユニットテスト ページの ユニットテストセッションの出力で長い行を折り返す チェックボックスをオフにすると、長い行を折り返さないようにできます(ReSharper オプション)。

ツールバーの グループ化 セレクターを使用してテストのグループ化を変更できます。セレクター上部ではテスト階層やプロジェクト構造などの事前定義済みグループ化モードを選択でき、下部ではカスタムのグループ化プロパティセットを選択できます。

ステータスバーには、セッション内のテストの合計数と、さまざまな状態のテスト数が表示されます。

ユニットテストフィルター

デフォルトでは、すべての状態のテストが表示されますが、対応するアイコンをクリックすると、その状態でテストをフィルターできます。 Ctrl -クリックで複数のアイコンを選択し、いくつかの異なる状態でテストを表示することもできます。

ユニットテストセッションウィンドウ内の各テストのステータスは、次のいずれかのアイコンで表示されます。

ThemedIcon.RunningTest.Screen.(グレー).png

単体テストは現在実行中です

ThemedIcon.TestPending.Screen.(グレー).png

単体テストは現在の実行で実行されるようにスケジュールされています

ThemedIcon.StatusUnknown.Screen.(グレー).png

単体テストは実行されませんでした

ThemedIcon.Success.Screen.(Gray).png

ユニットテストは前回のテスト実行で合格しました

ThemedIcon.Error.Screen.(Gray).png

前回のテスト実行でユニットテストが失敗しました

ThemedIcon.StatusAborted.Screen.(グレー).png

ユニットテストは最後のテスト実行で中止されました

ThemedIcon.StatusInconclusive.Screen.(グレー).png

ユニットテストは開始されましたが、ReSharper はテストランナーの出力を読み取ることができませんでした。 これは通常、テストの実行を中止したときに発生しますが、テストランナーでエラーが発生した可能性もあります。

グループ化項目のステータスを表示するために同じアイコンが使用されます (スイート、プロジェクトなど)

アイコンは各セッションのタブでも使用され、セッションの全体的な実行結果を表示します。

テストセッションツリーの上にある対応するアイコンは、各状態にあるテストの数を示しています。 ThemedIcon.UnitSession.Screen.(Gray).png アイコンは、セッション内のテストの総数を示します。

これらのアイコンを使用して、対応するステータスのテストのみが表示されるようにツリーをフィルタリングできます。

2026 年 6 月 12 日