Web Test Tutorial - Teil 1

Aus expecco Wiki (Version 2.x)
Zur Navigation springen Zur Suche springen

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

WTT 517 BausteineVerbinden1 Marked.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
      • 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