Selenium Schulung: stabile Browsertests mit WebDriver

Selenium-Grundlagen

• Das Selenium-Projekt: WebDriver, Grid und IDE im Überblick
• Neuerungen in Selenium 4: W3C-WebDriver-Protokoll, relative Locators, WebDriver BiDi (per Option aktiviert)
• WebDriver in Java oder Python einrichten, erster Test mit JUnit 5 bzw. pytest
• Browsertreiber für Chrome, Firefox, Edge und Safari; Selenium Manager lädt sie automatisch
• Browseroptionen: Headless-Modus, Fenstergröße, Sprache, Downloadordner
• WebDriver-Tipps: Sitzungen sauber beenden, Screenshots von Seite und Element
• Elemente inspizieren mit den Entwicklerwerkzeugen des Browsers

Arbeiten mit WebDriver

• Tastatur- und Mauseingabe mit sendKeys und der Actions-API
• Autovervollständigung bedienen: tippen, Vorschlag abwarten, auswählen
• Zum Element blättern mit der Actions-API oder scrollIntoView
• Zwischen Fenstern und Tabs wechseln, neue Tabs mit newWindow öffnen
• In iFrames hinein- und herauswechseln
• Alerts, Bestätigungs- und Eingabedialoge behandeln
• JavaScript ausführen mit executeScript – und wann es Tests verfälscht
• Ziehen und Ablegen mit dragAndDrop und Grenzen bei HTML5-Drag-and-drop
• Elemente im Shadow DOM mit getShadowRoot erreichen

Erweiterte Locators verwenden

• Locator-Wahl: ID, Name, CSS oder XPath – Stabilität vor Bequemlichkeit
• Eigene Testattribute wie data-testid mit dem Entwicklungsteam vereinbaren
• Mehrere CSS-Attribute kombinieren, Kind- und Geschwisterselektoren
• Textabgleich mit XPath contains() und normalize-space()
• Wildcards: Teilübereinstimmungen mit ^=, $= und *= in CSS
• Relative Locators: above, below, near, toLeftOf, toRightOf

Interaktion mit Komponenten

• Allgemeine Komponenten: Textfelder, Schaltflächen, Links, Tabellen auslesen
• Optionsfelder und Kontrollkästchen setzen und Zustand prüfen
• Datumswähler: Kalender-Widget bedienen oder Eingabefeld direkt befüllen
• Dropdown-Menüs mit der Klasse Select und selbst gebaute Listen
• Dateien hochladen per sendKeys, im Grid mit LocalFileDetector

Probleme bei der Synchronisierung

• Warum Synchronisierung ein Problem ist: asynchrone Seiten, Animationen, XHR
• Implizite Wartezeiten und warum man sie nicht mit expliziten mischt
• Explizite Wartezeiten mit WebDriverWait und ExpectedConditions
• FluentWait mit Abfrageintervall und ignorierten Ausnahmen
• StaleElementReferenceException verstehen und vermeiden

Selenium-Praxisbeispiel: Testentwurf

• Einen Arbeitsablauf, z. B. Registrierung und Bestellung, mit WebDriver automatisieren
• Verhalten des Tests mit aussagekräftigen Assertions bestätigen
• Test bereinigen: Setup und Teardown, Testdaten anlegen und aufräumen
• Page Objects verwenden: Seitenlogik vom Testcode trennen
• Wiederkehrende Seitenbereiche als Komponentenobjekte kapseln
• Datengetriebene Tests mit parametrisierten Testfällen

Selenium-Projekt-Integration

• Testprojekt mit GitHub verbinden: Repository, Branches, Pull Requests
• CI einrichten mit GitHub Actions, Browser im Headless-Modus
• Auf CI-Servern ausführen: Selenium Grid 4 mit Docker-Images
• Parallele Ausführung und Testberichte im JUnit-XML-Format
• Cloud-basierte Testdienste für Browser- und Gerätevielfalt nutzen
• Selenium-3-Code auf Selenium 4 migrieren: DesiredCapabilities durch Options ersetzen

Einordnung: Selenium und Playwright

• Architekturvergleich: WebDriver-Protokoll gegenüber Playwrights eigener Browsersteuerung
• Warten im Vergleich: explizite Waits in Selenium, Auto-Waiting in Playwright
• Entscheidungskriterien: Sprachen, Browser, Bestandssuite, Grid-Infrastruktur

Selenium-Tests mit Coding-Agenten

• Agent erzeugt Selenium-Page-Objects aus dem HTML einer Seite, nur mit vereinbarten data-testid-Locators
• Regel im Repository: kein Thread.sleep, nur WebDriverWait; ein Prüfschritt in CI sucht danach
• Fehlgeschlagene Tests analysiert der Agent über Screenshot, Browser-Konsole und Stacktrace aus dem Grid
• Instabile Tests nicht per Retry grün machen lassen – Ursache als Synchronisations- oder Locatorfehler belegen
• Migration von find_element_by_* und DesiredCapabilities auf Selenium 4 durch den Agenten, Suite als Abnahme

Praxisprojekt: Regressionssuite für einen Onlineshop

• Suche, Warenkorb und Bestellabschluss einer Demo-Shop-Anwendung als Page Objects abbilden
• Datumswahl für Lieferung, Gutscheinfeld und Upload einer Sammelbestellung als CSV-Datei automatisieren
• Suite parallel in Chrome und Firefox über Selenium Grid in GitHub Actions ausführen

Lernziele

• Sie richten Selenium WebDriver für mehrere Browser ein und schreiben Tests mit JUnit 5 oder pytest
• Sie wählen stabile Locators mit CSS, XPath und relativen Locators und automatisieren Fenster, Frames, Alerts und Formularkomponenten
• Sie beseitigen Synchronisationsprobleme mit expliziten Wartezeiten statt festen Pausen
• Sie strukturieren eine Testsuite mit Page Objects und führen sie parallel in Selenium Grid und in einer CI-Pipeline aus
• Sie können begründen, wann Selenium und wann Playwright die bessere Wahl für ein Projekt ist

Zielgruppe

• Testautomatisierer:innen und QA-Engineers, die Web-Oberflächen automatisiert prüfen
• Entwickler:innen, die End-to-End-Tests für ihre Webanwendung aufbauen oder eine Selenium-Suite übernehmen
• Manuelle Tester:innen mit Programmiergrundkenntnissen, die in die Testautomatisierung einsteigen