how use firebug creating selenium scripts selenium tutorial 4
U prethodni tutorial , naučili smo kako stvoriti automatizirane testne skripte pomoću Selenium IDE-a i njegove značajke snimanja. Prelistali smo i mnogoljudne značajke Selenium IDE . Cilj nam je bio čitatelju naručiti najvažnije značajke i naredbe programa Selenium IDE.
Samo podsjetnik - ovo je naš četvrti besplatni vodič Serija treninga za selen .
Sad kad ste navikli i sposobni stvarati automatizirane skripte pomoću načina snimanja Selenium IDE, krenimo s drugim alatom koji igra vrlo važnu ulogu u pružanju pomoći u stvaranju učinkovitih testnih skripti poznatih kao 'Firebug'. Firebug nam pomaže u provjeri svojstava web elemenata i web stranica.
Dakle, ovaj se vodič sastoji od instalacije Firebuga i njegove upotrebljivosti.
Imajte na umu da sadržaj ovog vodiča nije primjenjiv samo u kontekstu Selenium IDE-a; već se može primijeniti na svaki alat Selenium paketa. Stoga bih poželjno koristio izraz Selenium umjesto Selenium IDE.
U ovom uputstvu ćemo naučiti kako koristiti Firebug dodatak za stvaranje Selenium skripti. U procesu ćemo naučiti i kako instalirati Firebug.
Što ćete naučiti:
- Uvod u Firebug
- Kako instalirati Firebug?
- Stvaranje selenijske skripte pomoću Firebuga
- Zaključak
- Preporučena literatura
Uvod u Firebug
Firebug je dodatak za Mozilla Firefox. Ovaj nam alat pomaže u prepoznavanju ili preciznijem pregledavanju HTML, CSS i JavaScript elemenata na web stranici. Pomaže nam da jedinstveno prepoznamo elemente na web stranici. Elementi se mogu pronaći jedinstveno na temelju njihovih vrsta lokatora, o čemu ćemo raspravljati kasnije u ovom vodiču.
Kako instalirati Firebug?
Radi lakšeg razumijevanja, podijelili bismo postupak instalacije na sljedeće korake.
Korak 1: Pokrenite preglednik Mozilla Firefox i dođite do njega Stranica za preuzimanje dodatka za Firebug . URL nas vodi do odjeljka dodataka za Firefox.
Korak 2: Kliknite gumb 'Dodaj u Firefox' na web stranici. Pogledajte slijedeću sliku za isto.
Korak 3: Čim kliknemo gumb 'Dodaj u Firefox', pojavit će se okvir sa sigurnosnim upozorenjem, odmah kliknite gumb 'Dopusti'.
Korak 4: Sada Firefox preuzima dodatak u pozadini i prikazuje se traka napretka.
Korak 5: Čim se postupak dovrši, pojavljuje se prozor za instalaciju softvera. Sada kliknite gumb 'Instaliraj sada'.
Korak 6: Čim se instalacija završi, pojavit će se skočni prozor koji kaže da je firebug uspješno instaliran. Sada zatvorite ovaj skočni prozor.
Bilješka : Za razliku od Selenium IDE-a, od nas se ne zahtijeva da ponovno pokrenemo Firefox kako bi odražavao instalaciju firebuga, već dolazi spremno.
Korak 7: Sada za pokretanje firebuga možemo odabrati jedan od sljedećih načina:
- Pritisnite F12
- Kliknite ikonu Firebug koja se nalazi u krajnjem gornjem desnom kutu prozora Firefoxa.
- Kliknite traku izbornika Firefox -> Web Developer -> firebug -> Open Firebug.
Korak-8 : Sada se firebug može vidjeti na dnu prozora Firefoxa.
Sad kad smo preuzeli i instalirali firebug, krenimo s vrstama lokatora koje bismo kreirali pomoću firebuga.
Stvaranje selenijske skripte pomoću Firebuga
Za razliku od Selenium IDE, u Firebugu ručno izrađujemo automatizirane testne skripte dodavanjem višestrukih testnih koraka kako bismo oblikovali logičnu i dosljednu testnu skriptu.
Slijedimo progresivni pristup i razumijejmo postupak korak po korak.
Scenarij:
- Otvorite 'https://accounts.google.com'.
- Utvrdite naslov prijave
- Unesite nevažeće korisničko ime i neispravnu lozinku i pošaljite detalje za prijavu.
Korak 1 - Pokrenite Firefox i na traci izbornika otvorite Selenium IDE.
Korak 2 - Unesite adresu aplikacije koja se testira ('https://accounts.google.com') u okvir za tekst Osnovni URL.
Korak 3 - Prema zadanim je postavkama gumb Snimanje u stanju UKLJUČENO. Ne zaboravite ga isključiti tako da onemogućite način snimanja. Primijetite da je način snimanja u stanju UKLJUČENO, to može rezultirati snimanjem naših interakcija s web preglednikom.
4. korak - Otvorite testnu aplikaciju (https://accounts.google.com) u Firefoxu.
Korak 5 - Pokrenite Firebug u web pregledniku.
Korak 6 - Odaberite prazan testni korak u programu Editor.
Korak 7 - Upišite 'open' u okvir za tekst naredbe prisutan u oknu uređivača. Naredba 'otvori' otvara navedeni URL u web pregledniku.
Preporuka: Dok tipkate naredbe u tekstni okvir naredbe, korisnik može iskoristiti značajku automatskog odabira. Dakle, čim korisnik upiše niz znakova, prijedlozi za podudaranje automatski će se popuniti.
Korisnik također može kliknuti na padajući izbornik dostupan u okviru za tekst naredbe kako bi pogledao sve naredbe koje pruža Selenium IDE.
Korak 8 - Sada, kretanje prema odjeljku Firebug unutar web preglednika, proširite odjeljak 'glava' HTML koda. Primijetite HTML oznaku. Stoga bismo zatražili naslov web stranice, trebali bismo vrijednost oznake.
Kopirajte naslov web stranice koja je u našem slučaju 'Prijava - Google računi'.
9. korak - Odaberite drugi prazni testni korak u programu Editor.
10. korak - Upišite 'assertTitle' u tekstni okvir naredbe prisutan u oknu uređivača. Naredba 'assertTitle' vraća trenutni naslov stranice i uspoređuje ga s navedenim naslovom.
koji je slučaj upotrebe u testiranju softvera
11. korak - Zalijepite naslov kopiran u koraku 8 u polje Target drugog.
12. korak - Sada odaberite treći prazni testni korak u oknu uređivača
Korak 13 - Upišite naredbu 'type' u okvir za tekst naredbe. Naredba 'type' unosi vrijednost u navedeni web element na GUI.
14. korak - Sada se prebacite na web preglednik, pomaknite pokazivač miša na tekstni okvir 'E-pošta' unutar obrasca za prijavu i pritisnite desni klik.
Odaberite opciju 'Inspect Element with Firebug'. Primijetite da Firebug automatski ističe odgovarajući HTML kôd za web element, tj. 'E-mail tekstualni okvir'.
Korak 15 - HTML kôd na gornjoj ilustraciji manifestira različite atribute svojstava koji pripadaju tekstnom okviru 'E-pošta'. Primijetite da postoje četiri svojstva (ID, vrsta, rezervirano mjesto i ime) koja jedinstveno identificiraju web element na web stranici. Stoga je na korisniku da odabere jedno ili više svojstava za prepoznavanje web elementa.
Stoga u ovom slučaju odabiremo ID kao lokator. Kopirajte vrijednost ID-a i zalijepite je u polje Target trećeg ispitnog koraka s prefiksom 'id =' da naznačite kako će Selenium IDE pronaći web element koji ima ID kao 'Email'.
(Kliknite za prikaz povećane slike)
Zabilježite da je u selenium IDE osjetljivo na velika i mala slova, stoga upišite vrijednost atributa pažljivo i točno onako kako je prikazana u HTML kodu.
Korak 16 - Kliknite gumb Pronađi da biste provjerili je li odabrani lokator pronašao i smjestio naznačeni element korisničkog sučelja na web stranici.
Korak 17 - Sada je sljedeći korak unos podataka o testiranju u okvir za vrijednost trećeg koraka ispitivanja u oknu uređivača. U tekst 'Vrijednost' unesite 'InvalidEmailID'. Korisnik može mijenjati test podatke kad i kada to želi.
Korak 18 - Sada odaberite četvrti prazni testni korak u oknu uređivača
Korak 19 - Upišite naredbu 'type' u okvir za tekst naredbe.
20. korak - Sada se prebacite na web preglednik, pomaknite pokazivač miša na tekstni okvir 'Lozinka' unutar obrasca za prijavu i pritisnite desni klik.
Odaberite opciju 'Inspect Element with Firebug'.
21. korak - HTML kôd u nastavku prikazuje različite atribute svojstava koji pripadaju tekstnom okviru 'Lozinka'. Primijetite da postoje četiri svojstva (ID, vrsta, rezervirano mjesto i ime) koja jedinstveno identificiraju web element na web stranici. Stoga je na korisniku da odabere jedno ili više svojstava za prepoznavanje web elementa.
Stoga u ovom slučaju odabiremo ID kao lokator. Kopirajte vrijednost ID-a i zalijepite je u polje Target trećeg koraka ispitivanja s prefiksom 'id ='.
(Kliknite za prikaz povećane slike)
Korak 22 - Kliknite gumb Pronađi da biste provjerili nalazi li kartica s lokatorom pronađeni i smješteni označeni element korisničkog sučelja na web stranici.
Korak 23 - Sada je sljedeći korak unos podataka o testiranju u okvir za vrijednost četvrtog koraka ispitivanja u oknu uređivača. U tekst 'Vrijednost' unesite 'InvalidPassword'. Korisnik može mijenjati test podatke kad i kada to želi.
Korak 24 - Sada odaberite peti prazni testni korak u oknu uređivača
Korak 25 - Upišite naredbu 'klik' u okvir za tekst naredbe. Naredba 'klik' klikne na navedeni web element unutar web stranice.
Korak 26 - Sada se prebacite na web preglednik, pomaknite kursor miša na gumb 'Prijavi se' unutar obrasca za prijavu i pritisnite desni klik.
Odaberite opciju 'Inspect Element with Firebug'.
Korak 27 - HTML kôd u nastavku prikazuje različite atribute svojstava koji pripadaju gumbu 'Prijavi se'.
Odaberite ID kao lokator. Kopirajte vrijednost ID-a i zalijepite je u polje Target trećeg koraka ispitivanja s prefiksom 'id ='.
(Kliknite za prikaz povećane slike)
Korak 28 - Kliknite gumb Pronađi da biste provjerili je li lokator odabrao i pronašao naznačeni element korisničkog sučelja na web stranici.
Probna skripta je sada dovršena. Pogledajte sljedeću ilustraciju da biste pogledali gotovu testnu skriptu.
Korak 29 - Reproducirajte stvorenu testnu skriptu i spremite je na isti način kao u prethodnom vodiču.
Zaključak
U ovom uputstvu predstavili smo još jedan alat za stvaranje skripti ili radije alat koji pomaže u stvaranju skripti.
Firebug iznenađujuće ima velik potencijal za lociranje web elemenata na web stranici. Tako korisnik može iskoristiti mogućnosti alata u ručnom stvaranju učinkovitih i učinkovitih skripti za automatizaciju.
Sljedeći vodič # 5 : Krećući se naprijed u sljedećem vodiču, pogledali bismo razne vrste lokatora u seleniju i njihova tehnika pristupačnosti za izradu test skripti . U međuvremenu čitatelj može započeti izgradnju svojih skripti za automatizaciju pomoću Firebuga.
Jeste li koristili Firebug za pregled HTML elemenata ili za izradu skripti? Smatrate li korisnim? Podijelite svoje iskustvo u komentarima
Preporučena literatura
- Kako se koristi TestNG Framework za stvaranje skripti za selen - TestNG Selen Tutorial # 12
- Vodič za krastavac selenij: Integracija Java Selenium WebDriver krastavaca
- Kako locirati elemente u preglednicima Chrome i IE za izgradnju skripti za selen - Vodič za selen br. 7
- Stvaranje generičkih lijekova i testova - Vodič za selen br. 22
- Uvod u Selenium WebDriver - Vodič za selen br. 8
- Integracija Jenkinsa s Selenium WebDriver: Vodič korak po korak
- Dubinski vodiči za pomračenje za početnike
- Učinkoviti scenariji za skriptiranje i rješavanje problema sa selenijem - Vodič za selenij br. 27