how use firebug creating selenium scripts selenium tutorial 4
In dem vorheriges Tutorial haben wir gelernt, wie man automatisierte Testskripte mit Selenium IDE und seiner Aufzeichnungsfunktion erstellt. Wir blätterten auch durch bevölkerungsreich Merkmale der Selenium IDE . Wir wollten den Leser mit den wichtigsten Funktionen und Befehlen von Selenium IDE versorgen.
Nur zur Erinnerung - dies ist unser 4. kostenloses Tutorial Selen-Trainingsreihe .
Nachdem Sie sich daran gewöhnt haben und in der Lage sind, automatisierte Skripte im Aufnahmemodus von Selenium IDE zu erstellen, können Sie mit einem anderen Tool fortfahren, das eine sehr wichtige Rolle bei der Erstellung effektiver Testskripte spielt, die als „Firebug“ bezeichnet werden. Firebug hilft uns bei der Überprüfung der Eigenschaften von Webelementen und Webseiten.
Daher besteht dieses Tutorial aus der Installation von Firebug und seiner Benutzerfreundlichkeit.
Beachten Sie, dass der Inhalt dieses Tutorials nicht nur im Zusammenhang mit Selenium IDE anwendbar ist. Vielmehr kann es auf jedes einzelne Tool der Selenium Suite angewendet werden. Daher würde ich vorzugsweise den Begriff Selen anstelle von Selen IDE verwenden.
In diesem Tutorial erfahren Sie, wie Sie das Firebug-Add-On zum Erstellen von Selenium-Skripten verwenden. Dabei lernen wir auch, wie man Firebug installiert.
Was du lernen wirst:
- Einführung in Firebug
- Wie installiere ich Firebug?
- Erstellen eines Selenium-Skripts mit Firebug
- Fazit
- Literatur-Empfehlungen
Einführung in Firebug
Firebug ist ein Mozilla Firefox-Add-On. Dieses Tool hilft uns dabei, HTML-, CSS- und JavaScript-Elemente auf einer Webseite zu identifizieren oder genauer zu untersuchen. Es hilft uns, die Elemente auf einer Webseite eindeutig zu identifizieren. Die Elemente können anhand ihrer Locator-Typen eindeutig gefunden werden, auf die wir später in diesem Lernprogramm eingehen werden.
Wie installiere ich Firebug?
Zum besseren Verständnis würden wir den Installationsprozess in die folgenden Schritte unterteilen.
Schritt 1: Starten Sie den Mozilla Firefox-Browser und navigieren Sie zu diesem Download-Seite für das Firebug-Add-On . Die URL führt uns zum Abschnitt mit den Firefox-Add-Ons.
Schritt 2: Klicken Sie auf der Webseite auf die Schaltfläche 'Zu Firefox hinzufügen'. Siehe die folgende Abbildung für das gleiche.
Schritt 3: Sobald wir auf die Schaltfläche 'Zu Firefox hinzufügen' klicken, wird ein Sicherheitswarnfeld angezeigt. Klicken Sie jetzt auf die Schaltfläche 'Zulassen'.
Schritt 4: Jetzt lädt Firefox das Add-On im Hintergrund herunter und ein Fortschrittsbalken wird angezeigt.
Schritt 5: Sobald der Vorgang abgeschlossen ist, wird das Softwareinstallationsfenster angezeigt. Klicken Sie nun auf die Schaltfläche 'Jetzt installieren'.
Schritt 6: Sobald die Installation abgeschlossen ist, wird ein Popup angezeigt, das besagt, dass der Firebug erfolgreich installiert wurde. Schließen Sie nun dieses Popup.
Hinweis : Im Gegensatz zu Selenium IDE müssen wir den Firefox nicht neu starten, um die Firebug-Installation widerzuspiegeln.
Schritt 7: Um Firebug zu starten, können wir eine der folgenden Möglichkeiten wählen:
- Drücken Sie F12
- Klicken Sie auf das Firebug-Symbol in der äußersten oberen rechten Ecke des Firefox-Fensters.
-
- Klicken Sie auf Firefox-Menüleiste -> Web Developer -> Firebug -> Firebug öffnen.
Schritt-8 : Jetzt ist der Firebug unten im Firefox-Fenster zu sehen.
Nachdem wir Firebug heruntergeladen und installiert haben, fahren wir mit den Arten von Locators fort, die wir mit Firebug erstellen würden.
Erstellen eines Selenium-Skripts mit Firebug
Im Gegensatz zu Selenium IDE erstellen wir in Firebug automatisierte Testskripte manuell, indem wir mehrere Testschritte hinzufügen, um ein logisches und konsistentes Testskript zu erstellen.
Folgen wir einem progressiven Ansatz und verstehen den Prozess Schritt für Schritt.
Szenario:
- Öffnen Sie 'https://accounts.google.com'.
- Titel der Bewerbung angeben
- Geben Sie einen ungültigen Benutzernamen und ein ungültiges Passwort ein und senden Sie die Daten an den Login.
Schritt 1 - Starten Sie den Firefox und öffnen Sie die Selenium IDE über die Menüleiste.
Schritt 2 - Geben Sie die Adresse der zu testenden Anwendung ('https://accounts.google.com') in das Textfeld 'Basis-URL' ein.
Schritt 3 - Standardmäßig ist die Schaltfläche Aufzeichnen eingeschaltet. Denken Sie daran, den AUS-Zustand einzustellen, um den Aufnahmemodus zu deaktivieren. Beachten Sie, dass der Aufnahmemodus im EIN-Zustand dazu führen kann, dass unsere Interaktionen mit dem Webbrowser aufgezeichnet werden.
Schritt 4 - Öffnen Sie die zu testende Anwendung (https://accounts.google.com) im Firefox.
Schritt 5 - Starten Sie Firebug im Webbrowser.
Schritt 6 - Wählen Sie den leeren Testschritt im Editor aus.
Schritt 7 - Geben Sie 'open' in das Befehlstextfeld im Editorbereich ein. Der Befehl 'Öffnen' öffnet die angegebene URL im Webbrowser.
Empfehlung: Während der Eingabe von Befehlen in das Befehlstextfeld kann der Benutzer die Funktion der automatischen Auswahl nutzen. Sobald der Benutzer eine Zeichenfolge eingibt, werden die übereinstimmenden Vorschläge automatisch ausgefüllt.
Der Benutzer kann auch auf die Dropdown-Liste im Befehlstextfeld klicken, um alle von Selenium IDE bereitgestellten Befehle anzuzeigen.
Schritt 8 - Bewegen Sie sich nun im Webbrowser in Richtung des Firebug-Abschnitts und erweitern Sie den Abschnitt 'head' des HTML-Codes. Beachten Sie das HTML-Tag. Um den Titel der Webseite zu bestätigen, benötigen wir den Wert des Tags.
Kopieren Sie den Titel der Webseite, in unserem Fall 'Anmelden - Google-Konten'.
Schritt 9 - Wählen Sie den zweiten leeren Testschritt im Editor aus.
Schritt 10 - Geben Sie 'assertTitle' in das Befehlstextfeld im Editorbereich ein. Der Befehl 'assertTitle' gibt den aktuellen Seitentitel zurück und vergleicht ihn mit dem angegebenen Titel.
guter mp3 downloader für android kostenlos
Schritt 11 - Fügen Sie den in Schritt 8 kopierten Titel in das Feld Ziel der Sekunde ein.
Schritt 12 - Wählen Sie nun den dritten leeren Testschritt im Editorbereich
Schritt 13 - - Geben Sie den Befehl 'type' in das Befehlstextfeld ein. Der Befehl 'type' gibt einen Wert im angegebenen Webelement in die GUI ein.
Schritt 14 - Wechseln Sie nun zum Webbrowser, bewegen Sie den Mauszeiger auf das Textfeld 'E-Mail' im Anmeldeformular und klicken Sie mit der rechten Maustaste.
Wählen Sie die Option 'Element mit Firebug untersuchen'. Beachten Sie, dass der Firebug automatisch den entsprechenden HTML-Code für das Webelement hervorhebt, d. H. 'E-Mail-Textbox'.
Schritt 15 - Der HTML-Code in der obigen Abbildung zeigt die unterschiedlichen Eigenschaftsattribute, die zum Textfeld 'E-Mail' gehören. Beachten Sie, dass es vier Eigenschaften (ID, Typ, Platzhalter und Name) gibt, die das Webelement auf der Webseite eindeutig identifizieren. Daher muss der Benutzer eine oder mehrere Eigenschaften auswählen, um das Webelement zu identifizieren.
In diesem Fall wählen wir also ID als Locator. Kopieren Sie den ID-Wert und fügen Sie ihn in das Feld Ziel des dritten Testschritts mit dem Präfix 'id =' ein, um die Selenium-IDE anzugeben und ein Webelement mit der ID 'E-Mail' zu suchen.
(Klicken, um das vergrößerte Bild anzuzeigen)
Beachten Sie, dass bei Selenium IDE zwischen Groß- und Kleinschreibung unterschieden wird. Geben Sie daher den Attributwert sorgfältig und genau so ein, wie er im HTML-Code angezeigt wird.
Schritt 16 - Klicken Sie auf die Schaltfläche Suchen, um zu überprüfen, ob der ausgewählte Locator das angegebene UI-Element auf der Webseite findet und findet.
Schritt 17 - Der nächste Schritt besteht nun darin, die Testdaten in das Textfeld Wert des dritten Testschritts im Editorbereich einzugeben. Geben Sie 'InvalidEmailID' in das Textfeld 'Wert' ein. Der Benutzer kann die Testdaten nach Bedarf ändern.
Schritt 18 - - Wählen Sie nun den vierten leeren Testschritt im Editorbereich
Schritt 19 - - Geben Sie den Befehl 'type' in das Befehlstextfeld ein.
Schritt 20 - Wechseln Sie nun zum Webbrowser, bewegen Sie den Mauszeiger auf das Textfeld „Passwort“ im Anmeldeformular und klicken Sie mit der rechten Maustaste.
Wählen Sie die Option 'Element mit Firebug untersuchen'.
Schritt 21 - Der folgende HTML-Code zeigt die unterschiedlichen Eigenschaftsattribute, die zum Textfeld 'Kennwort' gehören. Beachten Sie, dass es vier Eigenschaften (ID, Typ, Platzhalter und Name) gibt, die das Webelement auf der Webseite eindeutig identifizieren. Daher muss der Benutzer eine oder mehrere Eigenschaften auswählen, um das Webelement zu identifizieren.
In diesem Fall wählen wir also ID als Locator. Kopieren Sie den ID-Wert und fügen Sie ihn in das Feld Ziel des dritten Testschritts mit dem Präfix „id =“ ein.
(Klicken, um das vergrößerte Bild anzuzeigen)
Schritt 22 - Klicken Sie auf die Schaltfläche Suchen, um zu überprüfen, ob die Registerkarte Locator das angegebene UI-Element auf der Webseite findet und findet.
Schritt 23 - Der nächste Schritt besteht nun darin, die Testdaten in das Textfeld Wert des vierten Testschritts im Editorbereich einzugeben. Geben Sie 'InvalidPassword' in das Textfeld 'Wert' ein. Der Benutzer kann die Testdaten nach Bedarf ändern.
Schritt 24 - - Wählen Sie nun den fünften leeren Testschritt im Editorbereich
Schritt 25 - - Geben Sie den Befehl 'click' in das Befehlstextfeld ein. Der Befehl 'Klicken' klickt auf ein bestimmtes Webelement innerhalb der Webseite.
Schritt 26 - Wechseln Sie nun zum Webbrowser, bewegen Sie den Mauszeiger auf die Schaltfläche „Anmelden“ im Anmeldeformular und klicken Sie mit der rechten Maustaste.
Wählen Sie die Option 'Element mit Firebug untersuchen'.
Schritt 27 - Der folgende HTML-Code zeigt die unterschiedlichen Eigenschaftsattribute, die zur Schaltfläche 'Anmelden' gehören.
Wählen Sie ID als Locator. Kopieren Sie den ID-Wert und fügen Sie ihn in das Feld Ziel des dritten Testschritts mit dem Präfix „id =“ ein.
(Klicken, um das vergrößerte Bild anzuzeigen)
Schritt 28 - Klicken Sie auf die Schaltfläche Suchen, um zu überprüfen, ob der ausgewählte Locator das angegebene UI-Element auf der Webseite gefunden und gefunden hat.
Das Testskript ist jetzt abgeschlossen. In der folgenden Abbildung sehen Sie das fertige Testskript.
Schritt 29 - Spielen Sie das erstellte Testskript ab und speichern Sie es auf die gleiche Weise wie im vorherigen Tutorial.
Fazit
In diesem Tutorial haben wir ein weiteres Tool zum Erstellen von Skripten vorgestellt, das die Erstellung von Skripten unterstützt.
Firebug hat überraschenderweise ein großes Potenzial, Webelemente auf einer Webseite zu finden. Auf diese Weise kann der Benutzer die Funktionen des Tools nutzen, um effektive und effiziente Automatisierungstestskripte manuell zu erstellen.
Nächstes Tutorial Nr. 5 :: Im nächsten Tutorial werfen wir einen Blick auf die verschiedene Arten von Locatoren in Selen und ihre Zugänglichkeitstechnik zum Erstellen von Testskripten . In der Zwischenzeit kann der Leser mit dem Erstellen seiner Automatisierungstestskripte mit Firebug beginnen.
Haben Sie Firebug zum Überprüfen von HTML-Elementen oder zum Erstellen von Skripten verwendet? Finden Sie es nützlich? Bitte teilen Sie Ihre Erfahrungen in Kommentaren
Literatur-Empfehlungen
- Verwendung des TestNG-Frameworks zum Erstellen von Selenium-Skripten - TestNG Selenium Tutorial # 12
- Cucumber Selenium Tutorial: Integration von Cucumber Java Selenium WebDriver
- So suchen Sie Elemente in Chrome- und IE-Browsern zum Erstellen von Selenium-Skripten - Selenium-Lernprogramm Nr. 7
- Generika und Testsuiten erstellen - Selenium Tutorial # 22
- Einführung in Selenium WebDriver - Selenium Tutorial # 8
- Integration von Jenkins in Selenium WebDriver: Schritt-für-Schritt-Anleitung
- Ausführliche Eclipse-Tutorials für Anfänger
- Effizientes Selenium-Scripting und Fehlerbehebungsszenarien - Selenium-Lernprogramm Nr. 27