Visuelle Regressionsprüfungen: hell, dunkel, Zoom
Diese Seite ist für Designer, die wissen wollen, was ein Release optisch geändert hat, auch das, was sie nicht beabsichtigt haben.
Die Matrix
| Breite | Skalierung | Modi |
|---|---|---|
| 1440 px | 1 | hell, dunkel |
| 960 px | 2 (200 % Zoom) | hell, dunkel |
| 375 px | 2 | hell |
Mit diesen Breiten prüft das Projekt Exponential seine eigenen Seiten.
Schritt für Schritt
- Nehmen Sie auf der Testinstallation mit dem vorigen Release Screenshots jeder Seite der Seitenliste in jeder Zelle
der Matrix auf. Benennen Sie sie
<page>-<width>-<mode>.png. - Aktualisieren Sie auf das neue Release und nehmen Sie denselben Satz auf.
- Vergleichen Sie: nebeneinander oder mit einem Bildvergleichswerkzeug, das geänderte Pixel hervorhebt.
- Entscheiden Sie bei jedem Unterschied: beabsichtigt (im Changelog vermerken) oder eine Regression (beheben).
- Behalten Sie den neuen Satz als Grundlage für das nächste Release, außerhalb der veröffentlichten Dateien des Themes, wenn er groß ist.
Typische Regressionen
- Dunkelmodus: eine weiße Karte auf dunklem Hintergrund, Text mit zu wenig Kontrast.
- Zoom: ein Kopfbereich, der Inhalte überdeckt, waagerechtes Scrollen.
- Telefon: ein Menü, das sich nicht öffnet, Bilder, die überlaufen.
Verwandte Seiten
- Screenshots für ein Theme
- Checkliste: Dunkelmodus
- Freie Dokumentation: Diese Seite darf unter der GNU FDL 1.3 frei kopiert, übersetzt und verbessert werden.
Werden Sie Exponential-Partner
Partner teilen ihre Informationen, stellen Mittel bereit, geben Beiträge zurück und entwickeln die Produkte mit uns, und so wächst Exponential. Eine Partner-Website und ein Dashboard sind für Mitte 2027 geplant: Werden Sie noch heute Partner, damit wir schneller wachsen und neue Funktionen früher liefern.