Objektový model stránky (POM) s nástrojom Page Factory | Výukový program pre selén

Príklad 2:

• Prejdite na „https://www.shoppersstop.com/brands“
• Prejdite na odkaz Haute curry.
• Skontrolujte, či stránka Haute Curry obsahuje text „Spustiť niečo nové“.

Štruktúra programu

• shopperstopPagefactory.java, ktorá obsahuje úložisko objektov s využitím konceptu pagefactory pre shoppersstop.com, čo je konštruktor na inicializáciu všetkých webových prvkov, metódy closeExtraPopup () na spracovanie vyskakovacieho okna s upozornením, ktoré sa otvorí, kliknite na tlačidloOnHauteCurryLink () a kliknite na Haute Curry Prepojením a overenímStartNewSomething () overte, či stránka Haute Curry obsahuje text „Spustiť nové niečo“.
• Shopperstop_CallPagefactory.java je súbor hlavnej triedy, ktorý volá všetky vyššie uvedené metódy a vykonáva príslušné akcie na webe NSE.

shopperstopPagefactory.java

Shopperstop_CallPagefactory.java

POM pomocou Page Factory

Videonávody - POM s funkciou Page Factory

Časť I.

Časť II

Trieda Factory sa používa na zjednodušenie a zjednodušenie používania objektov stránky.

• Najskôr musíme nájsť webové prvky pomocou anotácie @FindBy v triedach stránok .
• Pri inštancii triedy stránky potom inicializujte prvky pomocou initElements ().

# 1) @FindBy:

Anotácia @FindBy sa v aplikácii PageFactory používa na vyhľadanie a deklaráciu webových prvkov pomocou rôznych lokátorov.Tu odovzdáme atribút a jeho hodnotu použitú na lokalizáciu webového prvku do anotácie @FindBy a potom je deklarovaný WebElement.

Existujú 2 spôsoby, ako je možné anotáciu použiť.

Napríklad:

Prvý z nich je však štandardný spôsob deklarovania WebElements.

„Ako“ je trieda a má statické premenné ako ID, XPATH, CLASSNAME, LINKTEXT atď.
'použitím' - Priradiť hodnotu statickej premennej.

Vo vyššie uvedenom príklad , na vyhľadanie webového prvku „Email“ sme použili atribút „id“. Podobne môžeme použiť nasledujúce lokátory s anotáciami @FindBy:

• className
• css
• názov
• xpath
• tagName
• linkText
• partialLinkText

# 2) initElements ():

InitElements je statická metóda triedy PageFactory, ktorá sa používa na inicializáciu všetkých webových prvkov umiestnených v anotácii @FindBy. Teda, ľahké vytváranie inštancií tried stránok.

Mali by sme tiež pochopiť, že POM dodržiava zásady OOPS.

• WebElements sú deklarované ako súkromné ​​členské premenné (skrývanie údajov).
• Viazanie WebElements s príslušnými metódami (zapuzdrenie).

Kroky na vytvorenie POM pomocou vzoru Page Factory

# 1) Vytvorte samostatný súbor triedy Java pre každú webovú stránku.

#dva) V každej triede by mali byť všetky prvky WebElements deklarované ako premenné (pomocou anotácie - @FindBy) a inicializované pomocou metódy initElement (). Deklarované prvky WebElements musia byť inicializované, aby sa mohli použiť v metódach akcie.

# 3) Definujte zodpovedajúce metódy pôsobiace na tieto premenné.

Uveďme si príklad jednoduchého scenára:

• Otvorte adresu URL aplikácie.
• Zadajte údaje o e-mailovej adrese a hesle.
• Kliknite na tlačidlo Prihlásiť sa.
• Overte úspešnú prihlasovaciu správu na stránke vyhľadávania.

Vrstva stránky

Máme tu 2 stránky,

1. Domovská stránka - Stránka, ktorá sa otvorí po zadaní adresy URL a kde zadáme údaje pre prihlásenie.
2. Vyhľadávacia stránka - Stránka, ktorá sa zobrazí po úspešnom prihlásení.

Vo vrstve stránky je každá stránka webovej aplikácie deklarovaná ako samostatná trieda Java a sú tam uvedené jej lokátory a akcie.

Kroky na vytvorenie POM s príkladom v reálnom čase

# 1) Vytvorte triedu Java pre každú stránku:

V tomto príklad , prejdeme na 2 webové stránky, na stránky „Domov“ a „Vyhľadávanie“.

Preto vytvoríme 2 triedy Java v Page Layer (alebo v balíku povedzme com.automation.pages).

# 2) Definujte WebElements ako premenné pomocou anotácie @FindBy:

Spolupracovali by sme s:

• Pole tlačidla E-mail, heslo, prihlásenie na domovskej stránke.
• Správa bola úspešná na stránke vyhľadávania.

Definujeme teda WebElements pomocou @FindBy

Napríklad: Ak sa chystáme identifikovať EmailAddress pomocou atribútu id, potom je jej deklarácia premennej

# 3) Vytvorte metódy pre akcie vykonávané na WebElements.

Na WebElements sa vykonávajú nasledujúce akcie:

• Do poľa E-mailová adresa zadajte akciu.
• Do poľa Heslo zadajte akciu.
• Kliknite na akciu na tlačidle Prihlásenie.

Napríklad, Užívateľom definované metódy sa vytvárajú pre každú akciu na WebElement ako,

Tu sa Id odovzdá ako parameter v metóde, pretože vstup bude odoslaný používateľom z hlavného testovacieho prípadu.

Poznámka :V každej z tried vo stránke Page Layer musí byť vytvorený konštruktor, aby sa získala inštancia ovládača z triedy Main v testovacej vrstve a tiež aby sa inicializovali WebElements (objekty stránky) deklarované v triede stránky pomocou PageFactory.InitElement (). .

Tu neiniciujeme ovládač, skôr je jeho inštancia prijatá z hlavnej triedy, keď je vytvorený objekt triedy Page Layer.

InitElement () - slúži na inicializáciu deklarovaných WebElements pomocou inštancie ovládača z hlavnej triedy. Inými slovami, WebElements sa vytvárajú pomocou inštancie ovládača. Až po inicializácii prvkov WebElements ich možno použiť v metódach na vykonávanie akcií.

Pre každú stránku sú vytvorené dve triedy Java, ako je uvedené nižšie:

HomePage.java

SearchPage.Java

Testovacia vrstva

V tejto triede sú implementované testovacie prípady. Vytvoríme samostatný balík povedzme com.automation.test a potom tu vytvoríme triedu Java (MainClass.java)

Kroky na vytvorenie testovacích prípadov:

• Inicializujte ovládač a otvorte aplikáciu.
• Vytvorte objekt triedy PageLayer (pre každú webovú stránku) a odovzdajte inštanciu ovládača ako parameter.
• Pomocou vytvoreného objektu zavolajte metódy v triede PageLayer (pre každú webovú stránku), aby ste mohli vykonať akcie / overenie.
• Opakujte krok 3, kým nevykonáte všetky činnosti, a potom zatvorte ovládač.

Pri deklarovaní prvkov WebElements sa používa hierarchia typu anotácie

Anotácie sa používajú na zostavenie stratégie umiestnenia pre prvky používateľského rozhrania.

# 1) @FindBy

Pokiaľ ide o Pagefactory, @FindBy funguje ako kúzelná palička. Dodáva konceptu všetku silu. Teraz ste si vedomí, že anotácia @FindBy v Pagefactory funguje rovnako ako anotácia driver.findElement () v obvyklom modeli stránky. Používa sa na vyhľadanie WebElement / WebElements s jedným kritériom .

# 2) @FindBys

Používa sa na vyhľadanie WebElement s viac ako jedno kritérium a musia zodpovedať všetkým uvedeným kritériám. Tieto kritériá by sa mali uviesť vo vzťahu rodiča a dieťaťa. Inými slovami, toto používa podmienený vzťah A na vyhľadanie WebElements pomocou zadaných kritérií. Na definovanie každého kritéria používa viacnásobné pole @FindBy.

Napríklad:

Zdrojový kód HTML prvku WebElement:

V POM:

Vo vyššie uvedenom príklade je prvok WebElement „SearchButton“ umiestnený, iba ak je zhoduje sa s oboma kritériá, ktorých hodnota id je „searchId_1“ a hodnota názvu je „search_field“. Upozorňujeme, že prvé kritérium patrí nadradenej značke a druhé kritérium podradenej značke.

# 3) @FindAll

Používa sa na vyhľadanie WebElement s viac ako jedno kritérium a musí zodpovedať aspoň jednému z daných kritérií. Pri hľadaní prvkov WebElements sa používa ALEBO podmienené vzťahy. Na definovanie všetkých kritérií používa viacnásobné @FindBy.

Napríklad:

Zdrojový kód HTML:

V POM:

Vo vyššie uvedenom príklade je WebElement „Používateľské meno umiestnené, ak je zápasy aspoň s jedným uvedených kritérií.

# 4) @CacheLookUp

Keď sa WebElement v testovacích prípadoch používa častejšie, selén vyhľadá WebElement pri každom spustení testovacieho skriptu. V tých prípadoch, keď sa určité WebElements globálne používajú pre všetky TC ( Napríklad, Scenár prihlásenia sa stane pre každú TC), túto anotáciu je možné použiť na udržanie týchto WebElements v pamäti cache hneď po prvom prečítaní.

To zase pomáha kódu, aby sa vykonával rýchlejšie, pretože zakaždým, keď nemusí hľadať WebElement na stránke, môže skôr získať svoj odkaz z pamäte.

Môže to byť ako predpona pre ľubovoľné z @FindBy, @FindBys a @FindAll.

Napríklad:

Upozorňujeme, že táto anotácia by sa mala používať iba pre prvky WebElements, ktorých hodnota atribútu (napríklad xpath, názov ID, názov triedy atď.) Sa nemení dosť často. Po prvom umiestnení WebElement si udržiava svoj odkaz v pamäti cache.

Takže potom dôjde k zmene v atribúte WebElement po niekoľkých dňoch, selén nebude schopný nájsť prvok, pretože už má v pamäti cache svoj starý odkaz a nebude brať ohľad na nedávnu zmenu vo WebElement.

Viac na PageFactory.initElements ()

Teraz, keď rozumieme stratégii Pagefactory pri inicializácii webových prvkov pomocou nástroja InitElements (), skúsme pochopiť rôzne verzie metódy.

Metóda, ako vieme, vezme objekt ovládača a aktuálny objekt triedy ako vstupné parametre a vráti objekt stránky implicitnou a proaktívnou inicializáciou všetkých prvkov na stránke.

V praxi je použitie konštruktora, ako je uvedené v predchádzajúcej časti, výhodnejšie ako iné spôsoby jeho použitia.

Alternatívne spôsoby volania tejto metódy sú:

# 1) Namiesto použitia ukazovateľa „tento“ môžete vytvoriť aktuálny objekt triedy, odovzdať mu inštanciu ovládača a zavolať statickú metódu initElements s parametrami, tj. Objekt ovládača a objekt triedy, ktorý bol práve vytvorený.

#dva) Tretím spôsobom, ako inicializovať prvky pomocou triedy Pagefactory, je použitie API s názvom „reflexia“. Áno, namiesto vytvorenia objektu triedy pomocou „nového“ kľúčového slova je možné odovzdať classname.class ako súčasť vstupného parametra initElements ().

často kladené otázky

Otázka č. 1) Aké sú rôzne stratégie lokátorov, ktoré sa používajú pre @FindBy?

Odpoveď: Jednoduchá odpoveď na to je, že pre @FindBy neexistujú žiadne rôzne stratégie lokátorov.

Používajú rovnakých 8 lokátorských stratégií, ktoré používa metóda findElement () v obvyklom POM:

1. id
2. názov
3. className
4. xpath
5. css
6. tagName
7. linkText
8. partialLinkText

Otázka č. 2) Existujú aj iné verzie použitia anotácií @FindBy?

Odpoveď: Ak je potrebné prehľadať webový prvok, použijeme anotáciu @FindBy. Vypracujeme tiež alternatívne spôsoby použitia @FindBy spolu s rôznymi lokátorskými stratégiami.

Už sme videli, ako používať verziu 1 @FindBy:

Verzia 2 @FindBy je odovzdaním vstupného parametra ako Ako a Použitím .

Ako hľadá stratégiu lokátora, pomocou ktorej by bol webový prvok identifikovaný. Kľúčové slovo použitím definuje hodnotu lokátora.

Pre lepšie pochopenie pozri nižšie

• How.ID vyhľadáva prvok pomocou id stratégia a prvok, ktorý sa pokúša identifikovať, má id = kľúčové slovo.

• How.CLASS_NAME vyhľadáva prvok pomocou className stratégia a prvok, ktorý sa pokúša identifikovať, má class = nová trieda.

Otázka č. 3) Existuje rozdiel medzi týmito dvoma verziami @FindBy?

Odpoveď: Odpoveď je nie, medzi týmito dvoma verziami nie je žiadny rozdiel. Je to len tak, že prvá verzia je kratšia a ľahšia v porovnaní s druhou verziou.

Otázka č. 4) Čo použijem v pagefactory v prípade, že existuje zoznam webových prvkov, ktoré sa majú umiestniť?

Odpoveď: V obvyklom vzorovom dizajne objektu stránky máme program driver.findElements () na vyhľadanie viacerých prvkov patriacich do rovnakej triedy alebo názvu značky, ale ako nájdeme tieto prvky v prípade modelu objektu stránky pomocou nástroja Pagefactory? Najjednoduchší spôsob, ako dosiahnuť tieto prvky, je použiť rovnakú anotáciu @FindBy.

Rozumiem, že sa tento riadok zdá byť škrabadlom pre mnohých z vás. Ale áno, je to odpoveď na otázku.

Pozrime sa na nasledujúci príklad:

Pri použití obvyklého objektového modelu stránky bez Pagefactory použijete driver.findElements na vyhľadanie viacerých prvkov, ako je uvedené nižšie:

To isté možno dosiahnuť pomocou objektového modelu stránky s Pagefactory, ako je uvedené nižšie:

V zásade platí, že priradenie prvkov k zoznamu typu WebElement robí trik bez ohľadu na to, či sa stránka Pagefactory používa alebo nepoužíva pri identifikácii a lokalizácii prvkov.

Otázka č. 5) Je možné v rovnakom programe použiť návrh objektu Page bez Pagefactory aj s Pagefactory?

Odpoveď: Áno, v rovnakom programe je možné použiť návrh objektu stránky bez Pagefactory aj s Pagefactory. Môžete prejsť programom uvedeným nižšie v Odpoveď na otázku č. 6 zistiť, ako sa obe používajú v programe.

Jedna vec, ktorú treba pamätať, je, že konceptu Pagefactory s funkciou cache sa treba vyhnúť na dynamických prvkoch, zatiaľ čo návrh objektu stránky funguje dobre pre dynamické prvky. Pagefactory však vyhovuje iba statickým prvkom.

Otázka č. 6) Existujú alternatívne spôsoby identifikácie prvkov na základe viacerých kritérií?

ako odstrániť prvky z poľa

Odpoveď: Alternatívou na identifikáciu prvkov na základe viacerých kritérií je použitie anotácií @FindAll a @FindBys. Tieto anotácie pomáhajú identifikovať jeden alebo viac prvkov v závislosti od hodnôt získaných z kritérií, ktoré boli v ňom odovzdané.

# 1) @FindAll:

@FindAll môže obsahovať viac @FindBy a vráti všetky prvky, ktoré sa zhodujú s akýmkoľvek @FindBy, v jednom zozname. Funkcia @FindAll sa používa na označenie poľa v objekte stránky, čo naznačuje, že pri vyhľadávaní by sa mala použiť séria značiek @FindBy. Potom vyhľadá všetky prvky, ktoré zodpovedajú niektorému z kritérií FindBy.

Upozorňujeme, že prvky nie sú zaručene v poradí podľa dokumentov.

Syntax na použitie funkcie @FindAll je uvedená nižšie:

Vysvetlenie: @FindAll vyhľadá a identifikuje samostatné prvky zodpovedajúce každému z kritérií @FindBy a vypíše ich. Vo vyššie uvedenom príklade najskôr vyhľadá prvok, ktorého id = 'foo', a potom identifikuje druhý prvok pomocou className = 'bar'.

Za predpokladu, že pre každé kritérium FindBy bol identifikovaný jeden prvok, bude výsledkom @FindAll výpis 2 prvkov. Nezabudnite, že pre každé kritérium môže byť identifikovaných viac prvkov. Jednoduchými slovami teda @ Nájsť všetko akty rovnocenné s ALEBO operátor splnil kritériá @FindBy.

# 2) @FindBys:

FindBys sa používa na označenie poľa v objekte stránky na označenie, že vyhľadávanie by malo používať sériu značiek @FindBy v reťazci, ako je popísané v ByChained. Keď požadované objekty WebElement musia zodpovedať všetkým daným kritériám, použite anotáciu @FindBys.

Syntax na použitie @FindBys je uvedená nižšie:

Vysvetlenie: @FindBys vyhľadá a identifikuje prvky, ktoré vyhovujú všetkým kritériám @FindBy, a zobrazí ich zoznam. Vo vyššie uvedenom príklade bude prehľadávať prvky, ktorých meno = „foo“ a className = „bar“.

Výsledkom funkcie @FindAll bude výpis 1 prvku, ak predpokladáme, že v daných kritériách bol jeden prvok identifikovaný menom a menom triedy.

Ak neexistuje ani jeden prvok, ktorý spĺňa všetky splnené podmienky FindBy, potom bude výsledkom @FindBys nula prvkov. Mohol by byť identifikovaný zoznam webových prvkov, ak všetky podmienky vyhovujú viacerým prvkom. Jednoducho povedané, @ FindBys akty rovnocenné s A operátor splnil kritériá @FindBy.

Pozrime sa na implementáciu všetkých vyššie uvedených anotácií prostredníctvom podrobného programu:

Upravíme program www.nseindia.com uvedený v predchádzajúcej časti, aby sme pochopili implementáciu anotácií @FindBy, @FindBys a @FindAll

# 1) Repozitár objektov PagefactoryClass sa aktualizuje takto:

Zoznam newlist = driver.findElements (By.tagName („a“));

@FindBy (ako = ako. TAG_NAME , pomocou = „a“)
súkromné Zoznam findbyvalue;
@FindAll ({ @FindBy (className = “sel”), @FindBy (xpath = ”// a (@ id =‘ tab5 ′) ”)})
súkromné Zoznam findallvalue;
@FindBys ({ @FindBy (className = “sel”), @FindBy (xpath = ”// a (@ id =‘ tab5 ′) ”)})
súkromné Zoznam findbysvalue;

# 2) Nová metóda seeHowFindWorks () je napísaná v PagefactoryClass a je vyvolaná ako posledná metóda v triede Main.

Metóda je uvedená nižšie: