Web Test Tutorial - Teil 1

Vorbedingungen

• ist der Selenium WebDriver installiert? Infos dazu: "Selenium WebDriver Plugin Dokumentation"
• Ist der Firefox installiert? Alternativ funktionieren auch Chrome und Safari.
• Internetverbindung vorhanden?
• expecco starten
• Auswahl "New Testsuite"

• Rückgängig-Button um die automatisch angelegten Demo Bausteine zu entfernen

Aufbau einer Verbindung

• Öffnen des Gui-Browser

• Verbinden mit der Test-Webseite, URL: expeccoalm-demo.exept.de

• Danach hat sich im Hintergrund ein Firefox-Fenster geöffnet, und die Struktur der Webseite wird im GUI-Browser angezeigt:

Erste Schritte mit dem Recorder

• Recorder starten

Der Rekorder zeigt die aktuelle Webseite in einem separaten Fenster:

Aufnehmen einer Login-Sequenz

• Modus umschalten. Der Modus bestimmt, was mit dem Element unter dem Cursor (im Rekorder) passieren soll. Voreingestellt ist "Auto" was i.d.R. als "Klick" aufgenommen wird. Hier soll Text eingegeben werden:

• Einfügen von Text (Klick auf das Eingabefeld in der Webseite):

• Passwort einfügen:

• Submit-Button betätigen (Modus vorher wieder auf "Auto" schalten, damit als "Klick" aufgenommen wird):

Aufgenommene Sequenz in Baustein umwandeln

Der Rekorder hat die Interaktion zunächst als Sequenz von Aktionsschritten aufgezeichnet (im sog. "Workspace"). Beachten Sie, daß diese im Workspace beliebig geändert werden kann: Sie können Schritte löschen, Parameter ändern, oder mit Copy-Paste, weitere Schritte in die Sequenz einfügen, ohne dazu den Browser zu bedienen). Wenn die Sequenz Ihren Vorstellungen entspricht, wird diese unter einem (hoffentlich aussagekräftigen) Namen in der Testsuite als Aktionsbaustein abgelegt. Drücken Sie dazu den "Sichern-als-Baustein" Knopf oben rechts:

und geben einen Namen ein (hier "Login"):

Jetzt steht die Login-Sequenz als "Login" Baustein zur Ausführung (und Wiederverwendung) im Projekt zur Verfügung. Sie können die Sequenz auch jetzt noch jederzeit anpassen, parametrisieren oder erweitern. Und natürlich auch als Baustein in anderen Sequenzen wiederverwenden.

GuiBrowser verlassen

Verlassen Sie jetzt den GUI-Browser, und wechseln zur Baumansicht des Projekts. Dort finden Sie den gerade aufgezeichneten Baustein unter dem Namen "Login":

Auf der rechten Seite befinden sich mehrere Reiter, die wiederum verschiedene Aspekte des angewählten Aktionsbausteins zeigen: die "Außensicht" der Aktion wird als sog. "Schema" gezeigt, der "Netzwerk"- bzw. "Network" -Reiter zeigt die "Innenansicht" (also die von der Aktion ausgeführte Sequenz von Einzelschritten). Die anderen Reiter werden später eine Rolle spielen.

Aufgezeichnete Sequenz nachbearbeiten

• Den Reiter "Netzwerk" (bzw. "Network") anwählen.
  Die Schritte der aufgezeichneten "Login" Aktion können in diesem Editor jetzt (nach-) bearbeitet werden.

Typischerweise werden hier weitere Schritte hinzugefügt (z.B. zum Verifizieren von Werten) oder die zuvor aufgezeichneten Werte von Eingabefeldern werden parametrisiert.

Hier soll zunächst ein weiterer Schritt an den Anfang der Sequenz eingefügt werden, der dann (zur Ausführung) den Browser starten, und das Browserfenster öffnen wird.

"Connection"-Schritt einfügen

Zum Einfügen eines Schrittes gibt es mehrere Möglichkeiten:

• Drag&Drop aus dem Navigationsbaum,
• Copy-Paste einer Aktion aus dem Navigationsbaum oder eines Schrittes aus einem Netzwerk,
• über eine Auswahlliste, welche mit dem Menueintrag "Neuer Schritt" (bzw. "New Step") des Menus der rechten Maustaste erscheint.

Hier wird die Menufunktion angewählt:

und im Dialog der "Connection" Baustein ausgewählt:

dazu dienen der Textfilter im oberen Teil des Dialogs, sowie die zusätzlichen Filter, mit denen die Suche weiter eingeschränkt werden kann. Nach der Eingabe eines Teils des Names (hier "reuse") erscheint:

Zu Anfang werden Sie u.U. noch suchen müssen, da die Namen und Funktionen der Bausteine noch unbekannt sind. Die Bausteine haben aber i.d.R. selbsterklärende Namen, und sind mit zusätzlichen Etiketten (Tags) markiert, die in der Suche ebenfalls betrachtet werden. Sie würden den Baustein also auch unter "connect", "start", "session" oder "selenium" finden. Es ist aber empfehlenswert, sich etwas Zeit zu nehmen, um die Bausteine der Bibliotheken bzw. deren Einteilung in Gruppen zu erforschen.

Nachdem der Dialog mit "OK" Bestätigt wird, erscheint die Aktion als neuer Schritt unter dem Mauszeiger:

• Aktionsbausteine verschieben und neu anordnen

• Fügen Sie TriggerInput zu erstem SendKeys Baustein hinzu

• Fügen Sie Werte an den Baustein "Reuse or Start Session" mit einem Doppelklick auf die Pins des Aktionsbausteins an
  • name: http://expeccoalm-demo.exept.de (beliebiger Name)
  • startURL: http://expeccoalm-demo.exept.de
  • browserType: Firefox (im Dropdown auswählen)

• Aktionsbaustein ausführen
• Drücken Sie "Ausführen" (der Grüne Pfeil)

• Wenn der Test fertig ausgeführt ist, öffnet sich Ihr Browser im Vordergrund

• expecco sollte jetzt so aussehen:

• Im Reiter Netzwerk kann die detailierte Ausführung an Bausteinen angezeigt werden.

Überprüfen von Datenfeldern

• Überprüfung: ist es die richtige Seite?
  • Öffnen Sie den Tab "Gui Browser"

• Pfad (Xpath) mit auslesen:
  • Im Recorder das Element mit der Maus hovern (überfliegen)

• Elternelement vom Text auswählen

• AktionsbausteinGet Text vorbereiten
  • Im Tab Aktionen Elements aufklappen

• Aktionsbaustein "Get Text" auswählen und im Tab "Test" kopieren

• Wechseln zum Aktionsbaustein "Login", dort den kopierten Aktionsbaustein einfügen

• Aktionsbaustein um Überprüfen auf Gleichheit einfügen [ Assert Equals ]

Test ausführen

• Klicken Sie auf das grüne "Play"-Symbol

• Testlauf detailiert ansehen

• Testsuite abspeichern

Abfrage von Eigenschaften von Elementen

• Properties
  • GUI-Browser öffnen

• Objekt Projektfilter-input für Anzeige des Elements im Seiten-Baum im GUI-Browser hovern

• Beliebiges Element und Eigenschaft die überprüft werden sollen auswählen

• Aktionsbaustein "Check Attribute" auswählen

• Aktionsbaustein einfügen und verbinden

• Test ausführen (siehe oben)
  • Wichtig ist hierbei, dass die Test-Umgebung (der Browser) vor jeder Testausführung wieder auf die Startseite zurückgesetzt wird(siehe auch nächster Schritt). Alternativ kann man den Browser auch einfach schließen.

• Ferngesteuerten Browser schließen

• Test ausführen

Beenden der Session nach jedem Test

• Neuen Aktionsbaustein einfügen

• Änderungen am Aktionsbaustein SessionBeenden übernehmen

• Aktionsbaustein Login Bearbeiten im Tab "Schema" mittels Drag and Drop in das Feld "Nach Ausführung" ziehen

• Jetzt kann der Test beliebig oft hintereinander ausgeführt werden, ohne dass der Browser jedes mal geschlossen werden muss, da dies nun expecco übernimmt

---

Copyright © 2014-2024 eXept Software AG