how use firebug creating selenium scripts selenium tutorial 4
V prejšnja vadnica smo se naučili, kako ustvariti samodejne testne skripte s pomočjo selenium IDE in njegove funkcije snemanja. Pregledali smo tudi veliko prebivalcev lastnosti Selenium IDE . Naš cilj je bil bralca seznaniti z najpomembnejšimi lastnostmi in ukazi programa Selenium IDE.
Samo opomnik - to je naša četrta brezplačna vadnica Serija treningov za selen .
Zdaj, ko ste navajeni in ste sposobni ustvarjati avtomatizirane skripte z uporabo načina snemanja Selenium IDE, nadaljujmo z drugim orodjem, ki ima zelo pomembno vlogo pri ustvarjanju učinkovitih testnih skriptov, znanih kot 'Firebug'. Firebug nam pomaga pri pregledu lastnosti spletnih elementov in spletnih strani.
Tako je ta vadnica sestavljena iz namestitve Firebuga in njegove uporabnosti.
Upoštevajte, da vsebina te vadnice ni uporabna samo v okviru Selenium IDE; namesto tega ga je mogoče uporabiti za vsako orodje zbirke Selenium. Tako bi raje uporabil izraz Selenium namesto Selenium IDE.
V tej vadnici se naučimo, kako uporabljati dodatek Firebug za ustvarjanje skriptov Selenium. V tem postopku bomo izvedeli tudi, kako namestiti Firebug.
Kaj se boste naučili:
- Uvod v Firebug
- Kako namestiti Firebug?
- Ustvarjanje skripta Selenium s pomočjo Firebuga
- Zaključek
- Priporočeno branje
Uvod v Firebug
Firebug je dodatek za Mozilla Firefox. To orodje nam pomaga pri prepoznavanju ali natančnejšem pregledu elementov HTML, CSS in JavaScript na spletni strani. Pomaga nam prepoznati elemente na spletni strani. Elemente lahko najdemo enolično glede na njihove vrste lokatorjev, o katerih bomo razpravljali kasneje v tej vadnici.
Kako namestiti Firebug?
Zaradi lažjega razumevanja bi postopek namestitve razdelili na naslednje korake.
Korak 1: Zaženite brskalnik Mozilla Firefox in se pomaknite do njega Stran za prenos dodatka za Firebug . URL nas pripelje do oddelka za dodatke Firefox.
Korak -2: Kliknite gumb »Dodaj v Firefox« na spletni strani. Za isto glejte naslednjo sliko.
3. korak: Takoj, ko kliknemo gumb »Dodaj v Firefox«, se prikaže polje z varnostnim opozorilom, kliknite gumb »Dovoli«.
4. korak: Zdaj Firefox prenese dodatek v ozadju in prikaže se vrstica napredka.
5. korak: Takoj ko se postopek konča, se prikaže okno za namestitev programske opreme. Zdaj kliknite gumb »Namesti zdaj«.
6. korak: Takoj, ko se namestitev konča, se prikaže pojavno okno, v katerem piše, da je bila požarna napaka uspešno nameščena. Zdaj izberite, da zaprete to pojavno okno.
Opomba : V nasprotju s selenium IDE nam Firefoxa ni treba znova zagnati, da bi odražal namestitev požarne napake, temveč je na voljo takoj.
7. korak: Zdaj lahko zaženemo firebug, lahko se odločimo za enega od naslednjih načinov:
- Pritisnite F12
- Kliknite ikono Firebug v zgornjem desnem kotu Firefoxovega okna.
-
- Kliknite menijsko vrstico Firefox -> Spletni razvijalec -> firebug -> Open Firebug.
Korak-8 : Zdaj je požarna napaka vidna na dnu okna Firefox.
Zdaj, ko smo prenesli in namestili firebug, nadaljujmo s vrstami lokatorjev, ki bi jih ustvarili z uporabo firebuga.
Ustvarjanje skripta Selenium s pomočjo Firebuga
Za razliko od Selenium IDE v Firebugu ročno ustvarjamo avtomatizirane testne skripte, tako da dodamo več testnih korakov, da oblikujemo logičen in dosleden testni skript.
Upoštevajmo progresiven pristop in korak za korakom razumemo postopek.
Scenarij:
- Odprite »https://accounts.google.com«.
- Uveljavi naslov prijave
- Vnesite neveljavno uporabniško ime in neveljavno geslo ter pošljite podrobnosti za prijavo.
Korak 1 - Zaženite Firefox in v menijski vrstici odprite Selenium IDE.
2. korak - Vnesite naslov preskušane aplikacije (»https://accounts.google.com«) v besedilno polje Osnovni URL.
3. korak - Gumb za snemanje je privzeto v stanju ON. Ne pozabite ga nastaviti na OFF, da onemogočite način snemanja. Če je način snemanja v stanju VKLOP, lahko povzroči snemanje naših interakcij s spletnim brskalnikom.
4. korak - Odprite testno aplikacijo (https://accounts.google.com) v Firefoxu.
5. korak - Zaženite Firebug v spletnem brskalniku.
6. korak - V urejevalniku izberite prazen preskusni korak.
7. korak - V ukazno besedilno polje v urejevalnem podoknu vnesite »odprto«. Ukaz »odpri« odpre navedeni URL v spletnem brskalniku.
Priporočilo: Med tipkanjem ukazov v besedilno polje ukaza lahko uporabnik izkoristi funkcijo samodejne izbire. Takoj ko uporabnik vnese zaporedje znakov, se predlogi za ujemanje samodejno vnesejo.
Uporabnik lahko klikne tudi spustni meni, ki je na voljo v besedilnem polju ukaza, da si ogleda vse ukaze, ki jih nudi Selenium IDE.
8. korak - Zdaj se pomaknite proti odseku Firebug v spletnem brskalniku, razširite odsek 'head' v kodi HTML. Upoštevajte oznako HTML. Za uveljavitev naslova spletne strani bi zahtevali vrednost oznake.
Kopirajte naslov spletne strani, ki je v našem primeru »Prijava - Google Računi«.
9. korak - V urejevalniku izberite drugi prazen preskusni korak.
10. korak - V besedilno polje ukaza v urejevalnem podoknu vnesite »assertTitle«. Ukaz »assertTitle« vrne naslov trenutne strani in ga primerja z navedenim naslovom.
c ++ nedefiniran sklic na funkcijo razreda
11. korak - Naslov, kopiran v 8. koraku, prilepite v polje Target drugega.
12. korak - Sedaj izberite tretji prazen preskusni korak v urejevalnem podoknu
13. korak - V polje za besedilo ukaza vnesite ukaz »type«. Ukaz 'type' vnese vrednost v navedeni spletni element v GUI.
14. korak - Zdaj preklopite na spletni brskalnik, premaknite kazalec miške v besedilno polje »E-pošta« v prijavnem obrazcu in pritisnite desni klik.
Izberite možnost »Preveri element s Firebugom«. Upoštevajte, da Firebug samodejno označi ustrezno kodo HTML za spletni element, tj. »E-poštno polje z besedilom«.
15. korak - Koda HTML na zgornji sliki prikazuje različne atribute lastnosti, ki pripadajo besedilnemu polju »E-pošta«. Upoštevajte, da obstajajo štiri lastnosti (ID, vrsta, nadomestni znak in ime), ki enolično identificirajo spletni element na spletni strani. Tako mora uporabnik izbrati eno ali več lastnosti za prepoznavanje spletnega elementa.
Tako v tem primeru za lokator izberemo ID. Kopirajte vrednost ID in jo prilepite v polje Target tretjega preizkusnega koraka s predpono 'id =', da označite, da bo Selenium IDE poiskal spletni element z ID-jem kot 'Email'.
(Kliknite za ogled povečane slike)
Upoštevajte, da je v programu Selenium IDE občutljiva velika in mala črka, zato vrednost atributa vnesite previdno in natanko tako, kot je prikazana v kodi HTML.
16. korak - Kliknite gumb Poišči, da preverite, ali izbrani lokator najde in najde določeni element uporabniškega vmesnika na spletni strani.
17. korak - Naslednji korak je vnos testnih podatkov v besedilno polje Value v tretjem testnem koraku v urejevalnem podoknu. V besedilno polje Value vnesite »InvalidEmailID«. Uporabnik lahko spremeni podatke o preskusu, kadar koli in ko to želi.
18. korak - Sedaj izberite četrti prazen preizkusni korak v urejevalnem podoknu
19. korak - V polje za besedilo ukaza vnesite ukaz »type«.
20. korak - Zdaj preklopite na spletni brskalnik, premaknite kazalec miške v besedilno polje »Geslo« v prijavnem obrazcu in pritisnite desni klik.
Izberite možnost »Preveri element s Firebugom«.
21. korak - Spodnja koda HTML prikazuje različne atribute lastnosti, ki pripadajo besedilnemu polju »Geslo«. Upoštevajte, da obstajajo štiri lastnosti (ID, vrsta, nadomestni znak in ime), ki enolično identificirajo spletni element na spletni strani. Tako mora uporabnik izbrati eno ali več lastnosti za prepoznavanje spletnega elementa.
Tako v tem primeru za lokator izberemo ID. Kopirajte vrednost ID in jo prilepite v polje Target tretjega preskusnega koraka s predpono 'id ='.
(Kliknite za ogled povečane slike)
22. korak - Kliknite gumb Poišči, da preverite, ali zavihek lokatorja najde in poišče določeni element uporabniškega vmesnika na spletni strani.
23. korak - Naslednji korak je vnos testnih podatkov v besedilno polje Value v četrtem preizkusnem koraku v urejevalnem podoknu. V besedilno polje Value vnesite »InvalidPassword«. Uporabnik lahko spremeni podatke o preskusu, kadar koli in ko to želi.
24. korak - Zdaj v urejevalnem podoknu izberite peti prazen preskusni korak
25. korak - V polje za besedilo ukaza vnesite ukaz »klik«. Ukaz »klik« klikne na določen spletni element na spletni strani.
26. korak - Zdaj preklopite na spletni brskalnik, premaknite kazalec miške na gumb »Prijava« v prijavnem obrazcu in pritisnite desni klik.
Izberite možnost »Preveri element s Firebugom«.
27. korak - Spodnja koda HTML prikazuje različne atribute lastnosti, ki pripadajo gumbu »Prijava«.
Za lokator izberite ID. Kopirajte vrednost ID in jo prilepite v polje Target tretjega preskusnega koraka s predpono 'id ='.
(Kliknite za ogled povečane slike)
28. korak - Kliknite gumb Poišči, da preverite, ali je lokator izbral in poiskal določeni element uporabniškega vmesnika na spletni strani.
Preizkusni skript je zdaj končan. Za ogled končnega preizkusnega skripta si oglejte naslednjo sliko.
29. korak - Predvajajte ustvarjeni testni skript in ga shranite na enak način kot v prejšnji vadnici.
Zaključek
V tej vadnici smo predstavili še eno orodje za ustvarjanje skriptov oziroma orodje, ki pomaga pri ustvarjanju skriptov.
Firebug ima presenetljivo velik potencial za iskanje spletnih elementov na spletni strani. Tako lahko uporabnik izkoristi zmožnosti orodja pri ročnem ustvarjanju učinkovitih in uspešnih skriptov za avtomatizacijo.
Naslednja vadnica št : V nadaljevanju vaje bi si ogledali različne vrste lokatorjev v selenu in njihova tehnika dostopnosti za izdelavo testnih skriptov . Medtem lahko bralec začne graditi svoje skripte za avtomatizacijo s pomočjo Firebuga.
Ali ste Firebug uporabljali za pregledovanje elementov HTML ali za ustvarjanje skriptov? Se vam zdi koristno? Prosimo, delite svoje izkušnje v komentarjih
Priporočeno branje
- Kako uporabiti ogrodje TestNG za ustvarjanje skriptov za selen - Vadnica # 12 za TestNG Selenium
- Vadnica za kumare selena: Integracija kumar Java Selenium WebDriver
- Kako poiskati elemente v brskalnikih Chrome in IE za izdelavo skriptov za selen - Vadnica za selen št. 7
- Ustvarjanje generičnih izdelkov in testnih kompletov - Vadnica za selen št. 22
- Uvod v Selenium WebDriver - Vadnica za selenij št. 8
- Integracija Jenkinsa s selenium WebDriver: Vadnica po korakih
- Vadnice za globinsko zasenčenje za začetnike
- Učinkoviti scenariji za skriptiranje in odpravljanje težav s selenijem - Vadnica za selenij št. 27