Lokatorji selena: prepoznavanje spletnih elementov s pomočjo XPath v selenu (primeri)

selenium locators identify web elements using xpath selenium

Vadnica za lokatorje selena: Naučite se s primeri prepoznati spletne elemente s pomočjo XPath v selenu

V prejšnja vadnica smo vam predstavili drugo orodje za avtomatizacijo, imenovano Firebug. Z Firebugom in njegovimi zmožnostmi smo ročno ustvarili tudi lasten skript za avtomatizacijo. Naučili smo se tudi pritrditi želene spremembe v naš skript.

V nadaljevanju bi si v tej vadnici ogledali različne vrste lokatorjev v selenu in njihova tehnika dostopnosti za izdelavo testnih skriptov . Tako je ta vadnica sestavljena iz podrobnega uvoda v različne vrste lokatorjev.

To je naše 5. vadnica v vadnici Selenium serije.

Kaj je Locator?

Lokator lahko označimo kot naslov, ki na spletni strani enolično identificira spletni element. Lokatorji so lastnosti HTML spletnega elementa, ki Seleniju pove o spletnem elementu, ki ga potrebuje za izvedbo dejanja.

Obstaja raznolika paleta spletnih elementov. Najpogostejši med njimi so:

• Besedilo
• Gumb
• Spustite se
• Hiperpovezava
• Potrditveno polje
• Radijski gumb

Kaj se boste naučili:

• Vrste lokatorjev
• Uporaba ID-ja kot lokatorja
• Uporaba ClassName kot Locator
• Uporaba imena kot lokatorja
• Uporaba besedila povezave kot lokatorja
• Uporaba XPath kot lokatorja
• Zaključek
• Priporočeno branje

Vrste lokatorjev

Prepoznavanje teh elementov je bilo vedno zelo zapleteno in zato zahteva natančen in učinkovit pristop. S tem lahko trdimo, da bo skript za avtomatizacijo učinkovitejši lokator, bolj stabilen. V bistvu vsak ukaz Selenium zahteva lokatorje, da najdejo spletne elemente. Tako imamo za natančno in natančno prepoznavanje teh spletnih elementov različne vrste lokatorjev.

Zdaj pa razumimo naprej, tako da vsakega od njih izvajamo samostojno.

Preden začnemo z lokatorji, naj si vzamem trenutek, da predstavim testno aplikacijo. Za iskanje različnih vrst spletnih elementov z različnimi vrstami lokatorjev bi uporabili »https://accounts.google.com/«.

Uporaba ID-ja kot lokatorja

Najboljša in najbolj priljubljena metoda za prepoznavanje spletnega elementa je uporaba ID-ja. ID vsakega elementa naj bi bil enoličen.

V tem vzorcu bi dostopali do besedilnega polja »E-pošta«, ki je v obrazcu za prijavo na gmail.com.

Iskanje ID-ja spletnega elementa z uporabo Firebuga

katero je najboljše brezplačno orodje za odstranjevanje zlonamerne programske opreme

Korak 1 : Zaženite spletni brskalnik (Firefox) in se pomaknite do »https://accounts.google.com/«.

2. korak : Odprite požarno napako (s pritiskom na F12 ali prek orodij).

3. korak : Kliknite ikono za pregled, da prepoznate spletni element.

4. korak : Premaknite miškin kazalec na spletni element (v našem primeru e-poštno polje), na katerem želimo izvesti nekaj dejanj. V odseku požarne napake lahko vidite označene ustrezne oznake HTML.

5. korak : Bodite pozorni na atribut ID in si ga zapišite. Zdaj moramo preveriti, ali je identificirani ID sposoben enolično in brezhibno najti element.

Sintaksa : id = id elementa

V našem primeru je id »Email«.

Alternativni pristop:

Namesto da sledimo korakom od 2 do 4, lahko spletni element neposredno poiščemo / pregledamo tako, da z desno miškino tipko kliknemo spletni element (Email Textbox), katerega vrednost lokatorja moramo pregledati, in kliknemo možnost »Preveri element s Firebugom«. Tako ta klik klik sproži razširitev odseka firebug in označena bo ustrezna oznaka HTML.

Preverite vrednost lokatorja

Ob predpostavki, da je brskalnik odprt in je preusmerjen na »https://accounts.google.com/«.

Korak 1 : Zaženite selenium IDE.

2. korak : Kliknite prvo vrstico v razdelku urejevalnika.

3. korak : Vnesite »id = Email«, tj. Vrednost lokatorja v ciljno polje.

4. korak : Kliknite gumb Najdi. Če je navedena vrednost lokatorja upravičena, bo besedilno polje Email označeno z rumeno barvo s fluorescentno zeleno obrobo okoli polja. Če je navedena vrednost lokatorja napačna, se bo v podoknu dnevnika na dnu Selenium IDE natisnilo sporočilo o napaki.

Primer 1 - Vrednost lokatorja = Pravilno

kaj je datoteka mkv in kako jo predvajam?

2. primer - Vrednost lokatorja = Napačna

5. korak : Za nadaljnje preverjanje lahko uporabnik izvrši tudi ukaz »type« za dani cilj, tako da v polje »Value« vnese nekaj vrednosti. Če izvajanje ukaza vnese določeno vrednost v besedilno polje E-pošta, to pomeni, da je identificirana vrsta lokatorja pravilna in dostopna.

Uporaba ClassName kot Locator

Med uporabo ID-ja kot lokatorja in imenom razreda kot lokatorjem je le prefinjena razlika.

V tem vzorcu bi dostopali do »Potrebujete pomoč?« hiperpovezava na dnu prijavnega obrazca na gmail.com.

Iskanje imena predavanja spletnega elementa z uporabo Firebuga

Korak 1 : Poiščite / preverite spletni element (v našem primeru morate povezavo »Potrebujete pomoč?«) Tako, da z desno miškino tipko kliknete spletni element, katerega vrednost lokatorja moramo pregledati, in kliknete možnost »Preveri element z Firebugom«.

2. korak : Bodite pozorni na atribut imena razreda in si ga zapišite. Zdaj moramo preveriti, ali je identificirano ime razreda sposobno najti element enolično in natančno.

Sintaksa: class = ime razreda elementa

V našem primeru je ime razreda »need-help-reverse«

Preverite vrednost lokatorja

Korak 1 : V ciljno polje v IDEJ-ju Selenium vnesite “class = need-help-reverse”.

2. korak : Kliknite gumb Najdi. Upoštevajte, da bo hiperpovezava označena z rumeno barvo s fluorescentno zeleno obrobo okoli polja.

(Kliknite za ogled povečane slike)

Uporaba imena kot lokatorja

Iskanje spletnega elementa z imenom je zelo analogno prejšnjim dvema vrstama lokatorjev. Razlika je le v skladnji.

V tem vzorcu bi dostopali do besedilnega polja »Geslo«, ki je v obrazcu za prijavo na gmail.com.

Sintaksa: ime = ime elementa

V našem primeru je ime 'Passwd'.

Preverite vrednost lokatorja

Korak 1 : V ciljno polje vnesite “name = Passwd” in kliknite gumb Poišči. Upoštevajte, da bo označeno besedilno polje »Geslo«.

Uporaba besedila povezave kot lokatorja

Vse hiperpovezave na spletni strani je mogoče prepoznati s pomočjo besedila povezav. Povezave na spletni strani lahko določite s pomočjo sidrne oznake ( ). Oznaka sidra se uporablja za ustvarjanje hiperpovezav na spletni strani, besedilo med odpiranjem in zapiranjem sidrnih oznak pa predstavlja besedilo povezave ( Nekaj ​​besedila ).

V tem vzorcu bi dostopali do povezave »Ustvari račun« na dnu obrazca za prijavo na gmail.com.

Iskanje besedila povezave spletnega elementa s pomočjo Firebuga

Korak 1 : Poiščite / preglejte spletni element (v našem primeru povezava »Ustvari račun«) tako, da z desno miškino tipko kliknete spletni element, katerega vrednost lokatorja moramo pregledati, in kliknemo možnost »Preveri element s Firebugom«.

2. korak : Bodite pozorni na besedilo, ki je znotraj oznake in si jih zapišite. Zato bo to besedilo uporabljeno za enolično identifikacijo povezave na spletni strani.

(Kliknite za ogled povečane slike)

Sintaksa: link = besedilo povezave elementa

V našem primeru je besedilo povezave »Ustvari račun«.

Preverite vrednost lokatorja

Korak 1 : Vtipkajte »link = Create a account«, tj. Vrednost lokatorja v ciljno polje v programu Selenium IDE.

2. korak : Kliknite gumb Najdi. Upoštevajte, da bi bila povezava označena z rumeno barvo s fluorescentno zeleno obrobo okoli polja.

Uporaba XPath kot lokatorja

Xpath se uporablja za iskanje spletnega elementa na podlagi njegove poti XML. XML pomeni Extensible Markup Language in se uporablja za shranjevanje, organiziranje in prevoz poljubnih podatkov. Podatke shranjuje v paru ključ-vrednost, ki je zelo podoben oznakam HTML. Oba sta označevalna jezika in ker spadata pod isti dežnik, lahko xpath uporabimo za iskanje elementov HTML.

Bistvo iskanja elementov s pomočjo Xpath je prehajanje med različnimi elementi po celotni strani in tako uporabniku omogoči, da najde element s sklicem na drug element.

Xpath je mogoče ustvariti na dva načina:

Relativni Xpath

Relativni Xpath se začne od trenutne lokacije in ima predpono '//'.

Na primer: // span (@ class = 'Email')

Absolutni Xpath

Absolute Xpath se začne s korensko potjo in ima predpono »/«.

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

Ključne točke:

• Uspešnost iskanja elementa s pomočjo Xpath je previsoka. Skupaj s prejšnjo izjavo lahko Xpath najde relativno vse elemente na spletni strani. Tako lahko Xpaths uporabimo za iskanje elementov, ki nimajo ID-ja, razreda ali imena.
• Ustvarjanje veljavnega Xpatha je zapleten in zapleten postopek. Na voljo so vtičniki za generiranje Xpath, vendar generirani Xpath večinoma ne uspe pravilno prepoznati spletnega elementa.
• Med ustvarjanjem xpath se mora uporabnik zavedati različnih nomenklatur in protokolov.

Primeri selena XPath:

Xpath Checker

Ustvarjanje Xpatha postane malo preprostejše s pomočjo programa Xpath Checker. Xpath Checker je dodatek za Firefox, ki samodejno generira Xpath za spletni element. Dodatek lahko prenesete in namestite kot kateri koli drug vtičnik. Vtičnik lahko prenesete s spletnega mesta “https://addons.mozilla.org/en-US/firefox/addon/xpath-checker/”.

Takoj ko je vtičnik nameščen, ga lahko v kontekstnem meniju vidite tako, da z desno miškino tipko kliknete kateri koli element, katerega xpath želimo ustvariti.

vprašanji in odgovori za podporo pri prijavi pdf

Kliknite »Pogled Xpath«, da si ogledate izraz Xpath elementa. Pojavilo se bo okno urejevalnika z ustvarjenim izrazom Xpath. Zdaj ima uporabnik svobodo urejanja in spreminjanja generiranega izraza Xpath. Ustrezni rezultati bi bili posodobljeni kumulativno.

Upoštevajte, da je XPath Checker na voljo tudi za druge brskalnike.

Toda ob ponovitvi dejstva, da generirani Xpaths večino časa spletnega elementa ne prepozna pravilno. Zato je priporočljivo ustvariti lasten Xpath po vnaprej določenih pravilih in protokolih.

V tem vzorcu bi dostopali do slike Google, ki je na vrhu obrazca za prijavo na gmail.com.

Ustvarjanje Xpath spletnega elementa

Korak 1 : Vnesite »// img (@ class =’ logo ’)«, to je vrednost lokatorja v ciljno polje znotraj IDEJA Selenium.

Sintaksa: Xpath elementa

2. korak : Kliknite gumb Najdi. Upoštevajte, da bi bila slika označena z rumeno barvo s fluorescentno zeleno obrobo okoli polja.

Zaključek

Tukaj je bistvo tega članka.

• Lokatorji so lastnosti HTML spletnega elementa, ki Seleniju pove o spletnem elementu, na katerem mora izvesti dejanja.
• Obstaja širok nabor spletnih elementov, s katerimi bo uporabnik morda moral redno komunicirati. Nekateri med njimi so: Textbox, Button, Drop Down, Hyperlink, CheckBox in Radio Button.
• S pestro paleto spletnih elementov prihaja ogromna pokrajina strategij / pristopov za iskanje teh spletnih elementov.
• Nekatere pogosto uporabljene vrste lokatorjev so ID, ClassName, Text Text, XPath, CSS Selectors in Name.

Opomba: Ker ustvarjanje CSS Selector in XPath zahteva veliko truda in prakse, zato postopek izvajajo le bolj izpopolnjeni in usposobljeni uporabniki.

V tej vadnici smo se naučili različnih vrst lokatorjev, vključno s selenium Xpath.

Naslednja vadnica št : V nadaljevanju te vadnice za vrste Selenium Locator se bomo naučili, kako uporabljati Izbirnik CSS kot lokator.

Kakšna vprašanja? Sporočite nam v komentarjih. Poskusili bomo rešiti vse.

Priporočeno branje

• Vadnica za iskanje selena z besedilom z primeri
• 30+ najboljših vadnic o selenu: Naučite se selena z resničnimi primeri
• Kako poiskati elemente v brskalnikih Chrome in IE za izdelavo skriptov za selen - Vadnica za selen št. 7
• Ravnanje s spletnimi mizami, okvirji in dinamičnimi elementi v skriptu Selenium - Vadnica za selen št. 18
• Uporaba razreda selena za izbiro spustnih elementov na spletni strani - vadnica za selenij št. 13
• Vadnica za kumare selena: Integracija kumar Java Selenium WebDriver
• Kako uporabljati izbirnik CSS za prepoznavanje spletnih elementov za skripte za selen - Vadnica za selenij št. 6
• Preverite vidnost spletnih elementov z različnimi vrstami ukazov WebDriver - Vadnica za selenij št. 14