Hvordan Bruke Firebug For Å Lage Selen Scripts-Selen Tutorial #4

i forrige tutorial, lærte vi hvordan å lage automatiserte testskript ved Hjelp Av Selen IDE og opptaksfunksjonen. Vi har også vendt gjennom folkerike egenskaper Av Selen IDE. Vi rettet mot harbingering leseren med de mest vitale funksjonene Og kommandoene Til Selen IDE.

Bare en påminnelse-dette er vår 4. opplæring i Free Selenium training series.Nå som du er vant til og i stand til å lage automatiserte skript ved hjelp av opptaksmodus Av Selen IDE, la oss gå videre med et annet verktøy som spiller en svært viktig rolle i å hjelpe oss med å lage effektive testskript kjent som «Firebug». Firebug hjelper oss med å inspisere egenskapene til webelementer og nettsider.

denne opplæringen består Derfor av installasjon Av Firebug og brukervennlighet.

Merk at innholdet i denne opplæringen ikke bare gjelder I Sammenheng Med Selen IDE; snarere kan det brukes på hvert verktøy Av Selenium suite. Dermed vil jeg helst bruke begrepet Selen i stedet For Selen IDE.

i denne opplæringen, kan lære å bruke Firebug add-on for å lage Selen skript. I prosessen vil vi også lære å installere Firebug.

Introduksjon til Firebug

Firebug Er Et Mozilla Firefox-tillegg. Dette verktøyet hjelper oss i å identifisere ELLER å være mer bestemt inspisere HTML, CSS og JavaScript elementer på en nettside. Det hjelper oss med å identifisere elementene unikt på en nettside. Elementene kan bli funnet unikt basert på deres locator typer som vi ville diskutere senere i denne opplæringen.

Hvordan Installere Firebug?

for enkel forståelse, ville vi bifurcate installasjonsprosessen i følgende trinn.

Trinn -1: Start Mozilla Firefox-nettleseren og naviger til Denne Firebug add-on nedlastingssiden. NETTADRESSEN tar Oss Til Firefox add-ons-delen.

Trinn -2: Klikk på» Legg Til Firefox » – knappen på nettsiden. Se følgende figur for det samme.

Trinn-3: Så snart vi klikker på» Legg Til I Firefox «- knappen, vises en sikkerhetsvarslingsboks, klikk på» Tillat » – knappen nå.

Step-4: Nå firefox laster ned tillegget i bakgrunnen og en fremdriftslinje vises.

Trinn 5: så snart prosessen er fullført, vises programvareinstallasjonsvinduet. Klikk nå på» Installer Nå » – knappen.

Trinn-6: så snart installasjonen er fullført, vises en popup som sier at firebug er installert. Nå velger å lukke denne pop up.

Merk: I motsetning Til Selen IDE, er Vi ikke pålagt å starte Firefox på nytt for å gjenspeile firebug-installasjonen, men det kommer lett.

Step-7: Nå for å starte firebug, kan vi velge en av følgende måter:

• Trykk F12
• Klikk På Firebug ikonet til stede i ekstreme øverste høyre hjørne Av Firefox-vinduet.



• Klikk På Firefox-menylinjen- > Webutvikler- > firebug – > Åpne Firebug.

Trinn-8: Nå kan firebug ses nederst I Firefox-vinduet.

Nå som vi har lastet ned og installert firebug, la oss gå videre med de typer lokatorer som vi ville skape ved hjelp firebug.

Opprette Selenium Script ved Hjelp Av Firebug

I Motsetning Til Selenium IDE, I Firebug, lager vi automatiserte testskript manuelt ved å legge til flere testtrinn for å danne et logisk og konsistent testskript.

La oss følge en progressiv tilnærming og forstå prosessen trinnvis.

Scenario:

• Åpne » https://accounts.google.com».
• Assert Tittel på søknaden
• Skriv inn et ugyldig brukernavn og ugyldig passord og send inn detaljene for å logge inn.

Trinn 1-Start Firefox og åpne Selen IDE fra menylinjen.

Trinn 2-Skriv inn adressen til søknaden under test («https://accounts.google.com») inne I Grunnadressen tekstboksen.

Trinn 3-Som standard Er Opptaksknappen i på tilstand. Husk å stille den av staten for å deaktivere opptaksmodus. Merknad hvis opptaksmodus er i på tilstand, kan det føre til opptak av vår samhandling med nettleseren.

Trinn 4-Åpne programmet under test (https://accounts.google.com) I Firefox.

Trinn 5-Start Firebug i nettleseren.

Trinn 6-Velg det tomme testtrinnet i Editoren.

Trinn 7-Skriv «åpne» i kommandotekstboksen som finnes i Redigeringsruten. Kommandoen» åpne » åpner den angitte NETTADRESSEN i nettleseren.

Anbefaling: mens du skriver kommandoer i kommandotekstboksen, kan brukeren utnytte funksjonen for automatisk valg. Så snart brukeren skriver inn en sekvens av tegn, vil de samsvarende forslagene bli automatisk fylt ut.brukeren kan også klikke på rullegardinmenyen som er tilgjengelig i kommandotekstboksen for å se på alle kommandoene Fra Selenium IDE.Trinn 8-nå, bevegelse mot Firebug-delen i nettleseren, utvide» head » – delen AV HTML-koden. Legg merke TIL HTML-koden <tittel >. For å hevde tittelen på nettsiden, vil vi kreve verdien av<tittel> taggen.

Kopier tittelen på nettsiden som er «Logg Inn-Google-Kontoer» i vårt tilfelle.

Trinn 9-Velg det andre tomme testtrinnet i Redigeringsprogrammet.

Trinn 10-Skriv «assertTitle» i kommandotekstboksen til stede i Redigeringsruten. Kommandoen» assertTitle » returnerer den gjeldende sidetittelen og sammenligner den med den angitte tittelen.

Trinn 11-Lim inn tittelen kopiert i trinn 8 i Målfeltet til det andre.

Trinn 12-velg nå det tredje tomme testtrinnet i Redigeringsruten

Trinn 13 – skriv «type» – kommandoen i kommandotekstboksen. Kommandoen» type » angir en verdi i det angitte webelementet på GUI.

Trinn 14-bytt nå til nettleseren, ta musepekeren til tekstboksen» E-Post » i innloggingsskjemaet og trykk et høyreklikk.

Velg «Inspiser Element med Firebug» – alternativet. Legg merke til at Firebug automatisk fremhever den tilsvarende HTML-koden for webelementet, dvs. «E-Posttekstboks».

Trinn 15-HTML-koden i illustrasjonen ovenfor manifesterer de distinkte egenskapsattributtene som tilhører tekstboksen» E-Post». Legg merke til at det er fire egenskaper (ID, type, plassholder og navn) som unikt identifiserer webelementet på nettsiden. Dermed er det opp til brukeren å velge en eller flere enn en egenskap for å identifisere webelementet.

I dette tilfellet velger VI ID som lokaliserer. Kopier ID-verdien og lim den Inn I Målfeltet i det tredje testtrinnet prefiks med «id=» for å indikere Selen IDE for å finne et webelement SOM HAR ID SOM»E-Post».

(Klikk for å vise forstørret bilde)

Merk at Selen IDE er saksfølsomt, og skriv derfor attributtverdien nøye og nøyaktig den samme som den vises i HTML-koden.

Trinn 16-Klikk På Finn-knappen for å kontrollere om den valgte lokalisatoren finner OG lokaliserer DET angitte UI-elementet på nettsiden.

Trinn 17-nå er neste trinn å legge inn testdataene I Verditekstboksen i det tredje testtrinnet i Redigeringsruten. Skriv inn «InvalidEmailID» I Verdi tekstboksen. Brukeren kan endre testdata som og når det er ønsket.

Trinn 18-velg nå det fjerde tomme testtrinnet i Redigeringsruten

Trinn 19 – Skriv «type» – kommandoen i kommandotekstboksen.

Trinn 20-nå bytte til nettleseren, bringe musepekeren til» Passord » tekstboksen i innloggingsskjemaet og trykk et høyreklikk.

Velg» Inspiser Element Med Firebug » alternativet.

Trinn 21-HTML-koden nedenfor manifesterer de forskjellige egenskapsattributtene som tilhører tekstboksen «Passord». Legg merke til at det er fire egenskaper (ID, type, plassholder og navn) som unikt identifiserer webelementet på nettsiden. Dermed er det opp til brukeren å velge en eller flere enn en egenskap for å identifisere webelementet.

I dette tilfellet velger VI ID som lokaliserer. Kopier ID-verdien og lim den inn I Målfeltet i det tredje testtrinnet prefiks med «id=».

(Klikk for å vise forstørret bilde)

Trinn 22-Klikk På Finn-knappen for å kontrollere om den fanebaserte lokalisatoren finner OG lokaliserer DET angitte UI-elementet på nettsiden.

Trinn 23-nå er neste trinn å legge inn testdataene I Verditekstboksen i det fjerde testtrinnet i Redigeringsruten. Skriv inn «InvalidPassword» I Verdi tekstboksen. Brukeren kan endre testdata som og når det er ønsket.

Trinn 24-velg nå det femte tomme testtrinnet i Redigeringsruten

Trinn 25 – Skriv «klikk» – kommandoen i kommandotekstboksen. Kommandoen» klikk » klikker på et angitt webelement på nettsiden.

Trinn 26-bytt Nå til nettleseren, ta musepekeren til» Logg inn » – knappen i innloggingsskjemaet og trykk et høyreklikk.

Velg» Inspiser Element Med Firebug » alternativet.

Trinn 27-HTML-koden nedenfor manifesterer de forskjellige egenskapsattributtene som tilhører «Logg inn» – knappen.

Velg ID som lokaliserer. Kopier ID-verdien og lim den inn I Målfeltet i det tredje testtrinnet prefiks med «id=».

(Klikk for å vise forstørret bilde)

Trinn 28-Klikk På Finn-knappen for å bekrefte om lokaliseringsvalgte finner OG lokaliserer det angitte BRUKERGRENSESNITTELEMENTET på nettsiden.

testskriptet er fullført nå. Se følgende illustrasjon for å vise det ferdige testskriptet.

Trinn 29-Spill av det opprettede testskriptet og Lagre det på samme måte som vi gjorde i forrige opplæring.

Konklusjon

i denne opplæringen introduserte vi enda et skriptverktøy eller et verktøy som hjelper til med å lage skript.

Firebug har overraskende stort potensial for å finne webelementer på en nettside. Dermed kan brukeren utnytte verktøyets evner i å skape effektive og effektive automatisering testskript manuelt.

Neste Tutorial #5: Flytte fremover i neste opplæringen, vi ville ta en titt på de ulike typer locators I Selen og deres tilgjengelighet teknikk for å bygge testskript. I mellomtiden kan leseren begynne å bygge sine automatiseringstestskript ved Hjelp Av Firebug.