Web Test Tutorial - Teil 1: Unterschied zwischen den Versionen

Aus expecco Wiki (Version 2.x)
Zur Navigation springen Zur Suche springen
Zeile 256: Zeile 256:
* Properties
* Properties
** GUI-Browser öffnen
** GUI-Browser öffnen


[[Datei:WTT_500_GUI-BrowserÖffnen1_Marked.png|800px]]

[[Datei:WTT_500_GUI-BrowserÖffnen1_Marked2.png|800px]]

[[Datei:WTT_501_RecorderÖffnen.PNG|800px]]


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


[[Datei:WTT_502_DropdownHovern_Marked.png|800px]]

[[Datei:WTT_503_RecorderSchließen.PNG|800px]]

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


[[Datei:WTT_504_ElementAuswahl_Marked.png|800px]]

[[Datei:WTT_505_AttributAuswahl_Marked.png|800px]]


** Aktionsbaustein "Check Attribute" auswählen
** Aktionsbaustein "Check Attribute" auswählen


[[Datei:WTT_506_BausteinAuswählen_Marked.png|800px]]

[[Datei:WTT_507_ExpectedValueEingeben.PNG|800px]]

[[Datei:WTT_508_BausteinKopieren.PNG|800px]]


** Aktionsbaustein einfügen und verbinden
** Aktionsbaustein einfügen und verbinden


[[Datei:WTT_509_BausteinEinfügen.PNG|800px]]

[[Datei:WTT_510_BausteineVerbinden.PNG|800px]]

[[Datei:WTT_511_BausteinEinfügen1.PNG|800px]]

[[Datei:WTT_512_BausteinEinfügen2.PNG|800px]]

[[Datei:WTT_513_BausteinEinfügen3.PNG|800px]]

[[Datei:WTT_514_BausteinEinfügen4.PNG|800px]]

[[Datei:WTT_515_BausteinEinfügen5.PNG|800px]]

[[Datei:WTT_516_BausteinEinfügen6.PNG|800px]]

[[Datei:|800px]]


** Test ausführen (siehe oben)
** 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.
*** 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.

Version vom 29. Juni 2018, 11:27 Uhr

Vorbedingungen[Bearbeiten]

  • ist der Selenium WebDriver installiert? Infos dazu:Selenium_WebDriver_Plugin/en#Browser_Support
  • Ist der Firefox installiert? Alternativ funktionieren auch Chrome und Safari.
  • Internetverbindung vorhanden?
  • expecco starten
  • Auswahl "New Testsuite"


WTT 00 Start Marked.png


  • Rückgängig-Button um vorhandene Demos zu entfernen


WTT 01 ResetExpecco Marked.png WTT 02 CleanExpecco.PNG

Aufbau einer Verbindung[Bearbeiten]

  • Öffnen des Gui-Browser


WTT 10 GUIBrowser Marked.png


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


WTT 11 Selenium WebDriver.PNG

WTT 12 Selenium Connect.PNG

WTT 13 GuiBrowser.PNG


  • Hat sich im Hintergrund ein Firefox-Fenster geöffnet?


WTT 14 Firefox.PNG

Erste Schritte mit dem Recorder[Bearbeiten]

  • Recorder starten


WTT 20 Recorder Starten Marked.png

WTT 21 Recorder.PNG


  • Aufnehmen von Login-Sequenz
  • Modus umschalten


WTT 220 ModusSetText Marked.PNG


  • Einfügen von Text


WTT 221 SetText1 Marked.png

WTT 222 SetText2.PNG

WTT 223 SetText3.PNG


  • Passwort einfügen


WTT 225 SetPasswort1 Marked.png

WTT 226 SetPasswort2.PNG

WTT 227 SetPasswort3.PNG

  • Submit-Button betätigen


WTT 228 ModusAuto.PNG

WTT 229 Submit.PNG

  • Workspace in Baustein umwandeln


WTT 23 Workspace1 Marked.png

WTT 24 Workspace2.PNG

WTT 25 Workspace3.PNG


  • Aktionsbaustein zum Ausführen vorbereiten
  • GuiBrowser verlassen


WTT 260 BausteinLogin Marked.png

WTT 260 BausteinLogin Marked2.png


  • Tab Netzwerk öffnen


WTT 261 BausteinLogin Marked.png


  • Connection in Zusammenhang mit dem Baustein bringen, dazu Baustein einfügen


WTT 262 BausteinEinfügen1.PNG

WTT 263 BausteinEinfügen2.PNG

WTT 264 BausteinEinfügen3.PNG

WTT 265 BausteinEinfügen4.PNG


  • Aktionsbausteine verschieben und neu anordnen


WTT 266 BausteinEinfügen5.PNG

  • Fügen Sie TriggerInput zu erstem SendKeys Baustein hinzu


WTT 267 BausteinEinfügen6 Marked.png

WTT 267 BausteinEinfügen6.PNG

WTT 268 BausteinEinfügen7.PNG


WTT 269 BausteinEinfügen8.PNG


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


WTT 269 BausteinEinfügen8 Marked.png

WTT 270 TestLäuft.PNG


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


WTT 271 FirefoxGeöffnet.PNG


  • expecco sollte jetzt so aussehen:


WTT 272 BausteinAusgeführt.PNG


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

Überprüfen von Datenfeldern[Bearbeiten]

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


WTT 300 GuiBrowser Marked.png


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


WTT 300 GuiBrowser Marked2.png WTT 301 Recorder Geöffnet Marked.png


      • Elternelement vom Text auswählen


WTT 302 Element auswählen1 Marked.png


    • AktionsbausteinGet Text vorbereiten
      • Im Tab Aktionen Elements aufklappen


WTT 303 Elements aufklappen.PNG


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


WTT 304 GetTextSelektieren.PNG

WTT 305 BausteinSelektierenUndKopieren.PNG


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


WTT 306 GetTextInLoginEinfügen1 Marked.png

WTT 307 GetTextInLoginEinfügen2.PNG

WTT 307 GetTextInLoginEinfügen2 Marked.png

WTT 308 AnfügenAnAusführung.PNG


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


WTT 310 AssertEinfügen1.PNG

WTT 311 AssertEinfügen2.PNG

WTT 312 AssertEinfügen3.PNG

WTT 313 AssertEinfügen4.PNG

WTT 314 AssertEinfügen5.PNG

Test ausführen[Bearbeiten]

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


WTT 320 TestAuführen1 Marked.png

WTT 321 TestAuführen2.PNG

WTT 322 TestAuführen3.PNG


  • Testlauf detailiert ansehen


WTT 323 TestAuswerten1 Marked.png

WTT 324 TestAuswerten2.PNG


  • Testsuite abspeichern


WTT 325 TestsuiteSpeichern1.PNG

WTT 326 TestsuiteSpeichern2.PNG

Abfrage von Eigenschaften von Elementen[Bearbeiten]

  • Properties
    • GUI-Browser öffnen


WTT 500 GUI-BrowserÖffnen1 Marked.png

WTT 500 GUI-BrowserÖffnen1 Marked2.png

WTT 501 RecorderÖffnen.PNG


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


WTT 502 DropdownHovern Marked.png

WTT 503 RecorderSchließen.PNG

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


WTT 504 ElementAuswahl Marked.png

WTT 505 AttributAuswahl Marked.png


    • Aktionsbaustein "Check Attribute" auswählen


WTT 506 BausteinAuswählen Marked.png

WTT 507 ExpectedValueEingeben.PNG

WTT 508 BausteinKopieren.PNG


    • Aktionsbaustein einfügen und verbinden


WTT 509 BausteinEinfügen.PNG

WTT 510 BausteineVerbinden.PNG

WTT 511 BausteinEinfügen1.PNG

WTT 512 BausteinEinfügen2.PNG

WTT 513 BausteinEinfügen3.PNG

WTT 514 BausteinEinfügen4.PNG

WTT 515 BausteinEinfügen5.PNG

WTT 516 BausteinEinfügen6.PNG

[[Datei:|800px]]


    • 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[Bearbeiten]

  • Neuen Aktionsbaustein einfügen
  • Änderungen am Aktionsbaustein SessionBeenden übernehmen
  • Aktionsbaustein Login Bearbeiten, Tab "Schema"
  • Jetzt kann der Test beliebig oft hintereinander ausgeführt werden



Copyright © 2014-2024 eXept Software AG