TypeScript をテストする
バージョン 20 以降、Node.js には組み込みの Node.js テストランナー(英語)の安定バージョンが付属しています。IntelliJ IDEA は組み込みのテストランナーとの統合をサポートしているため、サードパーティのフレームワークをインストールして構成しなくてもテストを実行できます。
IntelliJ IDEA は、ts-node(英語) および tsx(英語) ローダー用のすぐに使用できる構成を提供しているため、事前に JavaScript にコンパイルしなくても、TypeScript テストを実行してデバッグできます。または、カスタムローダーをインストールして、Node.js テストランナーの実行 / デバッグ構成を作成するの説明に従って構成することもできます。
エディターから直接テストを実行してデバッグしたり、Node.js テストランナータイプの実行 / デバッグ構成を起動したりできます。
始める前に
Node.js バージョン 20 以降がコンピューターにインストールされており、ローカル Node.js インタープリターとして構成されていることを確認してください。
ローダーをインストールします。組み込みターミナル (Alt+F12) で次のように入力します。
npm install --save-dev ts-nodeでts-nodeをインストールするnpm install --save-dev tsxでtsxをインストールする
エディターからテストを実行する
テストを実行するには、その横のガターにある
をクリックし、リストから実行 '<test name>' を選択します。
スイート内のすべてのテストを実行するには、その横のガターにある
をクリックし、リストから実行 '<suite name>' を選択します。
実行構成を介してテストを実行する
実行 / デバッグ構成を介してテストを実行すると、複数のテストファイルからテストを実行する必要がある場合に役立ちます。実行 / デバッグ構成を使用するもう 1 つの利点は、カスタムローダーを構成するオプションがあることです。
実行 / デバッグ構成を自分で作成することも、エディターからテストまたはスイートを実行するときに IntelliJ IDEA が作成する Node.js テストランナータイプの一時的な実行 / デバッグ構成を保存、編集、再利用することもできます。
に移動します。または、ツールバーの実行ウィジェットから実行構成の編集を選択します。
または、以前に生成された一時的な実行 / デバッグ構成を選択します。
開いた実行構成の編集ダイアログで、ツールバーの追加ボタン (
) をクリックし、リストから Node.js テストランナーを選択します。実行 / デバッグ構成: Node.js テストランナーダイアログが開きます。
使用する Node.js インタープリター、作業ディレクトリを指定し、実行するテストの範囲を選択します。
言語リストから、TypeScript を選択します。
ローダリストから、使用するローダーを選択します。デフォルトでは、tsx(英語) および ts -node(英語) との統合がすぐに使用できます。
または、カスタムローダーをインストールして構成します。例: jiti(英語) をインストールし、Node オプションフィールドに
-r jiti/registerと入力します。
実行をクリックします。
または、実行ウィジェットから既存の実行 / デバッグ構成を選択し、その横にある
をクリックします。
テスト結果を調べる
テスト結果は実行ツールウィンドウに表示されます。
テスト結果を調べるの詳細を参照してください。
テストの再実行
単一のテストを再実行するには、実行ツールウィンドウでテストを選択し、コンテキストメニューから実行 '<test name>' を選択するか、Alt+Shift+R を押します。
または、テストの横にあるガターアイコンを使用して再実行します。無視されたテスト、失敗したテスト、成功したテストを再実行するには、
、
、
をクリックし、リストから実行 '<test name>' を選択します。
スイート全体を再実行するには、スイートの横にあるガターアイコンをクリックし、リストから実行 '<suite name>' を選択します。
前回のセッションのすべてのテストを再実行するには、実行ツールウィンドウのツールバーで
をクリックします。
デバッグテスト
をクリックします。
関連ページ：
Node.js
Node.js は、サーバーやコマンドラインなど、ブラウザーの外部で JavaScript を実行するための軽量ランタイム環境です。IntelliJ IDEA は Node.js と統合されており、アプリケーションの構成、編集、実行、デバッグ、テスト、プロファイリング、保守を支援します。Node.js がアプリケーションのローカルランタイムとして、または npm パッケージの管理、JavaScript リンターの実行、ツールのビルド、フレームワークのテストなどにのみ必要な場合は、Node.js をイ...
テストの実行
テストを実行する方法はいくつかあります。ファイルまたはフォルダーから実行する方法、実行ウィジェットを使用する方法、構造ツールウィンドウから実行する方法などがあります。この記事では、テストの実行全般について説明します。特定のビルドツールに関する情報をお探しの場合は、以下を参照してください。Maven プロジェクトでのテスト、Gradle プロジェクトでのテスト、ファイルまたはフォルダー内で直接テストを実行するテストを開始する前に特定のアクションを必要とせず、コードカバレッジなどの追加オプションを構...
実行 / デバッグ構成
IntelliJ IDEA は、実行 / デバッグ構成を使用して、コードを実行、デバッグ、テストします。各構成は、何を実行し、どのパラメーターと環境を使用するかを定義する、名前付きのスタートアッププロパティのセットです。実行 / デバッグ構成には 2 つのタイプがあります。一時的 — 永続的な構成を持たないクラスを実行するたびに作成されます。これは、メソッドを持つクラスの実行を可能にする最低限のものを提供します。永続的 — テンプレートから明示的に作成されるか、一時的な構成を保存することによって作成...
テスト結果を調べる
IntelliJ IDEA でテストが実行されている間、テスト実行は実行ツールウィンドウのその実行構成のタブに表示されます。テスト実行が終了すると、そのタブでテスト結果を確認できます。右側のコンソールには、現在のテストセッションの出力が表示されます。テスト実行に関する詳細情報や、テストが失敗した理由や無視された理由を確認できます。コンソール出力をファイルに保存することもできます。テスト結果リストの上にあるテスト結果ツールバーを使用すると、成功したテストと無視されたテストの表示と非表示を切り替えた...
ブレークポイント
ブレークポイントは、特定のポイントでプログラムの実行を一時停止する特別なマーカーです。これにより、プログラムの状態と動作を調べることができます。ブレークポイントは、たとえば、特定のコード行に到達したときにプログラムを一時停止するなどの単純なものから、追加の条件をチェックしたり、ログに書き込んだりするなどのより複雑なロジックを含むものまであります。ブレークポイントは、一度設定すると、一時的なブレークポイントを除き、明示的に削除するまでプロジェクト内に残ります。ブレークポイントの種類：Intell
Angular
Angular は、クロスプラットフォームアプリケーションを構築するための一般的なフレームワークです。IntelliJ IDEA は Angular のサポートを提供し、新しい Angular アプリの作成やコンポーネントの作業からデバッグやテストまで、開発プロセスのすべてのステップで役立ちます。始める前に：Node.js をダウンロードしてインストールします。設定 | プラグインページのインストール済みタブで、JavaScript and TypeScript および Angular と Angul...