JetBrains Rider 2026.1 Help

Mocha

Mocha(英語) は、非同期テストシナリオの実行に特に役立つ JavaScript テストフレームワークです。 JetBrains Rider の外部から Mocha テストを実行し、ツリー表示でテスト結果を確認し、そこからテストソースへ簡単に移動できます。 エディターのテストの横で、JetBrains Rider はテストのステータスを表示し、テストをすばやく実行またはデバッグできるオプションを提供します。

始める前に

  1. Node.js をダウンロードしてインストールします。

  2. 設定 | プラグイン ページの インストール済み タブで、 JavaScript および TypeScriptNode.js の必要なプラグインが有効化されていることを確認してください。 詳細については、 プラグインの管理を参照してください。

Mocha をインストールする

  • 埋め込まれた ターミナルAlt+F12 )で、次のいずれかのコマンドを入力します。

    • npm install mocha をプロジェクトにローカルインストールします。

    • グローバルインストール用の npm install -g mocha

    • npm install --save-dev mocha は、Mocha を 開発依存関係(英語)としてインストールします。

    Mocha の公式サイトでスタートする(英語)詳細を参照してください。

テストを書く

テストの実行

JetBrains Rider を使うと、エディターから Mocha テストをすぐに実行したり、いくつかまたはすべてのテストを実行するための実行/デバッグ構成を作成できます。

エディターから単一のテストを実行する

  • ガターで 実行ボタン または 再実行ボタン をクリックし、リストから 実行 <テスト名> を選択します。

    エディターから Mocha テストを実行する

    ガターの テストステータスアイコン テスト成功 および テスト失敗 により、エディターでテストが成功したか失敗したかを確認することもできます。

    ガターのテストステータス

Mocha 実行構成を作成する

  1. 実行 / デバッグ構成ダイアログ (メインメニューの 実行 | 実行構成の編集) を開き、左側のペインで 追加ボタン をクリックし、リストから Mocha を選択します。 実行/デバッグ構成:Mochaダイアログが開きます。

  2. 使用する Node.js ランタイムと mocha パッケージの場所を指定します。

  3. アプリケーションの作業ディレクトリを指定します。 デフォルトでは、 作業ディレクトリ フィールドにはプロジェクトのルートフォルダーが表示されます。 この事前定義された設定を変更するには、目的のフォルダーへのパスを指定してください。

  4. オプション:

    関連するソースファイルの変更時に自動的に再実行されるテストを構成します。 これを行うには、 追加 Mocha オプション フィールドに --watch フラグを追加します。

  5. 実行するテストを指定します。 これは、特定のテストまたはスイート、テストファイル全体、テストファイルを含むフォルダーにすることができます。

    一致するファイル(例: *.test.js )のテストのみを実行するパターンを定義することもできます。 テストを含むファイルが別のフォルダー(例: test )に保存されている場合は、パターン内でそのフォルダーへのパスを作業ディレクトリからの相対パスで指定します。

    ./folder1/folder2/test/*.test.js

  6. 実行するテストで使用する インターフェース(英語)を選択します。

Mocha 実行構成を介してテストを実行する

  1. 構成のリストから Mocha 実行 / デバッグ構成を選択し、リストまたはツールバーの 実行アイコン をクリックします。

  2. 実行 ツールウィンドウの テストランナー タブで、テストの実行を監視し、テスト結果を分析します。 詳細については、 テスト結果を調べるを参照してください。

    • クリックして違いを確認する リンクを使用して 差分ビューアー を開き、実際の結果を期待値と比較します。

    • 選択したテストのファイル名がリンクとして表示されます。 このリンクをクリックして、ソースコードに移動します。

  3. 実行 ツールウィンドウの テストランナー タブで、テストの実行を監視し、テスト結果を分析します。 詳細については、 テスト結果を調べるを参照してください。

    テスト実行の監視

失敗したテストの再実行

  1. テスト結果ツールバーの 失敗したテストの再実行アイコン をクリックします。 JetBrains Rider は前回のセッション中に失敗したすべてのテストを実行します。

    Mocha: 失敗したすべてのテストを再実行する
  2. 特定の失敗したテストを再実行するには、そのコンテキストメニューで 実行 <テスト名> を選択します。

    失敗した単一のテストをエディターから再実行する: コンテキストメニュー
  3. または、失敗したテストの横にあるガターで 失敗したテストのアイコン をクリックし、リストから 実行 <テスト名> を選択します。

    失敗した単一のテストをエディターから再実行する: ガターアイコン

詳細は、 テストの再実行を参照してください。

ナビゲーション

JetBrains Rider を使用すると、ファイルと関連テストファイルの間、または テストランナータブのテスト結果からテストに移動できます。

  • テストとそのサブジェクト間、またはその逆に移動するには、エディターでファイルを開き、コンテキストメニューから 移動 | テスト(S) または 移動 | テスト対象 を選択するか、 Ctrl+Shift+T を押します。

  • テスト結果からテスト定義に移動するには、「テストランナー 」タブでテスト名を 2 回クリックするか、コンテキストメニューから「ソースに移動 」を選択するか、単に F4 を押します。 テストファイルがエディターで開き、テスト定義にキャレットが置かれます。

  • 失敗したテストの場合、JetBrains Rider はスタックトレースからテストの失敗行へ移動します。 正確な行がスタックトレースにない場合は、テスト定義に移動します。

デバッグテスト

JetBrains Rider を使うと、エディターから Mocha テストのデバッグをすぐに開始できたり、いくつかまたはすべてのテストをデバッグするための実行/デバッグ構成を作成できます。

エディターから単一のテストのデバッグを開始する

  1. デバッグするテストの横のガターにブレークポイントを設定します。 実行 ツールウィンドウでテストをダブルクリックするか、 F4 を押すと、失敗したテストに移動できます。

  2. ガターで 実行ボタン または 再実行ボタン をクリックし、リストから デバッグ <テスト名> を選択します。

  3. デバッグ ツールウィンドウで、通常どおり操作します: プログラムをステップ実行プログラムの停止・再開中断時の確認 、コールスタックや変数の確認、ウォッチの設定、変数の評価、 実際のHTML DOM の表示などを行います。

Debug Mocha test

実行 / デバッグ構成を介してテストデバッグを起動する

  1. デバッグするテストの横にブレークポイントを設定します。 実行 ツールウィンドウでテストをダブルクリックするか、 F4 を押すと、失敗したテストに移動できます。

  2. 上記のように Mocha 実行 / デバッグ構成を作成します。

  3. 構成のリストから Mocha 実行 / デバッグ構成を選択し、リストまたはツールバーの デバッグアイコン をクリックします。

  4. デバッグウィンドウ が開いたら、通常どおり操作してください: プログラムをステップ実行し、 プログラムの実行を停止・再開し、 中断時に調査し、コールスタックや変数を確認し、ウォッチを設定して変数を評価し、 実際の HTML DOM を表示などができます。

コードカバレッジを監視する

JetBrains Rider を使って、コードがどれだけ Mocha テストでカバーされているか も監視できます。 JetBrains Rider は、専用の カバレッジ ツールウィンドウにこの統計情報を表示し、カバーされた行とカバーされていない行をエディターおよび エクスプローラー ツールウィンドウ (Alt+1) で視覚的にマークします。 カバレッジを監視するには、 Istanbul(英語) のコマンドラインインターフェースである nyc(英語) をインストールする必要があります。

ニューヨークをインストールする

  • 組み込み ターミナル (Alt+F12) で次のように入力します。

    npm install&#xa0;--save-dev nyc

カバレッジでテストを実行する

  1. テストを開始:

    • 上記のように Mocha 実行 / デバッグ構成を作成し、メインツールバーのリストから選択して、リストの右側にある カバレッジ付きで実行 をクリックします。

      カバレッジ付きの Mocha テストを開始する
    • または、エディターからのカバレッジを使用して特定のスイートまたはテストを実行します。左側のガターで 実行ボタン または 再実行ボタン をクリックし、リストから カバレッジで <test_name> を実行する を選択します。

  2. カバレッジツールウィンドウでコードカバレッジを監視します。 このレポートには、テストでカバーされたファイルの数と、その中にカバーされている行の割合が表示されます。 レポートから、ファイルに移動して、どの行が覆われていたか(緑色にマーキングされているか、どの行が覆われていないか)、赤色に表示されているかを確認できます。

    Mocha テスト: カバレッジレポート

Docker コンテナー内の Node.js で Mocha テストを実行する

JetBrains Rider を使うと、ローカルと同じ方法で Docker コンテナー内でも Mocha テストを実行できます。

始める前に

  1. Node.jsNode.js リモートインタープリターDocker の必要なプラグインが 設定 | プラグイン ページ、タブ インストール済み で有効化されていることを確認してください。 詳細については、 プラグインの管理を参照してください。

  2. Docker の説明に従って、 Docker をダウンロード、インストール、設定します。

  3. Docker で Node.js リモートランタイムを構成するまたは Docker Compose 経由でインストールし、プロジェクトの デフォルトとして設定してください。 また、このリモートランタイムに関連付けられたパッケージマネージャーが プロジェクトのデフォルトとして設定されていることを確認してください。

  4. package.json を開き、Mocha が devDependencies セクションにリストされていることを確認します。

    { "name": "node-express", "version": "0.0.0", "private": true, "dependencies": { "cookie-parser": "~1.4.4", "debug": "~2.6.9", "express": "~4.16.1", "http-errors": "~1.6.3", "morgan": "~1.9.1", "pug": "^3.0.2" }, "devDependencies": { "chai": "^4.3.4", "eslint": "^8.1.0", "http-server": "^14.0.0", "mocha": "^9.1.3" } }
  5. エディターの任意の場所を右クリックして、コンテキストメニューから 実行 '<パッケージマネージャー> install' を選択します。

テストの実行

  1. Mocha オフィシャル Web サイト(英語)の指示に従ってテストを作成します。

  2. ローカル開発と同じように進めてください。エディターから単一のテストを実行・デバッグしたり、上記の テストの実行および テストのデバッグとして説明されているように、いくつかまたはすべてのテストを起動するための実行/デバッグ構成を作成できます。

2026 年 6 月 12 日