Visuelle und Performance-Tests für Designer

Der Build sieht noch aus wie der Entwurf.

Was vergleicht ein visueller Regressionstest?

Screenshots zweier URLs, Pixel für Pixel, typischerweise Staging gegen die passende Produktionsseite.

Wie werden Unterschiede dargestellt?

Als Vergleichsbild neben dem Ergebnis-Screenshot, mit rot markierten abweichenden Bereichen.

Wie verhindere ich, dass kleine Rendering-Unterschiede jeden Lauf scheitern lassen?

Erhöhen Sie den Vergleichsschwellenwert, den Anteil an Unterschied, der ignoriert wird. Der Standard liegt bei 10 Prozent.

Was ist Cumulative Layout Shift?

Ein Maß dafür, wie stark sich das Layout beim Laden bewegt. Es steht hinter dem Erlebnis, dass ein Button wegspringt.