Kundentests

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

Übungsaufgaben zum XP-Projektstart: Story Cards und Iterationen für die Mitfahrgesuche

Die Web-App des Mitfahrlabors bekommt Seiten für Mitfahrgesuche. In diesen Übungen ordnest Du Situationen aus dem Team den Praktiken und Werten von XP zu, sagst das Verhalten von npm-Befehlen im Vite-Projekt voraus, schreibst Story Cards mit Kundentests für die Gesuche, ergänzt die Startseite test-first um einen Hinweis auf die Gesuche und planst Iterationen mit einer gemessenen Velocity.

Iteration 0 für die Web-App: XP-Werte, Planning Game, Story Cards und ein Vite-Projekt

Bevor die Web-App des Mitfahrlabors ihre erste Komponente bekommt, startet das Team das Projekt nach Extreme Programming: Es lernt die fünf Werte und die Praktiken von XP kennen, schreibt mit dem Auftraggeber Story Cards mit Kundentests, schätzt sie im Planning Game, plant Releases und die erste Iteration. Danach richtest Du Node.js ein, legst mit Vite das Projekt mitfahrlabor-web mit Vue und TypeScript an und lernst seine Struktur, die package.json und die npm-Befehle kennen.