Menu

Selénové lokátory: Identifikácia webových prvkov pomocou XPath v seléne (príklady)

selenium locators identify web elements using xpath selenium

Vyskúšajte Náš Nástroj Na Odstránenie Problémov

Výukový program lokátorov selénu: Naučte sa, ako identifikovať príklady webových prvkov pomocou XPath v seléne, s príkladmi

V predchádzajúci návod , predstavili sme vám ďalší nástroj na testovanie automatizácie s názvom Firebug. Náš vlastný automatizačný skript sme vytvorili aj ručne pomocou Firebugu a jeho schopností. Naučili sme sa tiež pripevniť požadované úpravy do nášho skriptu.

V tomto tutoriále by sme sa pozreli na rôzne typy lokátorov v seléne a ich prístupová technika na tvorbu testovacích skriptov . Tento výukový program teda obsahuje podrobný úvod do rôznych typov lokátorov.

Toto je náš 5. tutoriál v Selenium Tutorial série.

Čo je Locator?

Vyhľadávač možno nazvať ako adresa, ktorá jedinečne identifikuje webový prvok na webovej stránke. Lokátory sú vlastnosti HTML webového prvku, ktoré informujú selén o webovom prvku, s ktorým je potrebné vykonať akciu.

lokátory selénu Xpath na seléne

Existuje rozmanitá škála webových prvkov. Najbežnejšie z nich sú:

  • Textové pole
  • Tlačidlo
  • Rozbaľte
  • Hypertextový odkaz
  • Začiarkavacie políčko
  • Tlačítko na Rádiu

Čo sa dozviete:

Typy lokátorov

Identifikácia týchto prvkov bola vždy veľmi zložitá téma, a preto si vyžaduje presný a efektívny prístup. Týmto môžeme tvrdiť, že efektívnejší lokalizátor a stabilnejší bude automatizačný skript. V podstate každý príkaz selénu vyžaduje, aby lokátory našli webové prvky. Preto na presnú a presnú identifikáciu týchto webových prvkov máme rôzne typy lokátorov.

Typy lokátorov na seléne 1

Poďme to pochopiť ďalej tým, že si každý z nich zacvičíme samostatne.

Než začneme s lokátormi, dovoľte mi chvíľu predstaviť testovanú aplikáciu. Na vyhľadanie rôznych typov webových prvkov pomocou rôznych typov vyhľadávačov by sme použili adresu „https://accounts.google.com/“.

Používanie ID ako vyhľadávača

Najlepšou a najpopulárnejšou metódou na identifikáciu webového prvku je použitie ID. ID každého prvku je údajne jedinečné.

Typy lokátorov na seléne 2

V tejto ukážke by sme pristupovali k textovému poľu „E-mail“, ktoré sa nachádza v prihlasovacom formulári na gmail.com.

Nájdenie ID webového prvku pomocou Firebugu

základné otázky týkajúce sa pohovoru pre testery selénu

Krok 1 : Spustite webový prehliadač (Firefox) a prejdite na „https://accounts.google.com/“.

Krok 2 : Otvorte firebug (buď stlačením klávesu F12 alebo pomocou nástrojov).

Krok 3 : Kliknite na ikonu kontroly a identifikujte webový prvok.

Selénové lokátory 1

Krok 4 : Umiestnite kurzor myši na webový prvok (v našom prípade e-mail s textovým poľom), na ktorom chceme vykonať nejakú akciu. V sekcii Firebug je možné zvýrazniť príslušné značky HTML.

Selénové lokátory 2

Krok 5 : Buďte si vedomí atribútu ID a poznačte si ho. Teraz musíme overiť, či je identifikované ID schopné nájsť prvok jedinečne a bezchybne.

Syntax : id = id prvku

V našom prípade je id „Email“.

Alternatívny prístup:

Namiesto vykonania krokov 2 až 4 môžeme priamo vyhľadať / skontrolovať webový prvok kliknutím pravým tlačidlom myši na webový prvok (e-mailové textové pole), ktorého hodnotu lokátora musíme skontrolovať, a kliknutím na možnosť „Skontrolovať element pomocou Firebug“. Táto udalosť kliknutia teda spustí rozšírenie sekcie firebug a príslušná značka HTML by bola zvýraznená.

Selénové lokátory 3

Overte hodnotu lokátora

Za predpokladu, že je prehliadač otvorený a presmerovaný na adresu „https://accounts.google.com/“.

Krok 1 : Spustenie IDE selénu.

Krok 2 : Kliknite na prvý riadok v sekcii editor.

Krok 3 : Do cieľového poľa zadajte „id = e-mail“, t. J. Hodnotu lokátora.

Krok 4 : Kliknite na tlačidlo Nájsť. Ak je zadaná hodnota lokátora legitímna, textové pole E-mail bude zvýraznené žltou farbou s fluorescenčným zeleným okrajom okolo poľa. Ak je zadaná hodnota lokátora nesprávna, na paneli denníka v dolnej časti IDE selénu sa vytlačí chybové hlásenie.

Prípad 1 - Hodnota lokátora = správna

Selénové lokátory 4

Prípad 2 - Hodnota lokátora = nesprávna

Selénové lokátory 5

Krok 5 : Za účelom ďalšieho overenia môže užívateľ tiež vykonať príkaz „typu“ proti danému cieľu zadaním určitej hodnoty v poli „Hodnota“. Ak vykonanie príkazu zadá zadanú hodnotu do textového poľa E-mail, znamená to, že identifikovaný typ vyhľadávača je správny a prístupný.

Používanie ClassName ako vyhľadávača

Medzi používaním ID ako vyhľadávača a používaním názvu triedy ako vyhľadávača je iba nepatrný rozdiel.

V tejto ukážke by sme sprístupnili „Potrebujete pomoc?“ hypertextový odkaz uvedený v spodnej časti prihlasovacieho formulára na adrese gmail.com.

linux rozhovor otázky a odpovede pre skúsených

Nájdenie názvu triedy webového prvku pomocou Firebugu

Krok 1 : Vyhľadajte / skontrolujte webový prvok (v našom prípade odkaz „Potrebujete pomoc?“) Kliknutím pravým tlačidlom myši na webový prvok, ktorého hodnotu lokátora musíme skontrolovať, a kliknutím na možnosť „Skontrolovať element pomocou Firebug“.

Krok 2 : Buďte si vedomí atribútu názvu triedy a všimnite si ho. Teraz musíme overiť, či je identifikovaný názov triedy schopný nájsť prvok jedinečne a presne.

Selénové lokátory 6

Syntax: trieda = názov triedy prvku

V našom prípade je názov triedy „need-help-reverse“

Overte hodnotu lokátora

Krok 1 : Do cieľového poľa v Selenium IDE zadajte „class = need-help-reverse“.

Krok 2 : Kliknite na tlačidlo Nájsť. Všimnite si, že hypertextový odkaz bude zvýraznený žltou farbou s fluorescenčným zeleným okrajom okolo poľa.

(Kliknutím zobrazíte zväčšený obrázok)

Selénové lokátory 7

Používanie mena ako vyhľadávača

Lokalizácia webového prvku pomocou názvu je veľmi analogická s predchádzajúcimi dvoma typmi vyhľadávačov. Jediný rozdiel spočíva v syntaxi.

V tejto ukážke by sme pristupovali k textovému poľu „Heslo“, ktoré sa nachádza v prihlasovacom formulári na adrese gmail.com.

Syntax: name = názov prvku

V našom prípade je to názov „Passwd“.

Overte hodnotu lokátora

Krok 1 : Do cieľového poľa zadajte „name = Passwd“ a kliknite na tlačidlo Nájsť. Všimnite si, že textové pole „Heslo“ bude zvýraznené.

Používanie textu odkazu ako vyhľadávača

Všetky hypertextové odkazy na webovej stránke je možné identifikovať pomocou textu odkazu. Odkazy na webovú stránku je možné určiť pomocou značky kotvy ( ). Kotvová značka sa používa na vytvorenie hypertextových odkazov na webovej stránke a text medzi otvorením a zatvorením kotviacich značiek predstavuje text odkazu ( Nejaký text ).

V tejto ukážke by sme použili odkaz „Vytvoriť účet“, ktorý sa nachádza v spodnej časti prihlasovacieho formulára na adrese gmail.com.

Vyhľadanie textu odkazu na webový prvok pomocou nástroja Firebug

Krok 1 : Vyhľadajte / skontrolujte webový prvok (v našom prípade odkaz „Vytvoriť účet“) kliknutím pravým tlačidlom myši na webový prvok, ktorého hodnotu lokátora musíme skontrolovať, a kliknutím na možnosť „Skontrolovať element pomocou Firebug“.

Krok 2 : Buďte oboznámení s textom prítomným v značky a poznačte si to. Preto sa tento text použije na jednoznačnú identifikáciu odkazu na webovej stránke.

(Kliknutím zobrazíte zväčšený obrázok)

Selénové lokátory 8

Syntax: link = text odkazu prvku

V našom prípade je text odkazu „Vytvoriť účet“.

Overte hodnotu lokátora

Krok 1 : Do cieľového poľa v Selen IDE zadajte „link = Vytvoriť účet“, t. J. Hodnotu lokátora.

Krok 2 : Kliknite na tlačidlo Nájsť. Všimnite si, že odkaz by bol zvýraznený žltou farbou s fluorescenčným zeleným okrajom okolo poľa.

Selénové lokátory 9

Používanie XPath ako vyhľadávača

Xpath sa používa na vyhľadanie webového prvku na základe jeho cesty XML. XML je skratka pre Extensible Markup Language a slúži na ukladanie, organizáciu a prepravu ľubovoľných údajov. Ukladá údaje do páru kľúč - hodnota, ktorý je veľmi podobný značkám HTML. Oba sú značkovacími jazykmi a keďže spadajú pod rovnaký dáždnik, možno na nájdenie prvkov HTML použiť xpath.

Základom lokalizácie prvkov pomocou Xpath je prechádzanie medzi rôznymi prvkami po celej stránke a tým umožnenie používateľovi nájsť prvok s odkazom na iný prvok.

Xpath je možné vytvoriť dvoma spôsobmi:

Relatívna Xpath

Relatívna Xpath začína od aktuálneho umiestnenia a má predponu „//“.

Napríklad: // span (@ class = ‘Email’)

Absolútna Xpath

Absolútna Xpath začína koreňovou cestou a má predponu „/“.

Napríklad: / HTML / body / div / div (@ id = ‘E-mail’)

Kľúčové body:

  • Úspešnosť nájdenia prvku pomocou Xpath je príliš vysoká. Spolu s predchádzajúcim vyhlásením dokáže Xpath nájsť na webovej stránke relatívne všetky prvky. Xpaths teda možno použiť na vyhľadanie prvkov, ktoré nemajú ID, triedu ani názov.
  • Vytvorenie platného Xpath je zložitý a zložitý proces. Na generovanie Xpath sú k dispozícii doplnky, ale vygenerované Xpaths väčšinou nedokážu správne identifikovať webový prvok.
  • Pri vytváraní xpath by si mal byť užívateľ vedomý rôznych nomenklatúr a protokolov.

Príklady selénu XPath:

Kontrola Xpath

Vytvorenie Xpath je o niečo jednoduchšie, ak použijete Xpath Checker. Xpath Checker je doplnok pre Firefox, ktorý automaticky generuje Xpath pre webový prvok. Doplnok je možné stiahnuť a nainštalovať ako každý iný doplnok. Doplnok je možné stiahnuť z adresy „https://addons.mozilla.org/en-US/firefox/addon/xpath-checker/“.

Hneď ako je doplnok nainštalovaný, je ho možné zobraziť v kontextovej ponuke kliknutím pravým tlačidlom myši na ľubovoľný prvok, ktorého xpath chceme vygenerovať.

Selénové lokátory 10

Kliknutím na „Zobraziť Xpath“ zobrazíte výraz Xpath prvku. Zobrazí sa okno editora s vygenerovaným výrazom Xpath. Teraz má používateľ slobodu upravovať a upravovať vygenerovaný výraz Xpath. Zodpovedajúce výsledky by sa kumulatívne aktualizovali.

Selénové lokátory 11

Upozorňujeme, že XPath Checker je k dispozícii aj pre ďalšie prehliadače.

Ale opakujúc skutočnosť, že generované Xpaths väčšinou nedokáže správne identifikovať webový prvok. Preto sa odporúča vytvoriť si vlastný Xpath podľa preddefinovaných pravidiel a protokolov.

V tejto ukážke by sme pristupovali k obrázku „Google“, ktorý sa nachádza v hornej časti prihlasovacieho formulára na adrese gmail.com.

Vytvorenie Xpath webového prvku

ako napísať manuálne testovacie prípady s príkladom

Krok 1 : Zadajte „// img (@ class =‘ logo ‘)“, t. J. Hodnotu lokátora do cieľového poľa v rámci selénového IDE.

Syntax: Cesta prvku

Krok 2 : Kliknite na tlačidlo Nájsť. Všimnite si, že obrázok by bol zvýraznený žltou farbou s fluorescenčným zeleným okrajom okolo poľa.

Selénové lokátory 12

Záver

Tu sú podstata tohto článku.

  • Lokátory sú vlastnosti HTML webového prvku, ktoré informujú selén o webovom prvku, na ktorom potrebuje vykonať akcie.
  • Existuje široká škála webových prvkov, s ktorými môže byť používateľ pravidelne komunikovaný. Niektoré z nich sú: Textbox, Button, Drop Down, Hyperlink, CheckBox a Radio Button.
  • S pestrou škálou webových prvkov prichádza obrovská oblasť stratégií / prístupov k umiestneniu týchto webových prvkov.
  • Medzi často používané typy lokátorov patria ID, ClassName, Link Text, XPath, selektory CSS a meno.

Poznámka: Vzhľadom na to, že vytváranie CSS Selectoru a XPath si vyžaduje veľa úsilia a praxe, tento proces preto vykonávajú iba sofistikovanejší a vyškolení používatelia.

V tomto tutoriáli sme sa naučili rôzne typy lokátorov vrátane Selenium Xpath.

Nasledujúci návod č. 6 : V pokračovaní tohto tutoriálu typov Selenium Locator sa naučíme, ako používať Selektor CSS ako vyhľadávač.

Máte nejaké otázky? Dajte nám vedieť v komentároch. Pokúsime sa vyriešiť všetky.

Odporúčané čítanie

^