Meniu

Localizatori de seleniu: Identificați elemente web folosind XPath în seleniu (exemple)

selenium locators identify web elements using xpath selenium

Încercați Instrumentul Nostru Pentru Eliminarea Problemelor

Tutorial Localizatori Seleniu: Aflați cum să identificați elemente web folosind XPath în Seleniu cu exemple

În tutorialul anterior , v-am prezentat un alt instrument de testare a automatizării numit Firebug. De asemenea, am creat manual propriul nostru script de automatizare folosind Firebug și capacitățile acestuia. De asemenea, am învățat să introducem modificările dorite în scriptul nostru.

Mergând mai departe, în acest tutorial, vom arunca o privire asupra diferite tipuri de localizatori în Selenium și tehnica lor de accesibilitate pentru a construi scripturi de testare . Astfel, acest tutorial cuprinde introducerea detaliată a diferitelor tipuri de localizatori.

Este al nostru Al 5-lea tutorial în Selenium Tutorial serie.

Ce este Locator?

Localizatorul poate fi denumit o adresă care identifică un element web în mod unic în cadrul paginii web. Localizatorii sunt proprietățile HTML ale unui element web care îi spune Selenium despre elementul web pe care trebuie să efectueze acțiunea.

seleniu Localizatori Xpath în seleniu

Există o gamă variată de elemente web. Cele mai frecvente dintre ele sunt:

  • Casetă de text
  • Buton
  • Scapă jos
  • Hyperlink
  • Caseta de bifat
  • Buton de radio

Ce veți învăța:

Tipuri de localizatori

Identificarea acestor elemente a fost întotdeauna un subiect foarte dificil și, prin urmare, necesită o abordare precisă și eficientă. Astfel, putem afirma că mai eficient este localizatorul, mai stabil va fi scriptul de automatizare. În esență, fiecare comandă Selenium necesită localizatori pentru a găsi elementele web. Astfel, pentru a identifica aceste elemente web cu precizie și precizie, avem diferite tipuri de localizatori.

Tipuri de localizatori în seleniu 1

Acum, să înțelegem mai departe, exercitând fiecare dintre ele independent.

Înainte de a începe cu localizatoarele, permiteți-mi să iau un moment pentru a introduce aplicația sub testare. Am folosi „https://accounts.google.com/” pentru localizarea diferitelor tipuri de elemente web utilizând diferite tipuri de localizatoare.

Utilizarea ID-ului ca localizator

Cea mai bună și cea mai populară metodă de identificare a elementului web este utilizarea ID-ului. Se presupune că ID-ul fiecărui element este unic.

Tipuri de localizatori în Seleniu 2

În acest eșantion, vom accesa caseta de text „E-mail” prezentă în formularul de conectare la gmail.com.

Găsirea unui ID al unui element web folosind Firebug

întrebări de interviu pentru biroul de asistență

Pasul 1 : Lansați browserul web (Firefox) și navigați la „https://accounts.google.com/”.

Pasul 2 : Deschideți firebug (fie prin apăsarea F12, fie prin intermediul instrumentelor).

Pasul 3 : Faceți clic pe pictograma inspectare pentru a identifica elementul web.

Localizatori de seleniu 1

Pasul 4 : Plasați cursorul pe elementul web (caseta de e-mail în cazul nostru) pe care dorim să efectuăm o acțiune. În secțiunea firebug, puteți vedea etichetele HTML corespunzătoare fiind evidențiate.

Localizatori de seleniu 2

Pasul 5 : Fiți conștienți de atributul ID și luați notă de el. Acum trebuie să verificăm dacă ID-ul identificat este capabil să găsească elementul în mod unic și fără cusur.

Sintaxă : id = id al elementului

În cazul nostru, ID-ul este „Email”.

Abordare alternativă:

În loc să urmăm pașii 2-4, putem localiza / inspecta direct elementul web făcând clic dreapta pe elementul web (Casetă de text pentru e-mail) a cărei valoare de localizare trebuie să o inspectăm și făcând clic pe opțiunea „Inspectează elementul cu Firebug”. Astfel, acest eveniment de clic declanșează extinderea secțiunii firebug și eticheta HTML corespunzătoare va fi evidențiată.

Localizatori de seleniu 3

Verificați valoarea localizatorului

Presupunând că browserul este deschis și este redirecționat către „https://accounts.google.com/”.

Pasul 1 : Lansați Selenium IDE.

Pasul 2 : Faceți clic pe primul rând din secțiunea editor.

Pasul 3 : Tastați „id = Email”, adică valoarea localizatorului în caseta țintă.

Pasul 4 : Faceți clic pe butonul Căutare. Dacă valoarea de localizare furnizată este legitimă, caseta de text E-mail va fi evidențiată cu culoare galbenă, cu o margine verde fluorescentă în jurul câmpului. Dacă valoarea de localizare furnizată este incorectă, un mesaj de eroare va fi tipărit în panoul de jurnal din partea de jos a Selenium IDE.

Cazul 1 - Valoarea localizatorului = Corect

Localizatori de seleniu 4

Cazul 2 - Valoarea localizatorului = incorectă

Localizatori de seleniu 5

Pasul 5 : Pentru a verifica în continuare, un utilizator poate executa, de asemenea, comanda „tip” împotriva țintei date, oferind o anumită valoare în câmpul „Valoare”. Dacă executarea comenzii introduce valoarea specificată în caseta de text Email înseamnă că tipul de identificator identificat este corect și accesibil.

Utilizarea ClassName ca Locator

Există doar o diferență subtilă între utilizarea ID-ului ca localizator și utilizarea numelui clasei ca localizator.

În acest eșantion, vom accesa „Aveți nevoie de ajutor?” hyperlink prezent în partea de jos a formularului de conectare la gmail.com.

Găsirea unui nume de clasă al unui element web folosind Firebug

Pasul 1 : Găsiți / inspectați elementul web (linkul „Aveți nevoie de ajutor?” În cazul nostru) făcând clic dreapta pe elementul web a cărui valoare de localizare trebuie să o inspectăm și făcând clic pe opțiunea „Inspectează elementul cu Firebug”.

Pasul 2 : Fiți conștienți de atributul numelui clasei și luați notă de el. Acum trebuie să verificăm dacă numele clasei identificate este capabil să găsească elementul în mod unic și precis.

Localizatori de seleniu 6

Sintaxă: class = classname al elementului

În cazul nostru, numele clasei este „need-help-reverse”

Verificați valoarea localizatorului

Pasul 1 : Tastați „class = need-help-reverse” în caseta țintă din Selenium IDE.

Pasul 2 : Faceți clic pe butonul Căutare. Observați că hyperlinkul va fi evidențiat cu culoare galbenă cu o margine verde fluorescentă în jurul câmpului.

(Faceți clic pentru a vizualiza imaginea mărită)

Localizatori de seleniu 7

Utilizarea numelui ca localizator

Localizarea unui element web folosind numele este foarte similară cu cele două tipuri de localizatoare anterioare. Singura diferență constă în sintaxă.

În acest eșantion, vom accesa caseta de text „Parolă” prezentă în formularul de conectare la gmail.com.

Sintaxă: nume = numele elementului

În cazul nostru, numele este „Passwd”.

Verificați valoarea localizatorului

Pasul 1 : Tastați „nume = Passwd” în caseta țintă și faceți clic pe butonul Căutare. Observați că caseta de text „Parolă” va fi evidențiată.

Utilizarea linkului text ca localizator

Toate hyperlinkurile de pe o pagină web pot fi identificate folosind Link Text. Link-urile de pe o pagină web pot fi determinate cu ajutorul etichetei ancoră ( ). Eticheta de ancorare este utilizată pentru a crea hyperlinkuri pe o pagină web, iar textul dintre deschiderea și închiderea etichetelor de ancorare constituie textul legăturii ( Un text ).

În acest exemplu, vom accesa linkul „Creați un cont” prezent în partea de jos a formularului de conectare la gmail.com.

Găsirea unui text de legătură a unui element web utilizând Firebug

Pasul 1 : Localizați / inspectați elementul web (linkul „Creați un cont” în cazul nostru) făcând clic dreapta pe elementul web a cărui valoare de localizare trebuie să o inspectăm și făcând clic pe opțiunea „Inspectează elementul cu Firebug”.

Pasul 2 : Fiți conștienți de textul prezent în cadrul etichete și ia notă de el. Prin urmare, acest text va fi utilizat pentru a identifica în mod unic linkul de pe o pagină web.

(Faceți clic pentru a vizualiza imaginea mărită)

Localizatori de seleniu 8

schimbător de voce care funcționează cu discordie

Sintaxă: link = text de legătură al elementului

În cazul nostru, textul linkului este „Creați un cont”.

Verificați valoarea localizatorului

Pasul 1 : Tastați „link = Creați un cont”, adică valoarea localizatorului în caseta țintă din Selenium IDE.

Pasul 2 : Faceți clic pe butonul Căutare. Observați că legătura ar fi evidențiată cu culoare galbenă, cu o margine verde fluorescentă în jurul câmpului.

Localizatori de seleniu 9

Utilizarea XPath ca localizator

Xpath este folosit pentru a localiza un element web pe baza căii sale XML. XML înseamnă Extensible Markup Language și este utilizat pentru a stoca, organiza și transporta date arbitrare. Stochează date într-o pereche cheie-valoare, care este foarte asemănătoare cu etichetele HTML. Ambele fiind limbaje de marcare și întrucât se încadrează sub aceeași umbrelă, xpath poate fi utilizat pentru a localiza elemente HTML.

Elementul fundamental din spatele localizării elementelor folosind Xpath este traversarea între diferite elemente pe întreaga pagină și astfel îi permite utilizatorului să găsească un element cu referința unui alt element.

Xpath poate fi creat în două moduri:

Relativ Xpath

Xpath relativ începe de la locația curentă și este prefixat cu un „//”.

De exemplu: // span (@ class = ’Email’)

Absolut Xpath

Absolute Xpath începe cu o cale rădăcină și este prefixat cu un „/”.

De exemplu: / HTML / body / div / div (@ id = ’Email’)

Puncte cheie:

  • Rata de succes a găsirii unui element folosind Xpath este prea mare. Împreună cu declarația anterioară, Xpath poate găsi relativ toate elementele de pe o pagină web. Astfel, Xpaths poate fi folosit pentru a localiza elemente care nu au id, clasă sau nume.
  • Crearea unui Xpath valid este un proces complicat și complex. Există pluginuri disponibile pentru a genera Xpath, dar de cele mai multe ori Xpath-urile generate nu reușesc să identifice corect elementul web.
  • În timp ce creează xpath, utilizatorul ar trebui să fie conștient de diferitele nomenclaturi și protocoale.

Exemple de seleniu XPath:

cum se deschide un fișier apk pe Android

Xpath Checker

Crearea Xpath devine puțin mai simplă folosind Xpath Checker. Xpath Checker este un program de completare Firefox pentru a genera automat Xpath pentru un element web. Suplimentul poate fi descărcat și instalat ca orice alt plugin. Plug-in-ul poate fi descărcat de pe „https://addons.mozilla.org/en-US/firefox/addon/xpath-checker/”.

De îndată ce pluginul este instalat, acesta poate fi văzut în meniul contextual făcând clic dreapta pe orice element al cărui xpath dorim să îl generăm.

Localizatori de seleniu 10

Faceți clic pe „Vizualizați Xpath” pentru a vedea expresia Xpath a elementului. Va apărea o fereastră de editor cu expresia Xpath generată. Acum utilizatorul are libertatea de a edita și modifica expresia Xpath generată. Rezultatele corespunzătoare vor fi actualizate cumulativ.

Localizatori de seleniu 11

Rețineți că XPath Checker este disponibil și pentru alte browsere.

Dar reiterând faptul că, de cele mai multe ori, Xpath-urile generate nu reușesc să identifice corect elementul web. Astfel, este recomandat să creăm propriul nostru Xpath urmând regulile și protocoalele predefinite.

În acest eșantion, vom accesa imaginea „Google” prezentă în partea de sus a formularului de conectare la gmail.com.

Crearea unui Xpath al unui element web

Pasul 1 : Tastați „// img (@ class =’ logo ’)”, adică valoarea de localizare în caseta țintă din Selenium IDE.

Sintaxă: Xpath al elementului

Pasul 2 : Faceți clic pe butonul Căutare. Observați că imaginea va fi evidențiată cu culoare galbenă, cu o margine verde fluorescentă în jurul câmpului.

Localizatori de seleniu 12

Concluzie

Iată punctele cruciale ale acestui articol.

  • Localizatorii sunt proprietățile HTML ale unui element web care îi spune Selenium despre elementul web pe care trebuie să efectueze acțiuni.
  • Există o gamă largă de elemente web cu care un utilizator ar trebui să interacționeze în mod regulat. Unele dintre ele sunt: ​​Textbox, Button, Drop Down, Hyperlink, CheckBox și Radio Button.
  • Cu gama variată de elemente web vine o vastă provincie de strategii / abordări pentru localizarea acestor elemente web.
  • Unele dintre tipurile de localizatori utilizate pe scară largă sunt ID, ClassName, Link Text, XPath, CSS Selectors și Name.

Notă: Datorită faptului că crearea CSS Selector și XPath necesită o mulțime de eforturi și practică, procesul este exercitat doar de utilizatori mai sofisticați și instruiți.

În acest tutorial, am învățat diferite tipuri de localizatoare, inclusiv Selenium Xpath.

Următorul tutorial # 6 : În continuare cu acest tutorial de tipuri Selenium Locator, vom învăța cum să îl folosim Selector CSS ca localizator.

Orice interogări? Spuneți-ne în comentarii. Vom încerca să le rezolvăm pe toate.

Lectură recomandată

^