how use firebug creating selenium scripts selenium tutorial 4
I forrige opplæring , lærte vi hvordan vi lager automatiserte testskripter ved hjelp av Selen IDE og innspillingsfunksjonen. Vi bladde også gjennom folkerike funksjoner av Selen IDE . Vi hadde som mål å hindre leseren med de viktigste funksjonene og kommandoene til Selen IDE.
Bare en påminnelse - dette er vår fjerde opplæring gratis Selen trening serie .
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 veldig viktig rolle i å hjelpe oss med å lage effektive testskripter kjent som 'Firebug'. Firebug hjelper oss med å inspisere egenskapene til webelementer og websider.
Dermed består denne veiledningen av installasjonen av Firebug og dens brukervennlighet.
Legg merke til at innholdet i denne opplæringen ikke bare gjelder i forbindelse med Selen IDE; snarere kan den brukes på hvert eneste verktøy i Selenium-pakken. Dermed vil jeg helst bruke begrepet Selen i stedet for Selen IDE.
I denne opplæringen kan vi lære hvordan du bruker Firebug-tillegg for å lage Selenium-skript. I prosessen vil vi også lære hvordan du installerer Firebug.
Hva du vil lære:
- Introduksjon til Firebug
- Hvordan installere Firebug?
- Opprette Selenium Script ved hjelp av Firebug
- Konklusjon
- Anbefalt lesing
Introduksjon til Firebug
Firebug er et Mozilla Firefox-tillegg. Dette verktøyet hjelper oss med å identifisere eller å være mer spesifikk med å inspisere HTML-, CSS- og JavaScript-elementer på en webside. Det hjelper oss med å identifisere elementene unikt på en webside. Elementene kan bli funnet unikt basert på deres locator-typer, som vi vil diskutere senere i denne opplæringen.
Hvordan installere Firebug?
For å gjøre det lettere å forstå, vil vi forgrense installasjonsprosessen i følgende trinn.
Trinn 1: Start Mozilla Firefox-nettleseren og naviger til denne Firebug-nedlastingsside for tillegg . URL-en fører oss til Firefox-tilleggsseksjonen.
Steg 2: Klikk på knappen 'Legg til Firefox' på websiden. Se følgende figur for det samme.
Trinn 3: Så snart vi klikker på “Legg til Firefox” -knappen, vises en sikkerhetsvarsel-boks. Klikk på “Tillat” -knappen nå.
Trinn 4: Nå laster Firefox ned tillegget på bakgrunn og en fremdriftslinje vises.
Trinn 5: Så snart prosessen er fullført, vises installasjonsvinduet for programvaren. Klikk nå på “Installer nå” -knappen.
Trinn 6: Så snart installasjonen er fullført, vises et popup-vindu som sier at firebug er installert. Velg nå å lukke denne popupen.
Merk : I motsetning til Selen IDE, er vi ikke pålagt å starte Firefox på nytt for å gjenspeile installasjonen av brannfeilen, men den kommer lett.
Trinn 7: Nå for å starte firebug kan vi velge en av følgende måter:
- Trykk på F12
- Klikk på Firebug-ikonet i ekstreme øverste høyre hjørne av Firefox-vinduet.
-
- Klikk på Firefox menylinje -> Nettutvikler -> 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 søkere som vi oppretter ved hjelp av firebug.
Opprette Selenium Script ved hjelp av Firebug
I motsetning til Selen IDE, I Firebug, lager vi automatiserte testskript manuelt ved å legge til flere teststrinn for å danne et logisk og konsistent testskript.
La oss følge en progressiv tilnærming og forstå prosessen trinn for trinn.
Scenario:
- Åpne “https://accounts.google.com”.
- Påstå 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.
Steg 2 - Skriv inn adressen til applikasjonen som testes (“https://accounts.google.com”) i tekstboksen for grunn URL.
Trinn 3 - Som standard er Record-knappen i PÅ-tilstand. Husk å stille inn OFF-tilstanden for å deaktivere opptaksmodus. Legg merke til at hvis opptaksmodus er i PÅ-tilstand, kan det føre til at vi registrerer vår interaksjon med nettleseren.
Trinn 4 - Åpne applikasjonen 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 'open' i kommandotekstboksen i Editor-ruten. Kommandoen 'åpen' åpner den angitte URL-en i nettleseren.
Anbefaling: Mens du skriver kommandoer i kommandotekstboksen, kan brukeren utnytte funksjonen til automatisk valg. Så snart brukeren skriver inn en sekvens med tegn, vil samsvarende forslag automatisk fylles ut.
Brukeren kan også klikke på rullegardinmenyen som er tilgjengelig i kommandotextboksen for å se på alle kommandoene som leveres av Selenium IDE.
Trinn 8 - Nå, beveg deg mot Firebug-delen i nettleseren, utvid 'head' -delen av HTML-koden. Legg merke til HTML-koden. For å hevde tittelen på websiden, vil vi kreve verdien av koden.
Kopier tittelen på websiden som er 'Logg på - Google-kontoer' i vårt tilfelle.
Trinn 9 - Velg det andre tomme teststrinnet i Editor.
Trinn 10 - Skriv inn “assertTitle” i tekstboksen til kommandoen i redigeringsruten. Kommandoen “assertTitle” returnerer den aktuelle sidetittelen og sammenligner den med den angitte tittelen.
hvordan du bruker en bin-fil
Trinn 11 - Lim inn tittelen som ble kopiert i trinn 8, i målfeltet for det andre.
Trinn 12 - Velg nå det tredje tomme teststrinnet i redigeringsruten
Trinn 13 - Skriv 'type' kommando i kommandotekstboksen. Kommandoen 'type' legger inn en verdi i det angitte webelementet til GUI.
Trinn 14 - Bytt nå til nettleseren, ta musepekeren til 'E-post' tekstboksen i påloggingsskjemaet og trykk et høyreklikk.
Velg alternativet 'Inspiser element med Firebug'. 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 forskjellige egenskapseegenskapene som tilhører tekstfeltet 'E-post'. Legg merke til at det er fire egenskaper (ID, type, plassholder og navn) som unikt identifiserer webelementet på websiden. Dermed er det opp til brukeren å velge en eller flere eiendommer for å identifisere nettelementet.
Dermed velger vi i dette tilfellet ID som locator. Kopier ID-verdien og lim den inn i Target-feltet i det tredje testtrinnet foran “id =” for å indikere Selen IDE for å finne et webelement som har ID som “E-post”.
(Klikk for å se forstørret bilde)
Legg merke til at Selen IDE er store og små bokstaver, og skriv inn attributtverdien nøye og nøyaktig den samme som den vises i HTML-koden.
Trinn 16 - Klikk på Finn-knappen for å verifisere om den valgte locatoren finner og lokaliserer det angitte UI-elementet på websiden.
Trinn 17 - Nå er neste trinn å legge inn testdataene i tekstboksen Verdi i det tredje testtrinnet i redigeringsruten. Skriv inn “InvalidEmailID” i tekstboksen Verdi. Brukeren kan endre testdataene når og når det er ønskelig.
Trinn 18 - Velg nå det fjerde tomme teststrinnet i redigeringsruten
Trinn 19 - Skriv 'type' kommando i kommandotekstboksen.
Trinn 20 - Bytt nå til nettleseren, ta musepekeren til 'Passord' -tekstboksen i påloggingsskjemaet og trykk et høyreklikk.
Velg alternativet 'Inspiser element med Firebug'.
Trinn 21 - HTML-koden nedenfor viser de forskjellige egenskapseegenskapene som tilhører tekstboksen 'Passord'. Legg merke til at det er fire egenskaper (ID, type, plassholder og navn) som unikt identifiserer webelementet på websiden. Dermed er det opp til brukeren å velge en eller flere eiendommer for å identifisere nettelementet.
Dermed velger vi i dette tilfellet ID som locator. Kopier ID-verdien og lim den inn i målfeltet i det tredje teststrinnet som er foran “id =”.
(Klikk for å se forstørret bilde)
Trinn 22 - Klikk på Finn-knappen for å bekrefte om lokaliseringsfanen finner og lokaliserer det angitte UI-elementet på websiden.
Trinn 23 - Nå er neste trinn å angi testdataene i tekstboksen Verdi i det fjerde testtrinnet i redigeringsruten. Skriv inn 'InvalidPassword' i tekstboksen Verdi. Brukeren kan endre testdataene når og når det er ønskelig.
Trinn 24 - Velg nå det femte tomme teststrinnet i redigeringsruten
Trinn 25 - Skriv 'klikk' -kommandoen i kommandotekstboksen. 'Klikk' -kommandoen klikker på et spesifisert webelement på websiden.
Trinn 26 - Bytt nå til nettleseren, ta musepekeren til “Logg inn” -knappen i påloggingsskjemaet og trykk et høyreklikk.
Velg alternativet 'Inspiser element med Firebug'.
Trinn 27 - HTML-koden nedenfor viser de forskjellige egenskapseegenskapene som tilhører 'Logg inn' -knappen.
Velg ID som lokalisator. Kopier ID-verdien og lim den inn i målfeltet i det tredje teststrinnet som er foran “id =”.
(Klikk for å se forstørret bilde)
Trinn 28 - Klikk på Finn-knappen for å verifisere om locatoren plukket finner og lokaliserer det angitte UI-elementet på websiden.
Testskriptet er fullført nå. Se illustrasjonen nedenfor for å se det ferdige testskriptet.
Trinn 29 - Spill av det opprettet testskriptet og lagre det på samme måte som vi gjorde i forrige opplæring.
Konklusjon
I denne opplæringen introduserte vi enda et verktøy for å lage skript eller rettere sagt et verktøy som hjelper til med å lage skript.
Firebug har overraskende et stort potensiale for å finne webelementer på en webside. Dermed kan brukeren utnytte verktøyets evner til å lage effektive og effektive automatiseringstestskript manuelt.
Neste opplæring # 5 : Fortsett i neste opplæring, vil vi ta en titt på forskjellige typer lokaliseringer i Selen og deres tilgjengelighetsteknikk for å bygge testskripter . I mellomtiden kan leseren begynne å bygge sine automatiserte testskripter ved hjelp av Firebug.
Har du brukt Firebug til å inspisere HTML-elementer eller til å lage skript? Synes du det er nyttig? Del din erfaring i kommentarer
Anbefalt lesing
- Hvordan bruke TestNG Framework for å lage selenskript - TestNG Selen Tutorial # 12
- Agurk Selen Tutorial: Agurk Java Selen WebDriver Integration
- Hvordan finne elementer i Chrome- og IE-nettlesere for å bygge selen-skript - Selen-veiledning nr. 7
- Lage generikk og testdrakter - Selen-opplæring # 22
- Introduksjon til Selen WebDriver - Selenium Tutorial # 8
- Integrasjon av Jenkins med Selenium WebDriver: trinnvis veiledning
- In-Depth Eclipse Tutorials For Beginners
- Effektiv Selen Scripting og feilsøking av scenarier - Selenium Tutorial # 27