how use firebug creating selenium scripts selenium tutorial 4
In de vorige tutorial hebben we geleerd hoe we geautomatiseerde testscripts kunnen maken met Selenium IDE en de opnamefunctie. We bladerden ook door dichtbevolkt kenmerken van Selenium IDE We wilden de lezer lastigvallen met de meest vitale functies en opdrachten van Selenium IDE.
Even een herinnering - dit is onze 4e gratis tutorial Selenium trainingsserie
Nu u gewend bent en in staat bent om geautomatiseerde scripts te maken met de opnamemodus van Selenium IDE, gaan we verder met een ander hulpmiddel dat een zeer belangrijke rol speelt bij het maken van effectieve testscripts, bekend als 'Firebug'. Firebug helpt ons bij het inspecteren van de eigenschappen van webelementen en webpagina's.
Deze tutorial bestaat dus uit de installatie van Firebug en de bruikbaarheid ervan.
Houd er rekening mee dat de inhoud van deze tutorial niet alleen van toepassing is in de context van Selenium IDE; het kan eerder op elke tool van Selenium suite worden toegepast. Dus ik zou bij voorkeur de term Selenium gebruiken in plaats van Selenium IDE.
In deze zelfstudie leren we hoe u de Firebug-add-on kunt gebruiken voor het maken van Selenium-scripts. Tijdens het proces zullen we ook leren hoe we Firebug kunnen installeren.
Wat je leert:
- Inleiding tot Firebug
- Hoe Firebug te installeren?
- Selenium-script maken met Firebug
- Gevolgtrekking
- Aanbevolen literatuur
Inleiding tot Firebug
Firebug is een add-on voor Mozilla Firefox. Deze tool helpt ons bij het identificeren of meer specifiek inspecteren van HTML-, CSS- en JavaScript-elementen op een webpagina. Het helpt ons de elementen uniek op een webpagina te identificeren. De elementen kunnen uniek worden gevonden op basis van hun locatortype, die we later in deze tutorial zouden bespreken.
Hoe Firebug te installeren?
Voor het gemak zouden we het installatieproces in de volgende stappen splitsen.
Stap 1: Start de Mozilla Firefox-browser en navigeer hiernaartoe Downloadpagina voor Firebug-add-on De URL brengt ons naar de Firefox-add-onssectie.
Stap 2: Klik op de knop 'Toevoegen aan Firefox' op de webpagina. Raadpleeg de volgende afbeelding voor hetzelfde.
Stap 3: Zodra we op de knop 'Toevoegen aan Firefox' klikken, verschijnt er een venster met een beveiligingswaarschuwing. Klik nu op de knop 'Toestaan'.
Stap 4: Nu downloadt Firefox de add-on in de achtergrond en wordt een voortgangsbalk weergegeven.
Stap 5: Zodra het proces is voltooid, verschijnt het software-installatievenster. Klik nu op de knop 'Nu installeren'.
Stap 6: Zodra de installatie is voltooid, verschijnt er een pop-up met de melding dat de firebug met succes is geïnstalleerd. Kies er nu voor om deze pop-up te sluiten.
Opmerking : In tegenstelling tot Selenium IDE, zijn we niet verplicht om Firefox opnieuw te starten om de firebug-installatie weer te geven, het komt eerder gemakkelijk.
Stap 7: Om firebug te starten, kunnen we een van de volgende manieren kiezen:
- Druk op F12
- Klik op het Firebug-pictogram in de rechterbovenhoek van het Firefox-venster.
- Klik op Firefox-menubalk -> Webontwikkelaar -> firebug -> Open Firebug.
Stap 8 : Nu is de firebug te zien aan de onderkant van het Firefox-venster.
Nu we firebug hebben gedownload en geïnstalleerd, gaan we verder met de soorten locators die we zouden maken met firebug.
Selenium-script maken met Firebug
In tegenstelling tot Selenium IDE maken we in Firebug handmatig geautomatiseerde testscripts door meerdere teststappen toe te voegen om een logisch en consistent testscript te vormen.
Laten we een progressieve aanpak volgen en het proces stap voor stap begrijpen.
Scenario:
- Open ‘https://accounts.google.com’.
- Bevestig de titel van de aanvraag
- Voer een ongeldige gebruikersnaam en ongeldig wachtwoord in en verzend de gegevens om in te loggen.
Stap 1 - Start Firefox en open Selenium IDE vanuit de menubalk.
Stap 2 - Voer het adres van de te testen applicatie in ('https://accounts.google.com') in het tekstvak Basis-URL.
Stap 3 - Standaard staat de opnameknop AAN. Vergeet niet om het UIT te schakelen om de opnamemodus uit te schakelen. Merk op dat als de opnamemodus AAN staat, dit kan resulteren in het opnemen van onze interacties met de webbrowser.
Stap 4 - Open de te testen applicatie (https://accounts.google.com) in Firefox.
Stap 5 - Start Firebug in de webbrowser.
Stap 6 - Selecteer de lege teststap in de Editor.
Stap 7 - Typ 'open' in het tekstvak van de opdracht in het bewerkingsvenster. De opdracht 'open' opent de opgegeven URL in de webbrowser.
Aanbeveling: tijdens het typen van opdrachten in het opdrachttekstvak kan de gebruiker de functie van automatische selectie gebruiken. Dus zodra de gebruiker een reeks tekens typt, worden de overeenkomende suggesties automatisch ingevuld.
De gebruiker kan ook op de vervolgkeuzelijst klikken die beschikbaar is in het tekstvak met opdrachten om alle opdrachten van Selenium IDE te bekijken.
Stap 8 - Ga nu naar het Firebug-gedeelte in de webbrowser en vouw het 'head'-gedeelte van de HTML-code uit. Let op de HTML-tag. Om de titel van de webpagina te bevestigen, hebben we de waarde van de tag nodig.
Kopieer de titel van de webpagina die in ons geval 'Aanmelden - Google-accounts' is.
Stap 9 - Selecteer de tweede lege teststap in de Editor.
Stap 10 - Typ 'assertTitle' in het tekstvak van de opdracht in het editorvenster. De opdracht 'assertTitle' retourneert de huidige paginatitel en vergelijkt deze met de opgegeven titel.
hoe voer ik een jar-bestand uit in Windows 10
Stap 11 - Plak de titel gekopieerd in stap 8 in het doelveld van de tweede.
Stap 12 - Selecteer nu de derde lege teststap in het Editor-paneel
Stap 13 Typ de opdracht 'type' in het tekstvak met de opdracht. De opdracht 'type' voert een waarde in het opgegeven webelement in op de GUI.
Stap 14 - Schakel nu over naar de webbrowser, breng de muiscursor naar het tekstvak 'E-mail' in het aanmeldingsformulier en druk met de rechtermuisknop.
Kies de optie 'Element inspecteren met Firebug'. Merk op dat de Firebug automatisch de corresponderende HTML-code voor het webelement markeert, d.w.z. 'Email Textbox'.
Stap 15 - De HTML-code in de bovenstaande afbeelding toont de verschillende eigenschapattributen die behoren tot het tekstvak 'E-mail'. Merk op dat er vier eigenschappen zijn (ID, type, tijdelijke aanduiding en naam) die het webelement op de webpagina uniek identificeren. Het is dus aan de gebruiker om een of meer eigenschappen te kiezen om het webelement te identificeren.
In dit geval kiezen we dus ID als locator. Kopieer de ID-waarde en plak deze in het Target-veld van de derde teststap, voorafgegaan door 'id =' om Selenium IDE aan te duiden om een webelement met ID als 'E-mail' te lokaliseren.
(Klik om een vergrote afbeelding te bekijken)
Houd er rekening mee dat Selenium IDE hoofdlettergevoelig is, dus typ de attribuutwaarde zorgvuldig en precies hetzelfde als deze wordt weergegeven in de HTML-code.
Stap 16 - Klik op de knop Zoeken om te controleren of de geselecteerde locator het aangewezen UI-element op de webpagina vindt en lokaliseert.
Stap 17 - Nu is de volgende stap het invoeren van de testgegevens in het tekstvak Waarde van de derde teststap in het bewerkingsvenster. Typ 'InvalidEmailID' in het tekstvak Waarde. De gebruiker kan de testgegevens naar wens wijzigen.
Stap 18 Selecteer nu de vierde lege teststap in het Editor-paneel
Stap 19 Typ de opdracht 'type' in het tekstvak met de opdracht.
Stap 20 - Schakel nu over naar de webbrowser, breng de muiscursor naar het tekstvak 'Wachtwoord' in het aanmeldingsformulier en druk met de rechtermuisknop.
Kies de optie 'Element inspecteren met Firebug'.
Stap 21 - De HTML-code hieronder toont de verschillende eigenschapattributen die behoren tot het tekstvak 'Wachtwoord'. Merk op dat er vier eigenschappen zijn (ID, type, tijdelijke aanduiding en naam) die het webelement op de webpagina uniek identificeren. Het is dus aan de gebruiker om een of meer eigenschappen te kiezen om het webelement te identificeren.
In dit geval kiezen we dus ID als locator. Kopieer de ID-waarde en plak deze in het Target-veld van de derde teststap, voorafgegaan door “id =”.
(Klik om een vergrote afbeelding te bekijken)
Stap 22 - Klik op de knop Zoeken om te controleren of het locator-tabblad het aangewezen UI-element op de webpagina vindt en lokaliseert.
Stap 23 - Nu is de volgende stap het invoeren van de testgegevens in het tekstvak Waarde van de vierde teststap in het bewerkingsvenster. Typ 'InvalidPassword' in het tekstvak Waarde. De gebruiker kan de testgegevens naar wens wijzigen.
Stap 24 Selecteer nu de vijfde lege teststap in het Editor-paneel
Stap 25 Typ de 'klik' -opdracht in het opdrachttekstvak. Het 'klik' -commando klikt op een gespecificeerd webelement binnen de webpagina.
Stap 26 - Schakel nu over naar de webbrowser, breng de muiscursor naar de knop 'Aanmelden' in het aanmeldingsformulier en druk met de rechtermuisknop.
Kies de optie 'Element inspecteren met Firebug'.
Stap 27 - De onderstaande HTML-code toont de verschillende eigenschapattributen die bij de knop 'Aanmelden' horen.
Kies ID als locator. Kopieer de ID-waarde en plak deze in het Target-veld van de derde teststap, voorafgegaan door “id =”.
(Klik om een vergrote afbeelding te bekijken)
Stap 28 - Klik op de knop Zoeken om te controleren of de gekozen locator het aangewezen UI-element op de webpagina vindt en lokaliseert.
Het testscript is nu voltooid. Raadpleeg de volgende afbeelding om het voltooide testscript te bekijken.
Stap 29 - Speel het gemaakte testscript af en sla het op dezelfde manier op als in de vorige tutorial.
Gevolgtrekking
In deze tutorial hebben we nog een ander hulpmiddel voor het maken van scripts geïntroduceerd, of liever een hulpmiddel dat helpt bij het maken van scripts.
Firebug heeft verrassend genoeg een groot potentieel om webelementen op een webpagina te vinden. Zo kan de gebruiker de mogelijkheden van de tool gebruiken om handmatig effectieve en efficiënte automatiseringstestscripts te maken.
Volgende tutorial # 5 Als we verder gaan in de volgende tutorial, zouden we de verschillende soorten locators in Selenium en hun toegankelijkheidstechniek om testscripts te bouwen In de tussentijd kan de lezer beginnen met het bouwen van zijn / haar automatiseringstestscripts met Firebug.
Heeft u Firebug gebruikt voor het inspecteren van HTML-elementen of voor het maken van scripts? Vindt u het nuttig? Deel uw ervaring in opmerkingen
Aanbevolen literatuur
- TestNG Framework gebruiken voor het maken van Selenium-scripts - TestNG Selenium-zelfstudie # 12
- Cucumber Selenium Tutorial: Cucumber Java Selenium WebDriver Integration
- Elementen zoeken in Chrome- en IE-browsers voor het bouwen van Selenium-scripts - Selenium-zelfstudie # 7
- Generieke geneesmiddelen en testsuites maken - Selenium-zelfstudie # 22
- Inleiding tot Selenium WebDriver - Selenium Tutorial # 8
- Integratie van Jenkins met Selenium WebDriver: stapsgewijze zelfstudie
- Diepgaande Eclipse-zelfstudies voor beginners
- Efficiënte Selenium-scripts en scenario's voor probleemoplossing - Selenium-zelfstudie # 27