JSTestDriver

1. 設定で JavaScript and TypeScript プラグインが有効になっていることを確認します。 Ctrl+Alt+S を押して設定を開き、 プラグイン を選択します。 インストール済み タブをクリックします。 検索フィールドに JavaScript and TypeScript と入力します。 プラグインの詳細については、 プラグイン管理を参照してください。

2. JetBrains マーケットプレイスからプラグインをインストールする説明に従って、 設定 | プラグイン ページの Marketplace タブに JSTestDriver プラグインをインストールして有効にします。

   このプラグインを通じて、PhpStorm は JSTestDriver サーバーとアサーションフレームワークを提供します。 テストの作成中に、プラグインはユニットテストフレームワークを検出し、 <テストフレームワーク> のサポートを追加する インテンションアクションを提案します。

1. 選択したフレームワークをダウンロードして PhpStorm JavaScript ライブラリとして構成してください。

2. 次のいずれかを実行します：

   • ライブラリスコープにプロジェクトフォルダーを追加します。

   • <テストフレームワーク> のサポートを追加するインテンションアクションを使用して、テスト作成中にオンザフライでフレームワークサポートを有効にします。

   • Jasmine を使用するには、構成ファイルに jasmine-jstd-adapter を追加します。

     jsTestDriver.conf を開き、次のコードを入力します。

     load: lib/jasmine/jasmine.js lib/jasmine-jstd-adapter/JasmineAdapter.js

構成ファイルを作成するには

1. プロジェクト ツリーで、運用フォルダーとテストフォルダーの親フォルダーを選択し、コンテキストメニューから 新規 | ファイル を選択します。

2. 開いた 新規ファイル ダイアログで、拡張子 .jstd または .conf が付いた構成ファイルの名前を入力します。

3. エディターで新しいファイルを開き、現在のフォルダーへのフルパスと、それに関連してロードするファイルへのパスを指定します。 ファイル名パターンにはワイルドカードを使用します。

4. 構成ファイルは YAML を使用して完成させ、 テストランナー構成ファイルの説明を参照してください。

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

• 左側のガターの または をクリックして、リストから 実行 <test_name> を選択します。

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

JSTestDriver 実行構成を作成するには

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

2. 実行するテスト、構成ファイルへのパス、テスト実行前に実行するアクティビティを指定します。

WebStorm のデフォルト JSTestDriver テストサーバーを起動するには

1. プロジェクトに少なくとも 1 つの設定ファイルがあることを確認してください。

2. JSTestDriver サーバー ツールウィンドウ（表示 | Tool Windows | JSTestDriver サーバー​JSTestDriver​サーバー ）を開き、ツールバーの をクリックします。

ユニットテストでサーバーを停止するには

• ツールバーの をクリックします。

ブラウザーをキャプチャーするには

1. JSTestDriver サーバーを起動するがまだ実行されていない場合は、 JSTestDriver サーバー ツールウィンドウに切り替えます。

2. JSTestDriver の リモートコンソール を使用してローカルブラウザーを起動するには、次のいずれかの操作を行います。

   • 選択したブラウザーを示すアイコンをクリックしてください。

   • ブラウザーがすでに開かれている場合は、 URL を使用してブラウザーをキャプチャーする 読み取り専用フィールドの内容をコピーし、URL をアドレスバーに貼り付けます。

   いずれの場合も、選択したブラウザーを示すアイコンがアクティブになります。

3. JSTestDriver サーバー ツールウィンドウに切り替え、今開いたブラウザーを示すアイコンをクリックします。 PhpStorm は、テストを実行する準備ができたことを知らせるメッセージを表示します。

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

1. 構成の一覧から JSTestDriver の実行 / デバッグ構成を選択し、一覧またはツールバーの &#xa0; をクリックします。

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

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

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

デバッグテストを開始するには

1. 上記の説明に従って JSTestDriver 実行 / デバッグ構成を作成します。

2. 構成の一覧から JSTestDriver の実行 / デバッグ構成を選択し、一覧またはツールバーの &#xa0; をクリックします。

3. 開いた デバッグツールウィンドウ で、通常どおり進めてください： プログラムをステップ実行、 一時停止と再開、 中断時の調査 、コールスタックや変数の確認、ウォッチの設定、変数の評価、 実際の HTML DOM の表示などを行えます。

カバレッジでテストを開始する

1. 上記の説明に従って JSTestDriver 実行 / デバッグ構成を作成します。

2. JSTestDriver サーバーを起動すると ブラウザーをキャプチャーして 、テストを実行します。

3. 構成の一覧から JSTestDriver の実行 / デバッグ構成を選択し、一覧またはツールバーの &#xa0; をクリックします。

4. カバレッジツールウィンドウでコードカバレッジを監視します。

カバレッジ分析からファイルを除外するには

1. 上記の説明に従って JSTestDriver 実行 / デバッグ構成を作成します。

2. カバレッジ タブで、除外するファイルへのパスを指定します。