Playwright

Übungsaufgaben zu End-to-End-Tests mit Playwright: Mitfahrgesuche im Browser prüfen

Die Web-App des Mitfahrlabors soll Mitfahrgesuche annehmen, und ihre Kundentests sollen im echten Browser laufen. In diesen Übungen wählst Du Locator für die Seite der Gesuche und sagst voraus, welche Zeilen warten, schreibst End-to-End-Tests für das Einstellen eines Gesuchs mit nachgebildetem Backend, prüfst Fehlerfälle mit abgebrochenen und abgelehnten Anfragen und reparierst einen Test, der auf dem Teamrechner grün und in der Pipeline ab und zu rot ist.

End-to-End- und Akzeptanztests mit Playwright: Kundentests im echten Browser

Bisher klickt der Kunde die Kundentests der Web-App in der Kundenstunde noch einmal von Hand durch. Jetzt steuert Playwright einen echten Browser durch den Produktions-Build. Der Artikel zeigt, wie Locator Elemente so finden, wie Nutzende sie sehen, warum Aktionen und Assertions von selbst warten, wie page.route() Backend und Keycloak nachbildet und was der Trace Viewer über gescheiterte Tests verrät. Die Kundentests werden zu End-to-End-Tests, die Bedienung per Tastatur und Screenreader entsteht test-first, und zum Schluss steht der Vergleich mit Selenium.

Suchen und Buchen mit Vue 3 und TypeScript: das Projekt im Überblick

In zwölf Artikeln entsteht die Web-App der Mitfahr-App Mitfahrlabor: Auszubildende suchen Fahrten und fragen Plätze an, Fahrer*innen bestätigen die Anfragen. Die App ist eine Single-Page-App mit Vue 3 und TypeScript, die mit der REST-Schnittstelle des Spring-Boot-Backends spricht und die Anmeldung über Keycloak abwickelt. Das Team arbeitet nach Extreme Programming: test-first, in kurzen Iterationen und mit kleinen Releases. Hier findest Du Architektur, Fahrplan und Voraussetzungen.