Responsive

Responsive ist nicht mehr nur ein Thema für Konsumenten-Websites: Business-Anwendungen werden inzwischen auf Tablets in Meetings, mobil beim Kunden oder auf externen Bildschirmen mit ungewöhnlichem Format aufgerufen. Eine visuelle Regression auf einem mittleren Breakpoint (typischerweise 820px auf einem iPad oder 1024px auf einem kleinen Laptop) kann einen Teil Ihrer Anwendung unbenutzbar machen, ohne dass es lokal jemandem auffällt, weil Entwickler in der Regel auf einem einzigen Format arbeiten. Das klassische Szenario: ein von 768px auf 480px geändertes Breakpoint, das die Spalten auf einem Tablet zerquetscht, ein durch ein Desktop-Menü ersetztes Hamburger-Menü, das aus dem Bildschirm überläuft, oder eine mobile font-size, die sich bis 1024px anwendet und den gesamten Text auf einem Laptop-Bildschirm zu klein erscheinen lässt. Container Queries fügen eine neue Komplexitätsdimension hinzu, weil sie vom Kontext des Elternelements abhängen und nicht vom globalen Viewport, was Regressionen noch weniger vorhersehbar macht. Aktuell erfasst und vergleicht Delta-QA jede Seite in einem einzigen, deterministischen Desktop-Viewport, was bereits die große Mehrheit der visuellen Regressionen erkennt. Die vom Team definierte Multi-Viewport-Erfassung, die eine multi-format visuelle Baseline erzeugt und schlecht stapelnde Spalten, überlaufende Elemente, schrumpfende Texte, sich misalignierende Komponenten und neu erschienene horizontale Scrollbars über jeden Breakpoint hervorhebt, ist demnächst verfügbar. Sie wird es QA-Teams ermöglichen, sämtliche Bruchpunkte abzudecken, ohne bei jedem Deployment einen Browser auf jedem Bildschirm manuell zu skalieren.