Protractor

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

2. JavaScript と TypeScript と Angular と AngularJS に必要なプラグインが 設定 | プラグイン ページで有効化されていることを確認してください。 詳細については、 プラグインの管理を参照してください。

Protractor をグローバルにインストールする

1. コマンドライン シェルまたは組み込みの ターミナル （Alt+F12 ）で、次のように入力してください：

   npm install -g protractor

2. 必要なバイナリをダウンロードするには、 webdriver-manager update と入力します。 Protractor の公式サイトでスタートする(英語)も参照してください。

Protractor 実行構成を作成する

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

2. 使用する Node.js ランタイムを指定します。

   Project エイリアスを選択した場合、PhpStorm は JavaScript ランタイムページの ノードランタイム フィールドにあるプロジェクトのデフォルトインタープリターを自動的に使用します。 ほとんどの場合、PhpStorm はプロジェクトのデフォルトランタイムを検出し、そのフィールドに自動的に入力します。

   別の構成済みのローカルインタープリターまたはリモートインタープリターを選択するか、 をクリックして新しいインタープリターを構成することもできます。

3. 分度器パッケージの場所と protractor.conf.js 設定ファイルへのパスを指定します。 標準インストールを実行した場合、PhpStorm はこれらのパスをすべて検出して、対応するフィールドに表示します。

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

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

1. Selenium サーバーを手動で起動するか、 protractor.conf.js で自動的に起動するように構成します。 詳細については、 Protractor オフィシャル Web サイト(英語)を参照してください。

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

3. 実行 ツールウィンドウの <current_run_configuration_name> タブで、サーバーからのメッセージを表示および分析します。

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

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

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

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

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

3. 開いた デバッグツールウィンドウ で、通常どおり続行します: プログラムをステップ実行し、プログラムの実行を 一時停止して再開し、 一時停止中に調査し、コールスタックと変数を調べ、ウォッチを設定し、変数を評価し、 実際の HTML DOM を表示するなどです。

   ソースマップを無視して実際に実行されているコードをステップ実行するには、 を デバッグ ツールウィンドウのツールバーで押してください。