how locate elements chrome
Ovo je tutorial br. 7 u našoj Selenium Online Training Series. Ako želite provjeriti sve tutorijale za Selenium u ovoj seriji, molimo provjerite ova stranica .
U prethodnom uputstvu pokušali smo rasvijetliti razne vrste lokatora u Seleniju i njihove mehanizme lociranja za izgradnju test skripti. Vodič se primarno sastojao od kratkog uvođenja različitih vrsta lokatora poput ID, razredi, putovi, tekstovi veza , CSS birači itd. i njihova identifikacija.
Nastavljajući s našim sljedećim uputstvom, iskoristili bismo priliku da vam predstavimo proširenje strategija lociranja. Dakle, u sljedeći vodič, proučavali bismo mehanizam za pronalaženje web elemenata na Google Chromeu i Internet Exploreru.
Kako smo svi dobro svjesni činjenice da postoji brzi rast baze korisnika Interneta, tako dionici i programeri grade web aplikacije koje će vjerojatno raditi na većini preglednika.
Stoga, zamislite situaciju u kojoj vaša web aplikacija ne podržava Firefox, ali dobro funkcionira za Chrome i Internet Explorer.
Sad, kako ćete automatizirati takvu aplikaciju pomoću selena? Ili da budemo precizniji kako ćete locirati web elemente u Chromeu i Internet Exploreru. Stoga odgovor leži u ovom vodiču.
osnovna sql pitanja za intervju i odgovori za svježe
Što ćete naučiti:
Lociranje web elemenata u Google Chromeu
Počnimo s razumijevanjem strategija lociranja u Google Chromeu.
Poput Firebuga u Firefoxu, i Google Chrome ima svoje vlastiti razvojni alat koji se mogu koristiti za prepoznavanje i lociranje web elemenata na web stranici. Za razliku od firebuga, od korisnika se ne traži da preuzme ili instalira bilo koji zasebni dodatak; alat za programere dolazi u paketu s Google Chromeom.
Slijedite korake u nastavku za pronalaženje web elemenata pomoću Chromeova alata za razvojne programere:
Korak 1: Primarni je korak pokretanje alata za razvojne programere Google Chrome. Pritisnite F12 da biste pokrenuli alat. Korisnik bi mogao vidjeti nešto poput donjeg zaslona.
Imajte na umu da je kartica 'Element' istaknuta na gornjoj snimci zaslona. Dakle, kartica element je ona koja prikazuje sva HTML svojstva koja pripadaju trenutnoj web stranici. Idite na karticu 'Element' ako se prilikom pokretanja ne otvori prema zadanim postavkama.
Alat za razvojne programere također možete pokrenuti tako da desnom tipkom miša kliknete bilo gdje unutar web stranice i odabirom 'Inspect element' (Pregled elementa) koji je vrlo sličan onom prilikom inspekcije firebuga.
Korak 2: Sljedeći je korak lociranje željenog objekta unutar web stranice. Jedan od načina da to učinite je desni klik na željeni web element i pregled. Svojstvo HTML koje pripada tom web elementu bit će istaknuto u alatu za programere. Drugi je način lebdenja kroz HTML svojstva i bit će istaknut odgovarajući web element. Dakle, na ovaj način korisnik može pronaći ID-ove, klasu, veze itd.
Stvaranje Xpatha u alatu za programere
Već smo raspravljali o Xpaths u zadnjem tutorialu. Također smo razgovarali o strategiji stvaranja. Ovdje bismo svoju raspravu temeljili na provjeri valjanosti stvorenog XPath u Chromeovom alatu za razvojne programere.
Korak 1: Za stvaranje XPath-a u alatu Developer otvorite karticu konzole.
Korak 2: Upišite stvoreni Xpath i priložite ga u $ x ('// input (@ id = 'Email')')
3. korak: Pritisnite tipku enter da biste vidjeli sve odgovarajuće HTML elemente s navedenim Xpathom. U našem slučaju postoji samo jedan odgovarajući HTML element. Zadržite pokazivač iznad tog HTML elementa i odgovarajući web element bit će istaknuti na web stranici.
Na taj se način mogu stvoriti i provjeriti valjanost svih Xpathova u konzoli.
Informacije povezane s CSS-om koji odgovaraju web elementu mogu se pronaći u Chromeovom alatu za razvojne programere. Pogledajte snimak zaslona u nastavku:
Lociranje web elemenata u Internet Exploreru
Kao i Google Chrome, Internet Explorer također ima vlastiti alat za razvojne programere koji se mogu koristiti za prepoznavanje web elemenata na temelju njihovih svojstava unutar web stranice. Korisnik nije dužan preuzeti ili instalirati bilo koji zasebni dodatak, alat za programere dolazi u paketu s Internet Explorerom.
Slijedite korake u nastavku za pronalaženje web elemenata pomoću alata IE Developer:
Korak 1: Primarni korak je pokretanje alata IE Developer. Pritisnite F12 da biste pokrenuli alat. Korisnik bi mogao vidjeti nešto poput donjeg zaslona.
Imajte na umu da je kartica 'HTML' istaknuta na gornjoj snimci zaslona. Dakle, HTML kartica je ona koja prikazuje sva HTML svojstva koja pripadaju trenutnoj web stranici. Proširite karticu HTML da biste pregledali svojstva svih web elemenata koji pripadaju trenutnoj web stranici.
Korak 2: Sljedeći je korak lociranje željenog objekta unutar web stranice. Jedan od načina je odabir HTML elementa i bit će istaknut odgovarajući web element. Dakle, na taj način korisnik može pronaći ID-ove, klasu, poveznice itd. Pogledajte na donjem snimku zaslona u kojem će Textbox biti istaknut čim odaberemo odgovarajuće HTML svojstvo.
Drugi način lociranja web elementa je kliknuti gumb 'Pronađi' koji se nalazi u gornjem izborniku i klikom na željeni web element unutar web stranice. Kao rezultat, bit će istaknuta odgovarajuća HTML svojstva.
Dakle, pomoću alata za programere korisnik može pronaći ID-ove, klase, nazive oznaka i može stvoriti Xpaths za lociranje web elemenata.
Kao i Chromeov razvojni alat, IE razvojni alat ima zaseban odjeljak koji prikazuje informacije povezane s CSS-om. Pogledajte donji snimak zaslona.
Zaključak
U ovom uputstvu osvijetlili smo osnovne strategije lociranja elemenata pomoću Developer-ovog alata za Google Chrome i Internet Explorer.
Sljedeći vodič # 8 : Nastavljajući sa sljedećim uputstvom, zadovoljstvo nam je predstaviti vam napredniji alat nazvan WebDriver. WebDriver jedan je od najzanimljivijih alata za automatizaciju. Tako bismo sljedeći vodič nadalje usmjeravali i temeljili naše rasprave oko WebDrivera i svih njegovih glatkih i groznih problema.
Preporučena literatura
- Provjerite vidljivost web elemenata pomoću različitih tipova naredbi WebDriver - Vodič za selenij # 14
- Uvod u Selenium WebDriver - Vodič za selen br. 8
- Kako se koristi CSS Selector za prepoznavanje web elemenata za skripte za selen - Vodič za selen br. 6
- Učinkoviti scenariji za skriptiranje i rješavanje problema sa selenijem - Vodič za selenij br. 27
- Otklanjanje pogrešaka u skriptama za selen sa zapisnicima (Vodič za Log4j) - Vodič za selen # 26
- 30+ najboljih vodiča za selen: naučite selen na stvarnim primjerima
- Vodič za krastavac selenij: Integracija Java Selenium WebDriver krastavaca
- Korištenje selenijske klase za rukovanje padajućim elementima na web stranici - Vodič za selenij br. 13