Meni

Lokatori selena: prepoznavanje web elemenata pomoću XPath-a u selenu (primjeri)

selenium locators identify web elements using xpath selenium

Isprobajte Naš Instrument Za Uklanjanje Problema

Vodič za lociranje selena: Naučite kako s primjerima prepoznati web elemente pomoću XPath u selenu

U prethodni tutorial , predstavili smo vam još jedan alat za testiranje automatizacije nazvan Firebug. Također smo stvorili vlastitu skriptu za automatizaciju ručno koristeći Firebug i njegove mogućnosti. Također smo naučili postavljati željene izmjene u našu skriptu.

Krećući se naprijed, u ovom uputstvu bismo pogledali razne vrste lokatora u seleniju i njihova tehnika pristupačnosti za izradu test skripti . Stoga se ovaj vodič sastoji od detaljnog upoznavanja s različitim vrstama lokatora.

Ovo je naše 5. tutorial u Selenium Tutorial niz.

Što je Locator?

Lokator se može nazvati adresom koja identificira web element jedinstveno unutar web stranice. Lokatori su HTML svojstva web elementa koji Seleniju govori o web elementu na kojem treba izvršiti radnju.

Lokatori selena Xpath u selenu

Postoji raznolika paleta web elemenata. Među njima su najčešći:

  • Tekstualni okvir
  • Dugme
  • Padajući
  • Hiperveza
  • Potvrdni okvir
  • Radio gumb

Što ćete naučiti:

Vrste lokatora

Prepoznavanje ovih elemenata uvijek je bilo vrlo nezgodno i stoga zahtijeva točan i učinkovit pristup. Stoga možemo tvrditi da će učinkovitiji lokator, stabilniji biti skripta za automatizaciju. U osnovi svaka naredba Selenium zahtijeva lokatore da pronađu mrežne elemente. Stoga, kako bismo točno i precizno identificirali ove web elemente, imamo različite vrste lokatora.

Vrste lokatora u selenu 1

Sada shvatimo dalje vježbanjem svakog od njih samostalno.

Prije nego što započnemo s lokatorima, dozvolite mi da odvojim trenutak da predstavim aplikaciju koja se testira. Koristili bismo 'https://accounts.google.com/' za lociranje različitih vrsta web elemenata pomoću različitih vrsta lokatora.

Korištenje ID-a kao lokatora

Najbolja i najpopularnija metoda za prepoznavanje web elementa je upotreba ID-a. ID svakog elementa navodno je jedinstven.

Vrste lokatora u selenu 2

U ovom primjeru pristupili bismo tekstnom okviru 'E-pošta' koji se nalazi u obrascu za prijavu na gmail.com.

Pronalaženje ID-a web elementa pomoću Firebuga

alternativa ccleaneru za Windows 10

Korak 1 : Pokrenite web preglednik (Firefox) i idite na 'https://accounts.google.com/'.

Korak 2 : Otvorite firebug (pritiskom na F12 ili putem alata).

3. korak : Kliknite ikonu inspekcije da biste prepoznali web element.

Lokatori selena 1

4. korak : Zadržite pokazivač miša na web elementu (u našem slučaju tekstualni okvir e-pošte) na kojem želimo izvršiti neku radnju. U odjeljku firebug možete vidjeti istaknute odgovarajuće HTML oznake.

Lokatori selena 2

Korak 5 : Budite svjesni atributa ID i zabilježite ga. Sada moramo provjeriti je li identificirani ID u stanju pronaći element jedinstveno i besprijekorno.

Sintaksa : id = id elementa

U našem slučaju, id je 'E-pošta'.

Alternativni pristup:

Umjesto da slijedimo korake od 2 do 4, možemo izravno locirati / pregledati web element klikom desne tipke miša na web element (Text Textbox) čiju vrijednost lokatora moramo pregledati i klikom na opciju 'Inspect Element with Firebug'. Stoga ovaj događaj klika pokreće proširenje odjeljka firebug i bit će istaknuta odgovarajuća HTML oznaka.

Lokatori selena 3

Provjerite vrijednost lokatora

Pod pretpostavkom da je preglednik otvoren i preusmjeren na 'https://accounts.google.com/'.

Korak 1 : Pokrenite selenium IDE.

Korak 2 : Kliknite prvi redak u odjeljku uređivača.

3. korak : Upišite 'id = Email', tj. Vrijednost lokatora u ciljani okvir.

4. korak : Kliknite gumb Pronađi. Ako je navedena vrijednost lokatora legitimna, tada će tekstni okvir e-pošte biti označen žutom bojom s fluorescentnim zelenim obrubom oko polja. Ako je navedena vrijednost lokatora netočna, u oknu dnevnika na dnu Selenium IDE ispisat će se poruka o pogrešci.

Slučaj 1 - Vrijednost lokatora = Točno

Lokatori selena 4

Slučaj 2 - Vrijednost lokatora = netočno

Lokatori selena 5

Korak 5 : Da bi dalje provjeravao, korisnik također može izvršiti naredbu 'type' prema zadanom cilju davanjem neke vrijednosti u polju 'Value'. Ako izvršavanje naredbe unese navedenu vrijednost u okvir za tekst E-pošta, to znači da je identificirani tip lokatora ispravan i dostupan.

Korištenje ClassName kao lokatora

Postoji samo suptilna razlika između upotrebe ID-a kao lokatora i korištenja naziva klase kao lokatora.

U ovom bismo uzorku pristupili 'Trebate pomoć?' hiperveza na dnu obrasca za prijavu na gmail.com.

Pronalaženje naziva klase web elementa pomoću Firebuga

Korak 1 : Pronađite / pregledajte web element (u našem slučaju veza 'Trebate pomoć?') Desnim klikom na web element čiju vrijednost lokatora moramo pregledati i klikom na opciju 'Inspect Element with Firebug'.

Korak 2 : Budite svjesni atributa naziva klase i zabilježite ga. Sada moramo provjeriti je li identificirano ime klase u stanju jedinstveno i točno pronaći element.

Lokatori selena 6

Sintaksa: class = naziv klase elementa

U našem slučaju, naziv klase je 'need-help-reverse'

Provjerite vrijednost lokatora

Korak 1 : Upišite 'class = need-help-reverse' u ciljani okvir u IDE-u Selenium.

Korak 2 : Kliknite gumb Pronađi. Primijetite da će hiperveza biti označena žutom bojom s fluorescentno zelenim obrubom oko polja.

(Kliknite za prikaz povećane slike)

Lokatori selena 7

Korištenje imena kao lokatora

Lociranje web elementa pomoću imena vrlo je analogno s prethodna dva tipa lokatora. Jedina razlika leži u sintaksi.

U ovom primjeru pristupili bismo tekstnom okviru 'Lozinka' koji se nalazi u obrascu za prijavu na gmail.com.

Sintaksa: ime = naziv elementa

U našem slučaju, naziv je 'Passwd'.

Provjerite vrijednost lokatora

Korak 1 : Upišite 'name = Passwd' u ciljani okvir i kliknite gumb Pronađi. Primijetite da će biti istaknut okvir za tekst 'Lozinka'.

Korištenje teksta veze kao lokatora

Sve hiperveze na web stranici mogu se identificirati pomoću teksta teksta. Veze na web stranici mogu se odrediti uz pomoć sidrene oznake ( ). Oznaka sidra koristi se za stvaranje hiperveza na web stranici, a tekst između otvaranja i zatvaranja sidrenih oznaka čini tekst veze ( Neki tekst ).

U ovom bismo primjeru pristupili poveznici 'Stvori račun' koja se nalazi na dnu obrasca za prijavu na gmail.com.

Pronalaženje teksta veze web-elementa pomoću Firebuga

Korak 1 : Pronađite / pregledajte web element (u našem slučaju veza 'Stvori račun') desnim klikom na web element čiji vrijednost lokatora moramo pregledati i klikom na opciju 'Inspect Element with Firebug'.

Korak 2 : Budite svjesni teksta prisutnog u oznake i zabilježite ga. Stoga će se ovaj tekst koristiti za jedinstvenu identifikaciju veze na web stranici.

(Kliknite za prikaz povećane slike)

Lokatori selena 8

koja je najbolja aplikacija za preuzimanje glazbe za android

Sintaksa: link = tekst veze elementa

U našem je slučaju tekst veze 'Stvori račun'.

Provjerite vrijednost lokatora

Korak 1 : Upišite 'link = Stvori račun', tj. Vrijednost lokatora u ciljani okvir u Selenium IDE.

Korak 2 : Kliknite gumb Pronađi. Primijetite da bi veza bila istaknuta žutom bojom s fluorescentno zelenim obrubom oko polja.

Lokatori selena 9

Korištenje XPath-a kao lokatora

Xpath se koristi za pronalaženje web elementa na temelju njegove XML staze. XML je skraćenica od Extensible Markup Language i koristi se za pohranu, organiziranje i transport proizvoljnih podataka. Pohranjuje podatke u paru ključ / vrijednost koji je vrlo sličan HTML oznakama. Oba su označni jezik i budući da spadaju pod isti kišobran, xpath se može koristiti za pronalaženje HTML elemenata.

Osnovno iza lociranja elemenata pomoću Xpatha je kretanje između različitih elemenata na cijeloj stranici i na taj način omogućava korisniku da pronađe element s referencom drugog elementa.

Xpath se može stvoriti na dva načina:

Relativni Xpath

Relativni Xpath započinje s trenutne lokacije i ima prefiks '//'.

Na primjer: // span (@ class = ’Email ')

Apsolutni Xpath

Apsolutni Xpath započinje korijenskim putem i ima prefiks '/'.

Na primjer: / HTML / body / div / div (@ id = 'Email')

Ključne točke:

  • Uspješnost pronalaska elementa pomoću Xpatha previsoka je. Uz prethodnu izjavu, Xpath može pronaći relativno sve elemente na web stranici. Dakle, Xpaths se može koristiti za lociranje elemenata koji nemaju id, klasu ili ime.
  • Stvaranje valjanog Xpath-a težak je i složen postupak. Dostupni su dodaci za generiranje Xpath-a, ali generirani Xpaths najčešće ne uspijeva pravilno identificirati web element.
  • Tijekom stvaranja xpatha, korisnik bi trebao biti svjestan različitih nomenklatura i protokola.

Primjeri selena XPath:

kako otvoriti swf s Adobe Flash Player -

Xpath Checker

Stvaranje Xpatha postaje malo jednostavnije pomoću programa Xpath Checker. Xpath Checker je dodatak za Firefox koji automatski generira Xpath za web element. Dodatak se može preuzeti i instalirati kao i bilo koji drugi dodatak. Dodatak se može preuzeti s adrese „https://addons.mozilla.org/en-US/firefox/addon/xpath-checker/“.

Čim se dodatak instalira, može se vidjeti u kontekstnom izborniku klikom desnog klika na bilo koji element čiji xpath želimo generirati.

Lokatori selena 10

Kliknite na 'View Xpath' da biste vidjeli Xpath izraz elementa. Pojavit će se prozor uređivača s generiranim izrazom Xpath. Sada korisnik ima slobodu uređivati ​​i mijenjati generirani izraz Xpath. Odgovarajući rezultati ažurirali bi se kumulativno.

Lokatori selena 11

Imajte na umu da je XPath Checker dostupan i za druge preglednike.

Ali ponavljajući činjenicu da generirani Xpaths najčešće ne uspijeva pravilno identificirati web element. Stoga se preporučuje stvaranje vlastitog Xpatha slijedeći unaprijed definirana pravila i protokole.

U ovom primjeru pristupili bismo slici „Google“ koja se nalazi na vrhu obrasca za prijavu na gmail.com.

Stvaranje Xpath-a web elementa

Korak 1 : Upišite '// img (@ class = 'logo')', tj. Vrijednost lokatora u ciljani okvir unutar IDE-a Selenium.

Sintaksa: X put elementa

Korak 2 : Kliknite gumb Pronađi. Primijetite da bi slika bila istaknuta žutom bojom s fluorescentno zelenim obrubom oko polja.

Lokatori selena 12

Zaključak

Evo suština ovog članka.

  • Lokatori su HTML svojstva web elementa koji Seleniju govori o web elementu na kojem treba izvršiti radnje.
  • Postoji širok raspon web elemenata s kojima će korisnik možda morati redovito komunicirati. Neki od njih su: Textbox, Button, Drop Down, Hyperlink, CheckBox i Radio Button.
  • Uz raznolik raspon web elemenata dolazi i široka provincija strategija / pristupa za lociranje tih web elemenata.
  • Neke od često korištenih vrsta lokatora su ID, Ime klase, Tekst veze, XPath, CSS birači i Ime.

Napomena: Zbog činjenice da izrada CSS Selector-a i XPath-a zahtijeva puno napora i prakse, stoga postupak provode samo sofisticiraniji i obučeniji korisnici.

U ovom uputstvu naučili smo različite tipove lokatora, uključujući Selenium Xpath.

Sljedeći vodič # 6 : U nastavku ovog vodiča za tipove Selenium Locator naučit ćemo kako ga koristiti CSS Selector kao lokator.

Ima li pitanja? Javite nam u komentarima. Pokušat ćemo riješiti sve.

Preporučena literatura

^