ダウンロードとインストールの方法 Selenium のIDE Firefox &クロム
Krishna ルンタ
⚡ スマートサマリー
Selenium IDEはスタンドアロンアプリケーションではなくブラウザ拡張機能としてインストールされるため、セットアップ全体はアドオンのダウンロードとなります。 Firefox または、Chromeの場合は、クリックを1回押してレコーダーを開きます。
このチュートリアルでは、ダウンロードとインストールの方法を学びます Selenium IDE の Firefox (NAIST) と Google Chromeコンパイルもシステムパスへの配置も一切行われません。IDEはブラウザ拡張機能なので、ブラウザがアドオンが追加されたことを報告した時点でインストールは完了します。
⚠️ バージョンに関する注意： 以下のスクリーンショットはオリジナルからのものです Firefox-プラグイン Selenium IDE。そのビルドは、 Firefox バージョン55は2017年に従来のXULアドオンのサポートを終了しました。 Selenium 本日配布されるIDEは、 Firefox そして、プロジェクトを保存する Chrome .side HTML形式ではなく、別のフォーマットを使用しています。元の手順はすべてここに保存されており、現在の動作が横に記載されています。
インストールする方法 Selenium のIDE Firefox
以下は、ダウンロードとインストールの手順を段階的に説明したものです。 Selenium のIDE Firefox:
あなたが必要なもの
- Mozilla Firefox
- アクティブなインターネット接続
Mozilla をお持ちでない場合 Firefox まだ、からダウンロードできます firefox.com.
手順 1) 開く Firefox アドオンとダウンロード Selenium IDE
起動する Firefox に移動します Selenium IDE リスト Firefox アドオン。 「追加先」をクリックします Firefoxアドオンページは以下のスクリーンショットのようになります。
手順 2) [追加] をクリックします。
待つまで Firefox ダウンロードが完了したら、「追加」をクリックしてください。 Firefox まず、拡張機能が要求するアクセス権限の一覧を示す、以下のアクセス許可プロンプトが表示されます。
手順 3) [OK] をクリックします。
インストールが完了すると、確認メッセージが表示されます。表示された通知の「OK」をクリックしてください。
手順 4) クリックして開く Selenium IDE
以下を行うには、 Selenium IDEアイコンは現在、 Firefox ツールバーは以下に示すとおりです。
Selenium 次のスクリーンショットのように、IDEは独自のウィンドウで開きます。
Firefox の開発ツール Firefox
IDEをインストールするのはセットアップの半分に過ぎません。手順を記録するのは簡単ですが、手順を手動で記述するには、その手順が作用する要素の識別子が必要であり、それはブラウザのインスペクターから取得できます。
Firefox DevTools は、 Firefox これは、テスト対象のWebアプリケーションのHTML要素を検査するために使用する機能です。Seleneseコマンドが操作する要素の名前を提供します。
ステップ1） ページ上の任意の場所を右クリックし、「要素の検査」を選択します。ショートカット Ctrl + を使用することもできます Shift + I. コンテキストメニューは以下に表示されます。
ステップ2） ここに表示されているインターフェースでは、片側にページマークアップ、もう片側にスタイルが表示されています。
ステップ3） 要素を右クリックして CSS または XPathこれはオブジェクト識別に役立ちます。コピーした値をそのまま貼り付けることができるからです。 Target コマンドのフィールド。
注意： 同様に、Chromeの開発者ツールを使用してオブジェクトのプロパティを特定することもできます。以下のChromeパネルは、同じ機能を提供します。
両方のインスペクターは、IDE がビルド時に優先する id、name、class 属性も公開します。 ロケータ 録音中。
Selenium IDE は非推奨となり、開発は停止されました。つい最近、このプロジェクトが復活しました。新しい Selenium 非推奨の IDE と比較して多くの機能が欠けています。機能は追加されていますが、ペースは遅いです。すべての機能を探索するには、 Selenium IDE の場合は、古いバージョンを使用することをお勧めします。古いバージョンのIDEを使用するには
ステップ1） Firefox 54 ポータブルバージョンの確認 こちら
ステップ2） 仕様書や製品情報の確認は、 Selenium IDEのバージョン履歴 そしてインストールします。バージョン一覧は次のようになります。
以下の機能は、最新の IDE バージョンでは利用できない可能性があります。新しいバージョンが更新されるたびにチュートリアルを更新していきます。
⚠️ 現在の状況: サポートされていないアドオンを維持するためだけにサポートされていないブラウザを実行することは、もはや作業用マシンでは現実的な選択肢ではないため、上記の 2 つの手順は歴史的な背景として扱ってください。再構築された IDE は、以下を含む、従来のツールが有用であった機能のほとんどを網羅しています。 格納変数制御フローコマンドとコードのエクスポート。
プラグイン
Selenium IDE は追加のサポートをサポートできます Firefox 他のユーザーが作成したアドオンまたはプラグイン。 公式 Selenium IDEサイト リストの Selenium 現在までに利用可能なアドオン。他のものと同じようにインストールします Firefox アドオン。
デフォルトでは、 Selenium IDE には 4 つのプラグインがバンドルされています。
- Selenium IDE： C# フォーマッター
- Selenium IDE： Java フォーマッター
- Selenium IDE： Python フォーマッター
- Selenium IDE: Ruby フォーマッタ
これら 4 つのプラグインは次の場合に必要です。 Selenium Selenese をさまざまな形式に変換する IDE。
「プラグイン」タブには、インストールされているすべてのアドオンのリストが表示され、それぞれのバージョン番号と作成者名も表示されます（下のスクリーンショットを参照）。
ユーザー内線番号
Selenium IDEは、高度な機能を提供するユーザー拡張機能をサポートできます。ユーザー拡張機能は、 Javaスクリプト ファイル。オプション ダイアログ ボックスのこれらの 2 つのフィールドのいずれかに絶対パスを指定してインストールします。
- Selenium コア拡張機能 (user-extensions.js)
- Selenium IDE 拡張機能
以下のオプションダイアログで、2つのパスフィールドが強調表示されています。
ユーザー拡張機能は多数見つけることができます。 Selenium ダウンロードページ. このメカニズムは以下に属していたことに注意してください。 Selenium Core は、 Selenium 3. 現代のIDEは、独自のプラグインAPIを通じて拡張される。
インストールする方法 Selenium Chrome の IDE
以下は、ダウンロードとインストールの手順を段階的に説明したものです。 Selenium のIDE Google Chrome:
ステップ1） に行きます Selenium IDEサイト Chromeのダウンロードボタンをクリックしてください。
ステップ2） Chromeウェブストアの掲載ページを開いてください。 Selenium IDE拡張機能をダウンロードしてインストールしてください。
ステップ3） Chrome に追加するには、[Chrome に追加] ボタンをクリックしてください。 Selenium IDEから Google Chrome.
ステップ4） 拡張機能メニューに移動し、そのアイコンをクリックして開きます Selenium IDEを使用して、新しいプロジェクトに新しいテストを記録します。
Chrome ビルドと Firefox ビルドは同じ拡張子なので、一方のプロジェクトはもう一方のプロジェクトでも開きます。ブラウザストアの掲載内容は時間とともに変更されるため、ブックマークしたストアではなく、ステップ1の公式サイトから始めるようにしてください。 URL.
インストールの確認方法と最初のテストの記録方法
拡張機能が読み込まれたからといって、設定が正しく機能しているとは限りません。最も手っ取り早い確認方法は、簡単な音声を録音して再生してみることです。
- クリック Selenium IDEアイコン。ウェルカムダイアログには、新しいプロジェクトで新しいテストを記録する、既存のプロジェクトを開く、新しいプロジェクトを作成する、またはIDEを閉じる、という4つのオプションが表示されます。
- 最初のオプションを選択し、プロジェクトに名前を付けてください。
- 基地に入る URLこれはテスト対象アプリケーションのアドレスであり、プロジェクト内のすべてのテストで再利用されます。
- 新しいブラウザウィンドウが開きます URL 録画が開始されます。リンクをクリックするか、入力欄に文字を入力した後、IDEに戻って録画アイコンをクリックすると停止します。
- 保存アイコンをクリックします。IDE は、
.side拡大。 - テストを選択して再生をクリックします。記録された手順が赤いエラーマーカーなしで再生されれば、インストールは正常です。
最初のコマンドで失敗する最初の再生は、通常、ベースを指し示します。 URL インストール時ではなく。再生が途中で失敗する場合はロケーターの問題です。 検証および待機コマンド 生活費を稼ぐ。
一般的な修正方法 Selenium IDEのインストールに関する問題
インストールに関する苦情はほぼすべて、いくつかのパターンのいずれかに分類されます。最初の 2 つは、 Selenium プロジェクトそのもの。
- ツールバーにアイコンがありません。 拡張機能が有効になっていることを確認してください。
chrome://extensionsChromeでは、またはabout:addonsin Firefox、そしてそれを確認する Selenium IDEがオンになっています。 - 拡張機能は有効になっているが、まだ表示されない。 アイコンはツールバーが狭すぎるために隠れている可能性があります。Chrome では、アドレスバーの右側に領域をドラッグします。 Firefoxツールバーを右クリックし、「カスタマイズ」を選択して調整し、「完了」をクリックします。
- IDEは起動するが、何も記録されない。 記録ウィンドウは、IDEが起動したウィンドウである必要があります。手動で開いたタブでの記録は記録されません。
- 内部ページでは何も機能しません。 拡張機能は、設定画面や拡張機能画面などのブラウザ内部のページをスクリプト化できないため、通常のウェブページに対して記録してください。
- 管理されたブラウザはインストールをブロックします。 企業プロファイルでは、拡張機能のインストールは多くの場合ポリシーによって制御されており、管理者が拡張機能IDを許可する必要があります。
インストール方法 Selenium IDEコマンドラインランナー
この拡張機能は、インストールされているブラウザでのみテストを再生します。保存したプロジェクトを他のブラウザで並列実行したり、グリッド上で実行したりするには、コマンドラインランナーをインストールしてください。Node.jsとnpmが必要です。
npm install -g selenium-side-runner
各ブラウザにはそれぞれ専用のドライババイナリが必要です。対象とするブラウザ用のドライバをインストールしてください。
npm install -g chromedriver npm install -g geckodriver npm install -g edgedriver
ランナーとドライバーが準備できたら、ランナーをIDEが以前保存したプロジェクトファイルに向けてください。
selenium-side-runner /path/to/your-project.side
ランナーは、マシンのCPUコア数と同じ数のプロセスにスイートを分散させます。日常的なニーズのほとんどは、次の2つのフラグでカバーできます。 -c ブラウザを設定し、 --base-url これはプロジェクト全体を別の環境に再ターゲットするため、同じ録画をローカルビルドとステージングサーバーの両方で使用できるようになります。
selenium-side-runner -c "browserName=firefox" --base-url https://localhost
ここから、次の自然なステップは、記録と再生を後にし、同じチェックをコードで記述することです。 最初のWebDriverスクリプト ウォークスルーとより広い Selenium シリーズ。
