Protractor-getting-started

提供:Dev Guides
移動先:案内検索

分度器-はじめに

前の章で、分度器の基本を学びました。 この章では、インストールと設定の方法を学びましょう。

前提条件

Protractorをコンピューターにインストールする前に、次の前提条件を満たす必要があります-

Node.js

分度器はNode.jsモジュールであるため、非常に重要な前提条件は、コンピューターにNode.jsをインストールする必要があることです。 Node.jsに付属のnpm(JavaScriptパッケージマネージャー)を使用して、Protractorパッケージをインストールします。

Node.jsをインストールするには、公式リンク(https://nodejs.org/en/download/)に従ってください。 Node.jsをインストールした後、コマンドプロンプトで以下に示すようにコマンド node --version および npm --version を記述することにより、Node.jsおよびnpmのバージョンを確認できます-

前提条件

クロム

Googleが構築したWebブラウザーであるGoogle Chromeは、Seleniumサーバーを必要とせずにProtractorでエンドツーエンドのテストを実行するために使用されます。 [[1]]

Selenium WebDriver for Chrome

このツールは、Protractor npmモジュールに付属しており、Webアプリケーションと対話することができます。

分度器のインストール

私たちのコンピューターにNode.jsをインストールした後、次のコマンドの助けを借りてProtractorをインストールできます-

npm install -g protractor

分度器が正常にインストールされたら、以下に示すように、コマンドプロンプトで protractor --version コマンドを記述して、そのバージョンを確認できます-

分度器のインストール

Chrome向けWebDriverのインストール

Protractorをインストールした後、Selenium WebDriver for Chromeをインストールする必要があります。 次のコマンドの助けを借りてインストールすることができます-

webdriver-manager update

上記のコマンドは、プロジェクトで使用される必要なChromeドライバーを含むSeleniumディレクトリを作成します。

インストールと構成の確認

Protractorのインストール後に、サンプルで提供されているconf.jsを少し変更することで、Protractorのインストールと構成を確認できます。 このconf.jsファイルは、ルートディレクトリ node_modules/Protractor/example にあります。

このため、最初に同じディレクトリにtestingconfig.jsという名前の新しいファイルを作成します。 node_modules/Protractor/example

次に、conf.jsファイルで、ソースファイル宣言パラメーターの下に、testingconfig.jsを記述します。

次に、すべてのファイルを保存して閉じ、コマンドプロンプトを開きます。 以下のスクリーンショットに示すように、conf.jsファイルを実行します。

以下に示すように出力が得られれば、分度器の設定とインストールは成功です-

構成分度器

上記の出力は、conf.jsファイルのソースファイル宣言パラメーターで空のファイルを提供したため、仕様がないことを示しています。 しかし、上記の出力から、分度器とWebDriverの両方が正常に実行されていることがわかります。

インストールと構成の問題

ProtractorおよびWebDriverをインストールおよび構成する際に、次の一般的な問題に遭遇する場合があります-

Seleniumが正しくインストールされていません

これは、WebDriverのインストール中の最も一般的な問題です。 この問題は、WebDriverを更新しない場合に発生します。 WebDriverを更新する必要があることに注意してください。更新しないと、Protractorのインストールを参照できません。

テストが見つかりません

もう1つの一般的な問題は、Protractorを実行した後、テストが見つからないことを示していることです。 このためには、相対パス、ファイル名、または拡張子が正しいことを確認する必要があります。 また、conf.jsファイルは構成ファイル自体から始まるため、非常に慎重に記述する必要があります。