how use firebug creating selenium scripts selenium tutorial 4
I föregående handledning , vi lärde oss hur man skapar automatiserade testskript med hjälp av Selen IDE och dess inspelningsfunktion. Vi bläddrade också genom befolkade funktioner i Selen IDE . Vi syftade till att hindra läsaren med de viktigaste funktionerna och kommandona i Selen IDE.
Bara en påminnelse - det här är vår fjärde handledning gratis Selen träningsserie .
Nu när du är van och kan skapa automatiska skript med inspelningsläge för Selen IDE, låt oss gå vidare med ett annat verktyg som spelar en mycket viktig roll för att hjälpa oss att skapa effektiva testskript som kallas 'Firebug'. Firebug hjälper oss att inspektera egenskaperna hos webbelement och webbsidor.
Således består denna handledning av installationen av Firebug och dess användbarhet.
Observera att innehållet i denna handledning inte bara är tillämpligt i samband med Selen IDE; snarare kan den tillämpas på varje verktyg i Selenium-sviten. Således skulle jag helst använda termen Selen istället för Selen IDE.
I den här guiden kan vi lära oss hur man använder Firebug-tillägg för att skapa Selen-skript. I processen lär vi oss också hur du installerar Firebug.
Vad du kommer att lära dig:
- Introduktion till Firebug
- Hur installerar jag Firebug?
- Skapa Selenium-skript med Firebug
- Slutsats
- Rekommenderad läsning
Introduktion till Firebug
Firebug är ett tillägg från Mozilla Firefox. Detta verktyg hjälper oss att identifiera eller närmare inspektera HTML-, CSS- och JavaScript-element på en webbsida. Det hjälper oss att identifiera elementen unikt på en webbsida. Elementen kan hittas unikt baserat på deras lokaliseringstyper som vi skulle diskutera senare i denna handledning.
Hur installerar jag Firebug?
För att underlätta förståelsen skulle vi dela upp installationsprocessen i följande steg.
Steg 1: Starta Mozilla Firefox-webbläsaren och navigera till den här Firebug-tilläggs nedladdningssida . URL: en tar oss till Firefox-tilläggssektionen.
Steg 2: Klicka på knappen 'Lägg till Firefox' på webbsidan. Se följande bild för samma sak.
Steg 3: Så snart vi klickar på knappen 'Lägg till i Firefox' visas en säkerhetsvarningsruta. Klicka på knappen 'Tillåt' nu.
Steg 4: Nu hämtar Firefox tillägget i bakgrunden och en förloppsindikator visas.
Steg 5: Så snart processen är klar visas installationsfönstret för programvaran. Klicka nu på knappen 'Installera nu'.
Steg 6: Så snart installationen är klar visas en popup som säger att firebug har installerats framgångsrikt. Välj nu att stänga denna popup.
Notera : Till skillnad från Selen IDE är vi inte skyldiga att starta om Firefox för att återspegla installationen av firebug, utan det kommer lätt.
Steg 7: Nu för att starta firebug kan vi välja något av följande sätt:
- Tryck på F12
- Klicka på Firebug-ikonen i det övre högra hörnet i Firefox-fönstret.
-
- Klicka på Firefox menyfält -> Webutvecklare -> firebug -> Öppna Firebug.
Steg 8 : Nu kan firebug ses längst ner i Firefox-fönstret.
Nu när vi har laddat ner och installerat firebug, går vi vidare med de typer av lokaliserare som vi skulle skapa med firebug.
Skapa Selenium-skript med Firebug
Till skillnad från Selen IDE, I Firebug skapar vi automatiserade testskript manuellt genom att lägga till flera teststeg för att bilda ett logiskt och konsekvent testskript.
Låt oss följa ett progressivt tillvägagångssätt och förstå processen steg för steg.
Scenario:
- Öppna 'https://accounts.google.com'.
- Hävda titeln på ansökan
- Ange ett ogiltigt användarnamn och ogiltigt lösenord och skicka informationen för att logga in.
Steg 1 - Starta Firefox och öppna Selen IDE från menyraden.
Steg 2 - Ange adressen till applikationen som testas (“https://accounts.google.com”) i textrutan för basadress.
Steg 3 - Som standard är inspelningsknappen i PÅ-läge. Kom ihåg att ställa in OFF-läget för att inaktivera inspelningsläget. Observera om inspelningsläget är i PÅ-läge kan det leda till att vi registrerar våra interaktioner med webbläsaren.
Steg 4 - Öppna programmet som testas (https://accounts.google.com) i Firefox.
Steg 5 - Starta Firebug i webbläsaren.
Steg 6 - Välj det tomma teststeget i Editor.
Steg 7 - Skriv 'öppen' i kommandot textrutan i redigeringsfönstret. Kommandot 'öppna' öppnar den angivna URL: en i webbläsaren.
Rekommendation: När du skriver kommandon i kommandot textrutan kan användaren använda funktionen för automatisk markering. Så snart användaren skriver en sekvens av tecken skulle matchningsförslagen automatiskt fyllas i.
Användaren kan också klicka på rullgardinsmenyn i kommandot textrutan för att titta på alla kommandon som tillhandahålls av Selen IDE.
Steg 8 - Rör dig nu mot Firebug-sektionen i webbläsaren, expandera 'head' -delen av HTML-koden. Lägg märke till HTML-taggen. Således för att hävda titeln på webbsidan skulle vi behöva taggens värde.
Kopiera titeln på webbsidan som är 'Logga in - Google-konton' i vårt fall.
Steg 9 - Välj det andra tomma teststeget i Editor.
Steg 10 - Skriv “assertTitle” i kommandot textrutan i redigeringsfönstret. Kommandot “assertTitle” returnerar den aktuella sidtiteln och jämför den med den angivna titeln.
vila intervju frågor och svar för erfarna
Steg 11 - Klistra in titeln som kopierades i steg 8 i det andra målfältet.
Steg 12 - Välj nu det tredje tomma teststeget i redigeringsfönstret
Steg 13 - Skriv ”typ” -kommandot i kommandot textrutan. Kommandot “typ” anger ett värde i det angivna webbelementet till GUI.
Steg 14 - Byt nu till webbläsaren, för muspekaren till textrutan 'E-post' i inloggningsformuläret och tryck på ett högerklick.
Välj alternativet 'Inspektera element med Firebug'. Observera att Firebug automatiskt markerar motsvarande HTML-kod för webbelementet, dvs. ”E-posttextruta”.
Steg 15 - HTML-koden i ovanstående illustration manifesterar de olika egenskapattributen som tillhör textrutan 'E-post'. Observera att det finns fyra egenskaper (ID, typ, platshållare och namn) som unikt identifierar webbelementet på webbsidan. Således är det upp till användaren att välja en eller flera egenskaper för att identifiera webbelementet.
I det här fallet väljer vi alltså ID som lokaliserare. Kopiera ID-värdet och klistra in det i fältet Target i det tredje teststeget före ”id =” för att indikera Selen IDE för att hitta ett webbelement med ID som “E-post”.
(Klicka för att se förstorad bild)
Anteckna att Selen IDE är skiftlägeskänslig, skriv så attributvärdet noggrant och exakt på samma sätt som det visas i HTML-koden.
Steg 16 - Klicka på knappen Sök för att verifiera om den valda sökaren hittar och lokaliserar det angivna UI-elementet på webbsidan.
Steg 17 - Nu är nästa steg att ange testdata i textrutan Värde i det tredje teststeget i Editor-rutan. Ange 'InvalidEmailID' i textrutan Värde. Användaren kan ändra testdata efter behov.
Steg 18 - Välj nu det fjärde tomma teststeget i redigeringsfönstret
Steg 19 - Skriv ”typ” -kommandot i kommandot textrutan.
Steg 20 - Byt nu till webbläsaren, för muspekaren till textrutan 'Lösenord' i inloggningsformuläret och tryck på ett högerklick.
Välj alternativet 'Inspektera element med Firebug'.
Steg 21 - HTML-koden nedan visar de olika egenskaperna för att tillhöra textrutan 'Lösenord'. Observera att det finns fyra egenskaper (ID, typ, platshållare och namn) som unikt identifierar webbelementet på webbsidan. Således är det upp till användaren att välja en eller flera egenskaper för att identifiera webbelementet.
I det här fallet väljer vi alltså ID som lokaliserare. Kopiera ID-värdet och klistra in det i målfältet i det tredje teststeget före ”id =”.
(Klicka för att se förstorad bild)
Steg 22 - Klicka på knappen Sök för att verifiera om lokaliseringsfliken hittar och lokaliserar det angivna användargränssnittselementet på webbsidan.
Steg 23 - Nu är nästa steg att ange testdata i textrutan Värde i det fjärde teststeget i Editor-rutan. Ange 'InvalidPassword' i textrutan Värde. Användaren kan ändra testdata efter behov.
Steg 24 - Välj nu det femte tomma teststeget i redigeringsfönstret
Steg 25 - Skriv 'klicka' -kommandot i kommandot textrutan. Kommandot 'klicka' klickar på ett visst webbelement på webbsidan.
Steg 26 - Byt nu till webbläsaren, för muspekaren till 'Logga in' -knappen i inloggningsformuläret och tryck på ett högerklick.
Välj alternativet 'Inspektera element med Firebug'.
Steg 27 - HTML-koden nedan visar de olika egenskaperna för egenskapen som tillhör knappen 'Logga in'.
Välj ID som lokaliserare. Kopiera ID-värdet och klistra in det i målfältet i det tredje teststeget före ”id =”.
(Klicka för att se förstorad bild)
Steg 28 - Klicka på Sök-knappen för att verifiera om sökaren valde hittar och lokaliserar det angivna användargränssnittselementet på webbsidan.
Testskriptet är klart nu. Se följande bild för att se det färdiga testskriptet.
Steg 29 - Spela upp det skapade testskriptet och spara det på samma sätt som vi gjorde i föregående handledning.
Slutsats
I denna handledning introducerade vi ännu ett verktyg för att skapa skript eller snarare ett verktyg som hjälper till att skapa skript.
Firebug har överraskande stor potential att hitta webbelement på en webbsida. Således kan användaren utnyttja verktygets funktioner för att skapa effektiva och effektiva automatiserade testskript manuellt.
Nästa handledning # 5 : Gå vidare i nästa handledning, vi skulle ta en titt på olika typer av lokaliserare i Selen och deras tillgänglighetsteknik för att bygga testskript . Under tiden kan läsaren börja bygga sina automatiserade testskript med Firebug.
Har du använt Firebug för att inspektera HTML-element eller för att skapa skript? Tycker du att det är användbart? Dela din erfarenhet i kommentarer
Rekommenderad läsning
- Hur man använder TestNG Framework för att skapa selen-skript - TestNG Selen Tutorial # 12
- Gurkselen-handledning: Gurka Java Selen WebDriver-integration
- Hur man hittar element i Chrome- och IE-webbläsare för att bygga selen-skript - Selen-handledning # 7
- Skapa generik och testdräkter - Selen Tutorial # 22
- Introduktion till Selen WebDriver - Selen Tutorial # 8
- Integrering av Jenkins med Selenium WebDriver: Steg-för-steg-handledning
- Fördjupade förmörkningsövningar för nybörjare
- Effektiv skriptning av selen och felsökning av scenarier - Selen-handledning nr 27