ページファクトリを使用したページオブジェクトモデル（POM）| Seleniumチュートリアル

例2：

• 「https://www.shoppersstop.com/brands」にアクセスします
• オートカレーのリンクに移動します。
• HauteCurryページに「StartNewSomething」というテキストが含まれているかどうかを確認します。

プログラムの構造

• すべてのWeb要素を初期化するためのコンストラクターであるshoppersstop.comのpagefactoryコンセプトを使用するオブジェクトリポジトリを含むshopperstopPagefactory.javaが作成され、開くアラートポップアップボックスを処理するメソッドcloseExtraPopup（）、HauteCurryをクリックするためのclickOnHauteCurryLink（）リンクしてverifyStartNewSomething（）を実行して、HauteCurryページに「Startnewsomething」というテキストが含まれているかどうかを確認します。
• Shopperstop_CallPagefactory.javaは、上記のすべてのメソッドを呼び出し、NSEサイトでそれぞれのアクションを実行するメインクラスファイルです。

shopperstopPagefactory.java

Shopperstop_CallPagefactory.java

ページファクトリを使用したPOM

ビデオチュートリアル–ページファクトリを使用したPOM

パートI

パートII

Factoryクラスは、ページオブジェクトの使用をより簡単かつ簡単にするために使用されます。

• まず、アノテーションでWeb要素を見つける必要があります @FindBy ページクラスで 。
• 次に、ページクラスをインスタンス化するときにinitElements（）を使用して要素を初期化します。

＃1） @FindBy：

@FindByアノテーションは、さまざまなロケーターを使用してWeb要素を検索および宣言するためにPageFactoryで使用されます。ここでは、Web要素を見つけるために使用される属性とその値を@FindByアノテーションに渡し、WebElementが宣言されます。

注釈を使用する方法は2つあります。

例えば：

ただし、前者はWebElementsを宣言する標準的な方法です。

'どうやって' はクラスであり、ID、XPATH、CLASSNAME、LINKTEXTなどの静的変数があります。
「使用する」 –静的変数に値を割り当てる。

上記で 例 、「id」属性を使用してWeb要素「Email」を検索しました。同様に、@ FindByアノテーションで次のロケーターを使用できます。

• クラス名
• css
• 名前
• xpath
• タグ名
• linkText
• partialLinkText

＃2）initElements（）：

initElementsは、PageFactoryクラスの静的メソッドであり、@ FindByアノテーションによって配置されたすべてのWeb要素を初期化するために使用されます。したがって、Pageクラスを簡単にインスタンス化できます。

また、POMはOOPSの原則に従っていることも理解する必要があります。

• WebElementsは、プライベートメンバー変数（データ非表示）として宣言されます。
• WebElementsを対応するメソッド（カプセル化）にバインドします。

ページファクトリパターンを使用してPOMを作成する手順

＃1） Webページごとに個別のJavaクラスファイルを作成します。

＃二） 各クラスで、すべてのWebElementを変数として宣言し（アノテーション– @FindByを使用）、initElement（）メソッドを使用して初期化する必要があります。宣言されたWebElementは、アクションメソッドで使用するために初期化する必要があります。

＃3） それらの変数に作用する対応するメソッドを定義します。

簡単なシナリオの例を見てみましょう。

• アプリケーションのURLを開きます。
• メールアドレスとパスワードのデータを入力します。
• ログインボタンをクリックします。
• 検索ページでログインメッセージが成功したことを確認します。

ページレイヤー

ここに2ページあります。

1. ホームページ – URLが入力されたときに開き、ログイン用のデータを入力するページ。
2. SearchPage –ログインに成功した後に表示されるページ。

ページレイヤーでは、Webアプリケーションの各ページが個別のJavaクラスとして宣言され、そのロケーターとアクションがそこに記載されています。

リアルタイムの例でPOMを作成する手順

＃1）ページごとにJavaクラスを作成します。

これで 例 、「ホーム」ページと「検索」ページの2つのWebページにアクセスします。

したがって、Page Layer（またはcom.automation.pagesなどのパッケージ）に2つのJavaクラスを作成します。

＃2）アノテーション@FindByを使用してWebElementsを変数として定義します。

私たちは以下と対話します：

• ホームページの電子メール、パスワード、ログインボタンフィールド。
• 検索ページに成功したメッセージ。

したがって、@ FindByを使用してWebElementsを定義します

例えば： 属性IDを使用してEmailAddressを識別する場合、その変数宣言は次のようになります。

＃3）WebElementsで実行されるアクションのメソッドを作成します。

以下のアクションがWebElementsで実行されます。

• (メールアドレス)フィールドにアクションを入力します。
• 「パスワード」フィールドにアクションを入力します。
• ログインボタンのアクションをクリックします。

例えば、 ユーザー定義メソッドは、WebElementのアクションごとに次のように作成されます。

ここでは、メインのテストケースからユーザーが入力を送信するため、Idはメソッドのパラメーターとして渡されます。

注意 ：テストレイヤーのメインクラスからドライバーインスタンスを取得し、PageFactory.InitElement（）を使用してページクラスで宣言されたWebElements（ページオブジェクト）を初期化するには、ページレイヤーの各クラスにコンストラクターを作成する必要があります。 。

ここではドライバーを開始しませんが、ページレイヤークラスのオブジェクトが作成されるときに、そのインスタンスがメインクラスから受信されます。

InitElement（） –メインクラスのドライバーインスタンスを使用して、宣言されたWebElementsを初期化するために使用されます。つまり、WebElementsはドライバーインスタンスを使用して作成されます。 WebElementsが初期化された後でのみ、アクションを実行するためのメソッドで使用できます。

以下に示すように、ページごとに2つのJavaクラスが作成されます。

HomePage.java

SearchPage.Java

テストレイヤー

テストケースはこのクラスで実装されます。 com.automation.testなどの別のパッケージを作成してから、ここでJavaクラス（MainClass.java）を作成します。

テストケースを作成する手順：

• ドライバを初期化し、アプリケーションを開きます。
• PageLayerクラスのオブジェクトを（Webページごとに）作成し、ドライバーインスタンスをパラメーターとして渡します。
• 作成されたオブジェクトを使用して、アクション/検証を実行するために、（各Webページの）PageLayerクラスのメソッドを呼び出します。
• すべてのアクションが実行されるまで手順3を繰り返してから、ドライバーを閉じます。

WebElementsの宣言に使用されるアノテーションタイプ階層

注釈は、UI要素のロケーション戦略を構築するために使用されます。

＃1）@FindBy

Pagefactoryに関して言えば、@ FindByは魔法の杖として機能します。それは概念にすべての力を追加します。これで、Pagefactoryの@FindByアノテーションが、通常のページオブジェクトモデルのdriver.findElement（）のアノテーションと同じように機能することがわかりました。 WebElement / WebElementsを見つけるために使用されます 1つの基準で 。

＃2）@FindBys

WebElementを見つけるために使用されます 複数の基準 与えられたすべての基準に一致する必要があります。これらの基準は、親子関係で言及する必要があります。つまり、これはAND条件付き関係を使用して、指定された基準を使用してWebElementsを検索します。複数の@FindByを使用して、各基準を定義します。

例えば：

WebElementのHTMLソースコード：

POMの場合：

上記の例では、WebElementの「SearchButton」は次の場合にのみ配置されます 両方に一致 id値が「searchId_1」で名前値が「search_field」の基準。最初の基準は親タグに属し、2番目の基準は子タグに属することに注意してください。

＃3）@FindAll

WebElementを見つけるために使用されます 複数の基準 そしてそれは与えられた基準の少なくとも1つに一致する必要があります。これは、WebElementsを見つけるためにOR条件付き関係を使用します。複数の@FindByを使用して、すべての基準を定義します。

例えば：

HTMLソースコード：

POMの場合：

上記の例では、WebElementの「ユーザー名」が 少なくとも1つに一致する 言及された基準の。

＃4）@CacheLookUp

WebElementがテストケースでより頻繁に使用される場合、Seleniumはテストスクリプトが実行されるたびにWebElementを検索します。これらの場合、特定のWebElementがすべてのTCにグローバルに使用されます（ 例えば、 ログインシナリオはTCごとに発生します）。このアノテーションを使用して、初めて読み取ったWebElementをキャッシュメモリに保持できます。

これにより、ページ内のWebElementを検索する必要がなく、メモリから参照を取得できるため、コードの実行速度が向上します。

これは、@ FindBy、@ FindBys、および@FindAllのいずれかのプレフィックスとして使用できます。

例えば：

また、このアノテーションは、属性値（xpath、ID名、クラス名など）があまり頻繁に変更されないWebElementにのみ使用する必要があることに注意してください。 WebElementが初めて検出されると、その参照はキャッシュメモリに保持されます。

そのため、数日後にWe​​bElementの属性に変更が発生すると、Seleniumは要素を見つけることができなくなります。これは、キャッシュメモリに古い参照が既にあり、WebElementの最近の変更を考慮しないためです。

PageFactory.initElements（）の詳細

InitElements（）を使用してWeb要素を初期化するPagefactoryの戦略を理解したので、メソッドのさまざまなバージョンを理解してみましょう。

私たちが知っているメソッドは、入力パラメーターとしてドライバーオブジェクトと現在のクラスオブジェクトを受け取り、ページ上のすべての要素を暗黙的かつプロアクティブに初期化することによってページオブジェクトを返します。

実際には、上記のセクションに示されているコンストラクターの使用は、他の使用方法よりも望ましい方法です。

メソッドを呼び出す別の方法は次のとおりです。

＃1） 「this」ポインタを使用する代わりに、現在のクラスオブジェクトを作成し、それにドライバインスタンスを渡して、パラメータを使用して静的メソッドinitElementsを呼び出すことができます。つまり、作成されたばかりのドライバオブジェクトとクラスオブジェクトです。

＃二） Pagefactoryクラスを使用して要素を初期化する3番目の方法は、「リフレクション」と呼ばれるAPIを使用することです。はい。「new」キーワードを使用してクラスオブジェクトを作成する代わりに、classname.classをinitElements（）入力パラメーターの一部として渡すことができます。

よくある質問

Q＃1）@FindByに使用されるさまざまなロケーター戦略は何ですか？

回答： これに対する簡単な答えは、@ FindByに使用されるさまざまなロケーター戦略はないということです。

これらは、通常のPOMのfindElement（）メソッドが使用するのと同じ8つのロケーター戦略を使用します。

1. id
2. 名前
3. クラス名
4. xpath
5. css
6. タグ名
7. linkText
8. partialLinkText

Q＃2）@FindByアノテーションの使用法にも異なるバージョンがありますか？

回答： 検索するWeb要素がある場合は、アノテーション@FindByを使用します。 @FindByを使用する別の方法と、さまざまなロケーター戦略についても詳しく説明します。

@FindByのバージョン1の使用方法はすでに見てきました。

@FindByのバージョン2は、入力パラメーターを次のように渡すことによるものです。 どうやって そして 使用する 。

どうやって webelementを識別するために使用するロケーター戦略を探します。キーワード を使用して ロケーター値を定義します。

理解を深めるために以下を参照してください。

• How.IDは、を使用して要素を検索します id 戦略とそれが識別しようとする要素はid =を持っています cidkeyword。

• How.CLASS_NAMEは、を使用して要素を検索します クラス名 戦略とそれが識別しようとする要素にはclass =があります newclass。

Q＃3）@FindByの2つのバージョンに違いはありますか？

回答： 答えは「いいえ」です。2つのバージョンに違いはありません。最初のバージョンは、2番目のバージョンと比較して短くて簡単です。

Q＃4）配置するWeb要素のリストがある場合、ページファクトリで何を使用しますか？

回答： 通常のページオブジェクトデザインパターンでは、同じクラスまたはタグ名に属する複数の要素を見つけるためのdriver.findElements（）がありますが、Pagefactoryを使用したページオブジェクトモデルの場合、そのような要素をどのように見つけるのですか？このような要素を実現する最も簡単な方法は、同じアノテーション@FindByを使用することです。

この行は、多くの人にとって頭を悩ませているように思われることを理解しています。しかし、はい、それは質問への答えです。

以下の例を見てみましょう。

Pagefactoryを使用しない通常のページオブジェクトモデルを使用して、以下に示すように、driver.findElementsを使用して複数の要素を検索します。

以下に示すように、Pagefactoryでページオブジェクトモデルを使用しても同じことが実現できます。

基本的に、WebElementタイプのリストに要素を割り当てると、要素の識別と検索中にPagefactoryが使用されているかどうかに関係なく、トリックが実行されます。

Q＃5）pagefactoryを使用しないPageオブジェクトデザインとPagefactoryを使用するPageオブジェクトデザインの両方を同じプログラムで使用できますか？

回答： はい、Pagefactoryを使用しないページオブジェクトデザインとPagefactoryを使用するページオブジェクトデザインの両方を同じプログラムで使用できます。あなたは以下のプログラムを通過することができます 質問＃6の回答 プログラムで両方がどのように使用されているかを確認します。

覚えておくべきことの1つは、キャッシュ機能を備えたPagefactoryの概念は動的要素では避ける必要があるのに対し、ページオブジェクトの設計は動的要素でうまく機能するということです。ただし、Pagefactoryは静的要素にのみ適しています。

Q＃6）複数の基準に基づいて要素を識別する別の方法はありますか？

複数のYouTubeビデオをmp3に変換する

回答： 複数の基準に基づいて要素を識別する別の方法は、アノテーション@FindAllおよび@FindBysを使用することです。これらの注釈は、渡された基準からフェッチされた値に応じて、単一または複数の要素を識別するのに役立ちます。

＃1）@FindAll：

@FindAllには複数の@FindByを含めることができ、単一のリスト内の任意の@FindByに一致するすべての要素を返します。 @FindAllは、ページオブジェクトのフィールドをマークして、ルックアップで一連の@FindByタグを使用する必要があることを示すために使用されます。次に、FindBy条件のいずれかに一致するすべての要素を検索します。

要素がドキュメントの順序であることが保証されていないことに注意してください。

@FindAllを使用する構文は次のとおりです。

説明： @FindAllは、@ FindBy基準のそれぞれに準拠する個別の要素を検索および識別し、それらをリストします。上記の例では、最初にid =” foo”の要素を検索し、次にclassName =” bar”で2番目の要素を識別します。

FindBy基準ごとに1つの要素が識別されたとすると、@ FindAllはそれぞれ2つの要素をリストします。基準ごとに複数の要素が識別される可能性があることを忘れないでください。したがって、簡単に言えば、@ FindAll と同等の動作 または @FindBy基準の演算子が渡されました。

＃2）@FindBys：

FindBysは、ByChainedで説明されているように、ルックアップでチェーン内の一連の@FindByタグを使用する必要があることを示すためにページオブジェクトのフィールドをマークするために使用されます。必要なWebElementオブジェクトが指定されたすべての基準に一致する必要がある場合は、@ FindBysアノテーションを使用します。

@FindBysを使用する構文は次のとおりです。

説明： @FindBysは、すべての@FindBy基準に準拠する要素を検索および識別し、それらをリストします。上記の例では、name =” foo”およびclassName =” bar”の要素を検索します。

@FindAllは、指定された基準で名前とclassNameで識別される要素が1つあると想定した場合、1つの要素をリストすることになります。

渡されたすべてのFindBy条件を満たす要素が1つもない場合、@ FindBysの結果はゼロ要素になります。すべての条件が複数の要素を満たしている場合、識別されたWeb要素のリストが存在する可能性があります。簡単に言えば、@ FindBys と同等の動作 そして @FindBy基準の演算子が渡されました。

詳細なプログラムを通じて、上記のすべてのアノテーションの実装を見てみましょう。

前のセクションで示したwww.nseindia.comプログラムを変更して、アノテーション@ FindBy、@ FindBys、および@FindAllの実装を理解します。

＃1）PagefactoryClassのオブジェクトリポジトリは次のように更新されます。

リストnewlist = driver.findElements（By.tagName（ 'a'））;

@FindBy （どのように=どのように。 タグ名 、using =“ a”）
民間 findbyvalueを一覧表示します。
@FindAll （{ @FindBy （className =“ sel”）、 @FindBy （xpath =” // a (@ id = ’tab5')”）}）
民間 findallvalueを一覧表示します。
@FindBys （{ @FindBy （className =“ sel”）、 @FindBy （xpath =” // a (@ id = ’tab5')”）}）
民間 findbysvalueを一覧表示します。

＃2）新しいメソッドseeHowFindWorks（）がPagefactoryClassに記述され、Mainクラスの最後のメソッドとして呼び出されます。

方法は以下のとおりです。