Protractor
Protractor (英語) は、 Angular(英語) および AngularJS(英語) アプリケーション用のテストフレームワークです。 Protractor は、実際のブラウザーで実行されているアプリケーションに対してテストを実行し、テスト結果の正確さと信頼性を保証します。 JetBrains Rider は Protractor と連携しているため、IDE 内からテストを実行およびデバッグできます。 テスト結果はツリービューで確認でき、そこからテストソースに簡単に移動できます。
始める前に
Protractor をインストールする
Protractor は、ローカルに、プロジェクトに、またはグローバルにインストールできます。 グローバルインストールが望ましい
Protractor をグローバルにインストールする
組み込み ターミナル (Alt+F12) で次のように入力します。
npm install -g protractor必要なバイナリをダウンロードするには、
webdriver-manager updateと入力します。 Protractor の公式サイトでスタートする(英語)も参照してください。
テストの実行
Protractor テストは、実行 / デバッグ構成でのみ起動されます。
Protractor 実行構成を作成する
実行 / デバッグ構成ダイアログ (メインメニューの ) を開き、左側のペインで
をクリックし、リストから Protractor を選択します。 実行/デバッグ構成：Protractorダイアログが開きます。使用する Node.js ランタイムを指定します。
プロジェクト エイリアスを選択すると、JetBrains Rider は ノードランタイム フィールドがある JavaScript ランタイムページのプロジェクトデフォルトインタープリターを自動的に使用します。 ほとんどの場合、JetBrains Rider はプロジェクトのデフォルトランタイムを検出し、フィールドに自動入力します。
別の構成済みのローカルインタープリターまたはリモートインタープリターを選択するか、
をクリックして新しいインタープリターを構成することもできます。分度器パッケージの場所と protractor.conf.js 設定ファイルへのパスを指定します。 標準インストールを行った場合、JetBrains Rider はすべてのパスを検出して対応するフィールドに表示します。
実行するテストを指定します。 これは、特定のテストまたはスイート、テストファイル全体、テストファイルを含むフォルダーにすることができます。
実行構成を介してテストを実行する
Selenium サーバーを手動で起動するか、 protractor.conf.js で自動的に起動するように構成します。 詳細については、 Protractor オフィシャル Web サイト(英語)を参照してください。
構成のリストから Protractor 実行 / デバッグ構成を選択し、リストまたはツールバーの
をクリックします。実行 ツールウィンドウの <current_run_実行構成名> タブで、サーバーからのメッセージを表示および分析します。
ナビゲーション
JetBrains Rider を使用すると、ファイルと関連テストファイルの間、または テストランナータブのテスト結果からテストに移動できます。
テストとそのサブジェクト間、またはその逆に移動するには、エディターでファイルを開き、コンテキストメニューから または を選択するか、 Ctrl+Shift+T を押します。
テスト結果からテスト定義に移動するには、「テストランナー 」タブでテスト名を 2 回クリックするか、コンテキストメニューから「 」を選択するか、単に F4 を押します。 テストファイルがエディターで開き、テスト定義にキャレットが置かれます。
デバッグテスト
Protractor テスト用のデバッグセッションは、実行 / デバッグ構成でのみ開始されます。
デバッグテストを開始するには
上記のように Protractor 実行 / デバッグ構成を作成します。
構成のリストから Protractor 実行 / デバッグ構成を選択し、リストまたはツールバーの
をクリックします。デバッグウィンドウ が開いたら、通常どおり操作してください： プログラムをステップ実行し、 プログラムの実行を停止・再開し、 中断時に調査し、コールスタックや変数を確認し、ウォッチを設定して変数を評価し、 実際の HTML DOM を表示などができます。