Sådan bruges Firebug til oprettelse af selen – Scripts-Selenium Tutorial #4

i den forrige tutorial lærte vi, hvordan man opretter automatiserede testskripter ved hjælp af selen IDE og dens optagefunktion. Vi vendte også gennem folkerige træk ved selen IDE. Vi havde til formål at harbingering læseren med de mest vitale funktioner og kommandoer af selen IDE.

bare en påmindelse – dette er vores 4.tutorial i gratis selen træningsserie.

nu hvor du er vant til og i stand til at oprette automatiserede scripts ved hjælp af optagelsestilstand for 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 skabe effektive testskripter kendt som “Firebug”. Firebug hjælper os med at inspicere egenskaberne af internetelementer og hjemmesider.

således består denne tutorial af installationen af Firebug og dens anvendelighed.

tag en note om, at indholdet af denne tutorial ikke kun gælder i forbindelse med selen IDE; det kan snarere anvendes på hvert eneste værktøj af selen suite. Således ville jeg helst bruge term selen i stedet for selen IDE.

i denne tutorial, lad os lære at bruge Firebug add-on til at skabe selen scripts. I processen lærer vi også, hvordan du installerer Firebug.

Introduktion til Firebug

Firebug er en tilføjelse til Firebug. Dette værktøj hjælper os med at identificere eller være mere specifik inspicere HTML, CSS og JavaScript elementer på en hjemmeside. Det hjælper os med at identificere elementerne entydigt på en hjemmeside. Elementerne kan findes entydigt baseret på deres locator typer, som vi ville diskutere senere i denne tutorial.

Sådan installeres Firebug?

for at lette forståelsen ville vi bifurcere installationsprocessen i følgende trin.

Step -1: gå til denne Firebug add-on-overførselsside. URL ‘ en fører os til add-ons sektionen.

trin -2: Klik på knappen” Tilføj til brand”, der findes på hjemmesiden. Se følgende figur for det samme.

Trin-3: Så snart vi klikker på knappen “Tilføj til brand”, vises en sikkerhedsadvarselboks, klik på knappen “Tillad” nu.

Trin-4: Nu henter vi tilføjelsesprogrammet i baggrunden, og der vises en statuslinje.

Trin-5: så snart processen er færdig, vises installationsvinduet. 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 Firefoks for at afspejle firebug-installationen, men det kommer 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, der findes i det yderste øverste højre hjørne af Firebug-vinduet.
• 
• Klik på firefoks menulinje- > Netudvikler- > Åbn Firebug.

Trin-8: Nu kan firebug ses i bunden af Firefoks-vinduet.

nu hvor vi har hentet og installeret firebug, lad os gå videre med de typer locators, som vi ville skabe ved hjælp af firebug.

oprettelse af selen Script ved hjælp af Firebug

I modsætning til selen IDE opretter vi i Firebug automatiserede testskripter 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.

Scenario:

• Åbn “https://accounts.google.com”.
• Assert programmets titel
• indtast et ugyldigt brugernavn og en ugyldig adgangskode, og indsend detaljerne for at logge ind.

Trin 1-Start selen IDE fra menulinjen.

Trin 2-Indtast adressen på applikationen under test (“https://accounts.google.com”) inde i Base URL-tekstboksen.

Trin 3 – Som standard er optageknappen i ON-tilstand. Husk at indstille den fra tilstand for at deaktivere optagelsestilstanden. Bemærk Hvis optagelsestilstanden er i ON-tilstand, kan det resultere i optagelse af vores interaktioner med internetsøgeren.

Trin 4 – Åbn programmet under test (https://accounts.google.com) i Firebug.

Trin 5-start Firebug i internetsøgeren.

Trin 6 – Vælg det tomme testtrin i editoren.

Trin 7-skriv ” åbn ” i kommandotekstfeltet, der findes i Redigeringsruden. Kommandoen ” Åbn ” åbner den angivne URL i internetsøgeren.

anbefaling: mens du skriver kommandoer i kommandotekstfeltet, kan brugeren udnytte funktionen ved automatisk valg. Så snart brugeren skriver en sekvens af tegn, vil de matchende forslag blive automatisk udfyldt.

brugeren kan også klikke på rullemenuen, der er tilgængelig i kommandotekstfeltet for at se på alle de kommandoer, der leveres af selen IDE.Trin 8-bevæg dig nu mod Firebug-sektionen i internetsøgeren, Udvid afsnittet “hoved” i HTML-koden. Bemærk HTML-tagget <Titel>. For at hævde titlen på hjemmesiden ville vi kræve værdien af<title> tagget.

Kopier titlen på hjemmesiden, som 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 Redigeringsruden. Kommandoen” assertTitle ” returnerer den aktuelle sidetitel og sammenligner den med den angivne Titel.

trin 11 – Indsæt titlen kopieret i trin 8 i målfeltet for det andet.

trin 12 – Vælg nu det tredje tomme testtrin i Redigeringsruden

trin 13-skriv kommandoen “type” i kommandotekstfeltet. Kommandoen “type” indtaster en værdi i det angivne netelement på GUI ‘ en.

trin 14-skift nu til netsøgeren, bring musemarkøren til tekstfeltet “e-mail” i loginformularen og tryk på et højreklik.

Vælg” Undersøg Element med Firebug ” valgmulighed. Bemærk, at Firebug automatisk fremhæver den tilsvarende HTML-kode for internetelementet, dvs. “e-mail-tekstboks”.

trin 15 – HTML-koden i ovenstående illustration manifesterer de forskellige egenskabsattributter, der tilhører tekstfeltet “Email”. Bemærk, at der er fire egenskaber (ID, type, pladsholder og navn), der entydigt identificerer internetelementet på hjemmesiden. Det er således op til brugeren at vælge en eller flere egenskaber til at identificere internetelementet.

således vælger vi i dette tilfælde ID som locator. Kopier ID-værdien, og indsæt den i målfeltet i det tredje testtrin forud for “id=” for at indikere selen IDE for at finde et internetelement med ID som “e-mail”.

(Klik for at se forstørret billede)

lav en note om, at selen IDE er store og små bogstaver, og skriv således attributværdien omhyggeligt og nøjagtigt den samme som den vises i HTML-koden.

trin 16-Klik på knappen Find for at kontrollere, om den valgte lokaliserer finder og lokaliserer det udpegede UI-element på hjemmesiden.

trin 17-nu er det næste trin at indtaste testdataene i Værditekstboksen for det tredje testtrin i Editorruden. Indtast “InvalidEmailID” i tekstfeltet værdi. Brugeren kan ændre testdataene, når og når det ønskes.

trin 18 – Vælg nu det fjerde tomme testtrin i Redigeringsruden

trin 19 – skriv kommandoen” type ” i kommandotekstfeltet.

trin 20-skift nu til internetsøgeren, bring musemarkøren til tekstfeltet “adgangskode” i loginformularen, og tryk på et højreklik.

Vælg” Undersøg Element med Firebug ” valgmulighed.

trin 21 – HTML-koden nedenfor manifesterer de forskellige egenskabsattributter, der tilhører tekstfeltet “adgangskode”. Bemærk, at der er fire egenskaber (ID, type, pladsholder og navn), der entydigt identificerer internetelementet på hjemmesiden. Det er således op til brugeren at vælge en eller flere egenskaber til at identificere internetelementet.

således vælger vi i dette tilfælde ID som locator. Kopier ID-værdien, og indsæt den i målfeltet i det tredje testtrin forud for “id=”.

(Klik for at se forstørret billede)

trin 22 – Klik på knappen Find for at kontrollere, om locator fanebladet finder og lokaliserer det udpegede UI-element på hjemmesiden.

trin 23-nu er det næste trin at indtaste testdataene i Værditekstboksen for det fjerde testtrin i Editorruden. Indtast “ugyldigt kodeord” i tekstfeltet værdi. Brugeren kan ændre testdataene, når og når det ønskes.

trin 24 – Vælg nu det femte tomme testtrin i Redigeringsruden

trin 25 – skriv “klik” kommando i kommandotekstfeltet. Kommandoen “klik” klikker på et angivet internetelement på hjemmesiden.

trin 26-skift nu til netsøgeren, bring musemarkøren til knappen “Log ind” i loginformularen, og tryk på et højreklik.

Vælg” Undersøg Element med Firebug ” valgmulighed.

trin 27 – HTML-koden nedenfor manifesterer de forskellige egenskabsattributter, der tilhører knappen” Log ind”.

Vælg ID som locator. Kopier ID-værdien, og indsæt den i målfeltet i det tredje testtrin forud for “id=”.

(Klik for at se forstørret billede)

trin 28 – Klik på Find knappen for at kontrollere, om locator plukket finder og lokaliserer den udpegede UI element på hjemmesiden.

testscriptet er afsluttet nu. Se følgende illustration for at se det færdige testscript.

trin 29 – Afspil det oprettede testscript og gem det på samme måde som vi gjorde i den forrige tutorial.

konklusion

i denne tutorial introducerede vi endnu et script-oprettelsesværktøj eller rettere et værktøj, der hjælper med at oprette script.

Firebug har overraskende et stort potentiale for at finde internetelementer på en hjemmeside. Således kan brugeren udnytte værktøjets evner til at skabe effektive og effektive automatiseringstestskripter manuelt.

næste Tutorial # 5: gå videre i den næste tutorial, vi ville have et kig på de forskellige typer af locators i selen og deres tilgængelighed teknik til at bygge test scripts. I mellemtiden kan læseren begynde at opbygge hans / hendes automatiseringstestskripter ved hjælp af Firebug.