how use firebug creating selenium scripts selenium tutorial 4
I forrige tutorial , lærte vi, hvordan man opretter automatiserede testskripter ved hjælp af Selen IDE og dets optagefunktion. Vi bladede også gennem folkerige funktioner i Selen IDE . Vi sigtede mod at hindre læseren med de mest vitale funktioner og kommandoer i Selen IDE.
Bare en påmindelse - dette er vores 4. tutorial gratis Selen træningsserie .
Nu hvor du er vant til og i stand til at oprette automatiserede scripts ved hjælp af optagelsestilstand af Selen IDE, lad os gå videre med et andet værktøj, der spiller en meget vigtig rolle i at hjælpe os med at oprette effektive testskripts kendt som “Firebug”. Firebug hjælper os med at inspicere egenskaberne for webelementer og websider.
Således består denne tutorial af installationen af Firebug og dens anvendelighed.
Vær opmærksom på, at indholdet af denne vejledning ikke kun gælder i forbindelse med Selen IDE; snarere kan det anvendes på hvert eneste værktøj i Selenium-pakken. Således ville jeg fortrinsvis bruge udtrykket selen i stedet for selen IDE.
I denne vejledning kan vi lære, hvordan du bruger Firebug-tilføjelsesprogrammet til oprettelse af Selenium-scripts. I processen lærer vi også, hvordan du installerer Firebug.
Hvad du lærer:
- Introduktion til Firebug
- Sådan installeres Firebug?
- Oprettelse af Selenium Script ved hjælp af Firebug
- Konklusion
- Anbefalet læsning
Introduktion til Firebug
Firebug er en tilføjelse til Mozilla Firefox. Dette værktøj hjælper os med at identificere eller være mere specifikt til at inspicere HTML-, CSS- og JavaScript-elementer på en webside. Det hjælper os med at identificere elementerne entydigt på en webside. Elementerne kan findes entydigt baseret på deres lokaliseringstyper, som vi ville diskutere senere i denne vejledning.
Sådan installeres Firebug?
For at gøre det nemmere at forstå, vil vi opdele installationsprocessen i følgende trin.
Trin 1: Start Mozilla Firefox-browseren, og naviger til denne Firebug-download-side til download-download . URL'en fører os til Firefox-tilføjelsesafsnittet.
Trin -2: Klik på knappen 'Føj til Firefox', der findes på websiden. Se følgende figur for det samme.
Trin 3: Så snart vi klikker på knappen 'Føj til Firefox', vises en sikkerhedsadvarsel-boks. Klik på knappen 'Tillad' nu.
Trin 4: Nu downloader Firefox tilføjelsen på baggrunden, og der vises en statuslinje.
Trin 5: Så snart processen er afsluttet, vises softwareinstallationsvinduet. Klik nu på knappen 'Installer nu'.
Trin 6: Så snart installationen er afsluttet, vises en pop op, der siger, at firebug er installeret med succes. Vælg nu at lukke denne pop op.
Bemærk : I modsætning til Selen IDE er vi ikke forpligtet til at genstarte Firefox for at afspejle installationen af firebug, snarere kommer det let.
Trin 7: Nu for at starte firebug kan vi vælge en af følgende måder:
- Tryk på F12
- Klik på Firebug-ikonet til stede i det yderste øverste højre hjørne af Firefox-vinduet.
-
- Klik på Firefox menulinje -> Webudvikler -> firebug -> Åbn Firebug.
Trin 8 : Nu kan firebug ses i bunden af Firefox-vinduet.
Nu hvor vi har downloadet og installeret firebug, lad os gå videre med de typer lokaliseringer, som vi ville skabe ved hjælp af firebug.
Oprettelse af Selenium Script ved hjælp af Firebug
I modsætning til Selen IDE opretter vi i Firebug automatiske testscripts manuelt ved at tilføje flere testtrin for at danne et logisk og konsistent testscript.
Lad os følge en progressiv tilgang og forstå processen trin for trin.
Scenarie:
- Åbn “https://accounts.google.com”.
- Påstå ansøgningens titel
- Indtast et ugyldigt brugernavn og ugyldig adgangskode, og indsend oplysningerne for at logge ind.
Trin 1 - Start Firefox, og åbn Selenium IDE fra menulinjen.
Trin 2 - Indtast adressen på den applikation, der testes (“https://accounts.google.com”) i tekstfeltet Basis URL.
Trin 3 - Som standard er Record-knappen i ON-tilstand. Husk at indstille tilstanden OFF for at deaktivere optagelsestilstanden. Bemærk, hvis optagelsestilstanden er i ON-tilstand, kan det resultere i registrering af vores interaktioner med webbrowseren.
Trin 4 - Åbn applikationen under test (https://accounts.google.com) i Firefox.
Trin 5 - Start Firebug i webbrowseren.
Trin 6 - Vælg det tomme testtrin i Editoren.
Trin 7 - Skriv 'åben' i kommandotekstfeltet, der findes i Editor-ruden. Kommandoen 'åben' åbner den angivne URL i webbrowseren.
Anbefaling: Mens du skriver kommandoer i kommandotekstfeltet, kan brugeren udnytte funktionen til automatisk valg. Så snart brugeren skriver en sekvens af tegn, vil de matchende forslag automatisk blive udfyldt.
Brugeren kan også klikke på det tilgængelige rullemenu i kommandotekstfeltet for at se på alle kommandoer leveret af Selenium IDE.
Trin 8 - Bevæg dig nu mod Firebug-sektionen i webbrowseren, udvid 'head' -sektionen i HTML-koden. Bemærk HTML-koden. Således for at hævde titlen på websiden, ville vi kræve værdien af tagget.
Kopier titlen på websiden, der er 'Log ind - Google-konti' i vores tilfælde.
Trin 9 - Vælg det andet tomme testtrin i Editoren.
Trin 10 - Skriv “assertTitle” i kommandotekstfeltet, der findes i Editor-ruden. Kommandoen “assertTitle” returnerer den aktuelle sidetitel og sammenligner den med den angivne titel.
hvordan man laver din egen firewall
Trin 11 - Indsæt titlen, der blev kopieret i trin 8, i det andet mål i feltet.
Trin 12 - Vælg nu det tredje tomme testtrin i Editor-ruden
Trin 13 - Skriv 'type' kommando i kommandotekstfeltet. Kommandoen “type” indtaster en værdi i det angivne webelement til GUI.
Trin 14 - Skift nu til webbrowseren, bring musemarkøren til tekstfeltet 'E-mail' i loginformularen, og tryk på et højreklik.
Vælg 'Inspicer element med Firebug' mulighed. Bemærk, at Firebug automatisk fremhæver den tilsvarende HTML-kode til webelementet, dvs. 'E-mail-tekstboks'.
Trin 15 - HTML-koden i ovenstående illustration manifesterer de forskellige egenskabsegenskaber, der hører til tekstfeltet 'E-mail'. Bemærk, at der er fire egenskaber (ID, type, pladsholder og navn), der entydigt identificerer webelementet på websiden. Det er således op til brugeren at vælge en eller flere ejendomme til at identificere webelementet.
I dette tilfælde vælger vi således ID som locator. Kopier ID-værdien, og indsæt den i Target-feltet i det tredje testtrin, der er forud for 'id =' for at angive Selen IDE for at finde et webelement, der har ID som 'E-mail'.
(Klik for at se forstørret billede)
Skriv en bemærkning om, at Selen IDE er store og små bogstaver, så indtast attributværdien omhyggeligt og nøjagtigt den samme som den vises i HTML-koden.
Trin 16 - Klik på Find-knappen for at kontrollere, om den valgte lokalisator finder og lokaliserer det udpegede UI-element på websiden.
Trin 17 - Nu er det næste trin at indtaste testdataene i tekstfeltet Værdi i det tredje testtrin i Editor-ruden. Indtast 'InvalidEmailID' i tekstboksen Værdi. Brugeren kan ændre testdataene, når og når det ønskes.
Trin 18 - Vælg nu det fjerde tomme testtrin i Editor-ruden
Trin 19 - Skriv 'type' kommando i kommandotekstfeltet.
Trin 20 - Skift nu til webbrowseren, bring musemarkøren til 'Adgangskode' tekstfeltet i loginformularen og tryk på et højreklik.
Vælg 'Inspicer element med Firebug' mulighed.
Trin 21 - HTML-koden nedenfor manifesterer de forskellige egenskabsegenskaber, der hører til tekstboksen 'Adgangskode'. Bemærk, at der er fire egenskaber (ID, type, pladsholder og navn), der entydigt identificerer webelementet på websiden. Det er således op til brugeren at vælge en eller flere ejendomme til at identificere webelementet.
I dette tilfælde vælger vi således ID som locator. Kopier ID-værdien, og indsæt den i målfeltet i det tredje testtrin, der er forud for 'id ='.
(Klik for at se forstørret billede)
Trin 22 - Klik på Find-knappen for at kontrollere, om fanen Locator finder og lokaliserer det udpegede UI-element på websiden.
Trin 23 - Nu er det næste trin at indtaste testdataene i tekstfeltet Værdi i det fjerde testtrin i Editor-ruden. Indtast 'InvalidPassword' i tekstboksen Værdi. Brugeren kan ændre testdataene, når og når det ønskes.
Trin 24 - Vælg nu det femte tomme testtrin i Editor-ruden
Trin 25 - Skriv 'klik' -kommandoen i kommandotekstfeltet. 'Klik' -kommandoen klikker på et bestemt webelement på websiden.
Trin 26 - Skift nu til webbrowseren, bring musemarkøren til knappen 'Log ind' i loginformularen og tryk på et højreklik.
Vælg 'Inspicer element med Firebug' mulighed.
Trin 27 - HTML-koden nedenfor manifesterer de forskellige egenskabsegenskaber, der hører til knappen 'Log ind'.
Vælg ID som locator. Kopier ID-værdien, og indsæt den i målfeltet i det tredje testtrin, der er forud for 'id ='.
(Klik for at se forstørret billede)
Trin 28 - Klik på Find-knappen for at kontrollere, om locatoren valgte, finder og lokaliserer det udpegede UI-element på websiden.
Test scriptet er afsluttet nu. Se følgende illustration for at se det færdige testscript.
Trin 29 - Afspil det oprettede test script, og gem det på samme måde som i den foregående tutorial.
Konklusion
I denne vejledning introducerede vi endnu et værktøj til oprettelse af script eller rettere et værktøj, der hjælper med oprettelse af script.
Firebug har overraskende et stort potentiale til at lokalisere webelementer på en webside. Således kan brugeren udnytte værktøjets evner til manuelt at oprette effektive og effektive automatiseringstestscript.
Næste tutorial # 5 : Gå videre i den næste vejledning, vi vil se på forskellige typer lokaliseringer i Selen og deres tilgængelighedsteknik til at oprette testskripter . I mellemtiden kan læseren begynde at opbygge sine automatiserede testskripter ved hjælp af Firebug.
Har du brugt Firebug til inspektion af HTML-elementer eller til oprettelse af scripts? Synes du det er nyttigt? Del din oplevelse i kommentarer
Anbefalet læsning
- Sådan bruges TestNG Framework til oprettelse af selen-scripts - TestNG Selen Tutorial # 12
- Agurk Selen Tutorial: Agurk Java Selen WebDriver Integration
- Sådan finder du elementer i Chrome og IE-browsere til opbygning af selen-scripts - Selen Tutorial # 7
- Oprettelse af generik og testdragter - Selen-tutorial # 22
- Introduktion til Selen WebDriver - Selen Tutorial # 8
- Integration af Jenkins med Selen WebDriver: Trin-for-trin vejledning
- Dybdegående formørkelsesvejledninger til begyndere
- Effektiv Selen Scripting og fejlfinding af scenarier - Selen Tutorial # 27