Seminar Weboberflächen und End-to-End-Tests für KI-generierten Code

Seminarbeschreibung

Eine KI-generierte Oberfläche kann auf dem ersten Screenshot überzeugend wirken und bei Validierung, Rollenwechsel oder verzögerten Antworten fehlschlagen. Das Seminar prüft daher vollständige Nutzeraufgaben und ihre fachlichen Ergebnisse. Die Tests beziehen sich auf sichtbares Verhalten und geeignete Zugänglichkeitsmerkmale statt auf zufällige Strukturdetails des erzeugten Markups.

Browserprüfungen werden mit kontrollierten Testdaten, klaren Zuständigkeiten und reproduzierbaren Sitzungen aufgebaut. Neben positiven Abläufen werden fehlerhafte Eingaben, unterbrochene Vorgänge und doppelte Aktionen untersucht. Instabile Tests werden anhand ihrer Ursache bearbeitet; zusätzliche Wiederholungen dienen der Diagnose und nicht der Verschleierung von Fehlern.

Lernziele

• Wichtige Nutzerabläufe und Fehlerfälle aus fachlichen Anforderungen ableiten.
• Robuste Playwright-Tests mit geeigneten Locators und Assertions entwickeln.
• Testdaten, Anmeldung und Sitzungszustände reproduzierbar kontrollieren.
• UI-Fehler, Umgebungsfehler und instabile Testkonstruktionen unterscheiden.

Inhaltsübersicht

• Nutzeraufgaben und Testumfang
• Robuste Browserautomatisierung
• Isolation und kontrollierte Abhängigkeiten
• Darstellung und Bedienbarkeit
• Fehlersuche und Regression

Seminarinhalte

Nutzeraufgaben und Testumfang

Geschäftliche Kernabläufe werden als überprüfbare Nutzeraufgaben beschrieben. Die Auswahl verbindet Risiko und Häufigkeit. Prüfungen erfassen auch den fachlichen Abschluss, etwa die tatsächlich gespeicherte Änderung.

• Normalabläufe, Abbruch und ungültige Eingaben abgrenzen.
• Rollenabhängige Oberflächen und erlaubte Aktionen erfassen.
• Browserprüfung und separate API-Berechtigungsprüfung sinnvoll ergänzen.

Robuste Browserautomatisierung

Tests werden mit Playwright an einer vorbereiteten Anwendung umgesetzt. Rollen, Beschriftungen und vereinbarte Testkennungen bilden stabile Anker. Asynchrone Zustände werden mit geeigneten Bedingungen geprüft.

• Fragile Selektoren und starre Wartezeiten ersetzen.
• Navigation, Formulare und verzögerte Antworten kontrollieren.
• Assertions für Erfolg, Fehler und Zwischenzustände formulieren.

Isolation und kontrollierte Abhängigkeiten

Jeder Test erhält einen definierten Ausgangszustand. Sitzungen und Daten werden getrennt gehalten. Netzwerk-Mocks werden gezielt eingesetzt; ausgewählte durchgängige Tests prüfen weiterhin die reale Integration.

• Unabhängige Testkonten und reproduzierbare Daten verwenden.
• Parallele Läufe auf Datenkonflikte untersuchen.
• Simulationen mit dem tatsächlich vereinbarten API-Vertrag abgleichen.

Darstellung und Bedienbarkeit

Wichtige Ansichten werden auf unterschiedliche Größen und ausgewählte Browser geprüft. Visuelle Vergleiche erhalten kontrollierte Rahmenbedingungen. Tastaturbedienung und grundlegende Zugänglichkeit werden zusätzlich manuell und automatisiert betrachtet.

• Dynamische Inhalte bei Bildvergleichen berücksichtigen.
• Fokusführung, Beschriftungen und Fehlerrückmeldungen untersuchen.
• Automatische Prüfungen von vollständiger Barrierefreiheitsbewertung unterscheiden.

Fehlersuche und Regression

Traces, Screenshots und Protokolle werden zur Rekonstruktion eines Fehlers genutzt. Testwiederholungen helfen, zeitabhängige Probleme einzugrenzen. Nach einer Korrektur werden der konkrete Defekt und benachbarte Nutzerabläufe erneut geprüft.

• Race Conditions und unvollständige Wartebedingungen erkennen.
• KI-generierte Testskripte auf Scheinerfolge kontrollieren.
• Kleine, aussagekräftige Regressionstests erhalten.

Praxisübungen

1. Fachlichen Ablauf einer generierten Verwaltungsoberfläche in Prüfschritte übersetzen.
2. Browserprüfungen für gültige und ungültige Formulareingaben entwickeln.
3. Sitzungen und Testdaten isolieren und einen instabilen Test reproduzieren.
4. Ursache anhand eines Traces finden und Test oder Anwendung gezielt korrigieren.
5. Kernablauf einschließlich Tastaturbedienung und ausgewählter Darstellungsvarianten erneut prüfen.

Arbeitsweise und Schulungsumgebung

Playwright mit TypeScript, vorbereitete Webanwendung und kontrollierte Testkonten. Ein ausgewählter zusätzlicher Browser ergänzt die Hauptübungsumgebung.