Seminar Repeato – Screenshot- und visuelle Regressionstests

Visuelle Regressionstests erkennen unbeabsichtigte Änderungen an Layout, Inhalt und Darstellung, die rein funktionale Prüfungen übersehen. Aussagekräftige Ergebnisse erfordern kontrollierte Referenzen, stabile Testdaten und klare Freigaberegeln.

Inhaltsübersicht

• Zielsetzung
• Zielgruppe
• Voraussetzungen
• Seminarinhalte
• Praxisübungen
• Methodik

Zielsetzung

• Geeignete Ansichten und Bildbereiche für visuelle Regression auswählen
• Erfolgreiche Referenzläufe als nachvollziehbare Baseline aufbauen
• Dynamische Inhalte, Geräteeinflüsse und erwartete Layoutvarianten stabil behandeln
• Abweichungen prüfen, klassifizieren und Referenzänderungen kontrolliert freigeben

Zielgruppe

Qualitätssicherung, UI- und Mobile-Testteams, Frontend-Entwicklung, Design-System-Verantwortliche und Key-User mit visuellen Qualitätsanforderungen.

Voraussetzungen

Grundkenntnisse der Repeato-Bedienung und Zugriff auf eine visuell stabile Testansicht. Kenntnisse der fachlich zulässigen Layoutvarianten sind erforderlich.

Seminarinhalte

1. Schritt 1: Visuelle Risiken und Prüfobjekte bestimmen

   Kritische Dialoge, Formulare, Navigationsbereiche, responsive Ansichten und markenrelevante Oberflächen werden priorisiert.

2. Schritt 2: Stabilen Referenzzustand herstellen

   Build, Gerät, Auflösung, Sprache, Testdaten, Uhrzeit und Animationen werden so kontrolliert, dass die Baseline reproduzierbar ist.

3. Schritt 3: Referenzlauf und Screenshots erzeugen

   Ein erfolgreicher Testlauf liefert die Ausgangsbilder. Dateizuordnung, Testname und Gerätekonfiguration werden überprüft.

4. Schritt 4: Visuelle Vergleichsschritte einrichten

   Prüfbereiche werden fachlich begrenzt und mit dem erwarteten Zustand verbunden. Zu große oder bedeutungslose Flächen werden vermieden.

5. Schritt 5: Dynamische und variable Bereiche behandeln

   Zeit, Zufallsdaten, Werbung, Bilder und wechselnde Statuswerte werden durch geeignete Testdaten, kleinere Bereiche oder ergänzende Logik stabilisiert.

6. Schritt 6: Abweichungen analysieren und klassifizieren

   Echter Defekt, erwartete Änderung, Testdatenabweichung und Geräteunterschied werden anhand der Vergleichsbilder getrennt.

7. Schritt 7: Baseline kontrolliert aktualisieren

   Neue Referenzen werden nur nach fachlicher und visueller Prüfung übernommen. Review, Versionsbezug und Rückverfolgbarkeit sichern die Änderung.

Praxisübungen

• Eine visuell kritische Ansicht und geeignete Prüfbereiche auswählen
• Einen reproduzierbaren Referenzlauf mit stabilen Testdaten erzeugen
• Eine beabsichtigte und eine unbeabsichtigte Änderung unterscheiden
• Einen dynamischen Bereich stabilisieren, ohne die Aussagekraft zu verlieren
• Einen Review- und Freigabeprozess für Baseline-Änderungen definieren

Methodik

An mehreren Beispielansichten werden Baselines aufgebaut, gezielte Änderungen erzeugt und Vergleichsergebnisse bewertet. Die technische Einrichtung wird mit einem verbindlichen Freigabeprozess verbunden.