Web Test Tutorial - Teil 1: Unterschied zwischen den Versionen

Aus expecco Wiki (Version 2.x)
Zur Navigation springen Zur Suche springen
K (Niclauss verschob die Seite Webtest Tutorial nach Web Test Tutorial - Teil 1)
Zeile 1: Zeile 1:
== Vorbedingungen ==
= Vorbedingungen =
* ist der Selenium WebDriver installiert? Infos dazu:[[Selenium_WebDriver_Plugin/en#Browser_Support]]
* ist der Selenium WebDriver installiert? Infos dazu:[[Selenium_WebDriver_Plugin/en#Browser_Support]]
* Ist der Firefox installiert? Alternativ funktionieren auch Chrome und Safari.
* Ist der Firefox installiert? Alternativ funktionieren auch Chrome und Safari.
Zeile 16: Zeile 16:
[[Datei:WTT 02 CleanExpecco.PNG|400px]]
[[Datei:WTT 02 CleanExpecco.PNG|400px]]


== Aufbau einer Verbindung ==
= Aufbau einer Verbindung =
* Öffnen des Gui-Browser
* Öffnen des Gui-Browser


Zeile 39: Zeile 39:
[[Datei:WTT 14 Firefox.PNG|800px]]
[[Datei:WTT 14 Firefox.PNG|800px]]


== Erste Schritte mit dem Recorder ==
= Erste Schritte mit dem Recorder =
* Recorder starten
* Recorder starten


Zeile 122: Zeile 122:


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



* Fügen Sie TriggerInput zu erstem SendKeys Baustein hinzu
* Fügen Sie TriggerInput zu erstem SendKeys Baustein hinzu
Zeile 164: Zeile 165:
* Im Reiter Netzwerk kann die detailierte Ausführung an Bausteinen angezeigt werden.
* Im Reiter Netzwerk kann die detailierte Ausführung an Bausteinen angezeigt werden.


== Überprüfen von Datenfeldern ==
= Überprüfen von Datenfeldern =


* Überprüfung: ist es die richtige Seite?
* Überprüfung: ist es die richtige Seite?
Zeile 173: Zeile 174:




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




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

[[Datei:WTT_301_Recorder Geöffnet_Marked.png|800px]]
[[Datei:WTT_301_Recorder Geöffnet_Marked.png|800px]]




*** Elternelement vom Text auswählen
* Elternelement vom Text auswählen




Zeile 187: Zeile 189:




** AktionsbausteinGet Text vorbereiten
* AktionsbausteinGet Text vorbereiten
*** Im Tab Aktionen Elements aufklappen
** Im Tab Aktionen Elements aufklappen




Zeile 194: Zeile 196:




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




Zeile 202: Zeile 204:




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




Zeile 214: Zeile 216:




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




Zeile 227: Zeile 229:
[[Datei:WTT_314_AssertEinfügen5.PNG|800px]]
[[Datei:WTT_314_AssertEinfügen5.PNG|800px]]


== Test ausführen ==
= Test ausführen =
* Klicken Sie auf das grüne "Play"-Symbol
* Klicken Sie auf das grüne "Play"-Symbol


Zeile 253: Zeile 255:
[[Datei:WTT_326_TestsuiteSpeichern2.PNG|800px]]
[[Datei:WTT_326_TestsuiteSpeichern2.PNG|800px]]



== Abfrage von Eigenschaften von Elementen ==
= Abfrage von Eigenschaften von Elementen =
* Properties
* Properties
** GUI-Browser öffnen
** GUI-Browser öffnen
Zeile 265: Zeile 268:




** 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




Zeile 272: Zeile 275:
[[Datei:WTT_503_RecorderSchließen.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




Zeile 280: Zeile 284:




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




Zeile 290: Zeile 294:




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




Zeile 312: Zeile 316:




** 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.


*** Ferngesteuerten Browser schließen
* Ferngesteuerten Browser schließen




Zeile 321: Zeile 325:




*** Test ausführen
* Test ausführen




Zeile 330: Zeile 334:
[[Datei:WTT_520_TestAusführen2.PNG|800px]]
[[Datei:WTT_520_TestAusführen2.PNG|800px]]


== Beenden der Session nach jedem Test ==
= Beenden der Session nach jedem Test =
* Neuen Aktionsbaustein einfügen
* Neuen Aktionsbaustein einfügen


Zeile 355: Zeile 359:




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




Version vom 29. Juni 2018, 14:01 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

WTT 517 BausteineVerbinden1.PNG


  • 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


WTT 518 BrowserSchließen Marked.png


  • Test ausführen


WTT 517 BausteineVerbinden1 Marked.png

WTT 519 TestAusführen1.PNG

WTT 520 TestAusführen2.PNG

Beenden der Session nach jedem Test[Bearbeiten]

  • Neuen Aktionsbaustein einfügen


WTT 600 SessionBeenden1.PNG

WTT 601 SessionBeenden2.PNG

WTT 602 SessionBeenden3.PNG

WTT 603 SessionBeenden4.PNG

WTT 604 SessionBeenden5.PNG

WTT 605 SessionBeenden6.PNG

WTT 606 SessionBeenden7.PNG


  • Änderungen am Aktionsbaustein SessionBeenden übernehmen


WTT 607 SessionBeenden8Marked.png


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


WTT 608 LoginDisconnect1 Marked.png

WTT 609 LoginDisconnect2.PNG


  • 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

Abgerufen von „https://doc.expecco.de/w2.x/index.php?title=Web_Test_Tutorial_-_Teil_1&oldid=12309“