Frameworks — Alle Artikel & Tutorials

Jedes Frontend-Framework bringt seine eigenen Herausforderungen für das visuelle Testing mit. React funktioniert gut mit komponentenorientierten Werkzeugen wie Chromatic oder Storybook; Angular erzwingt seine Change-Detection-Zyklen und sein spezifisches SSR-Rendering; Next.js mischt Server-Rendering und clientseitige Hydration, was die Erfassung eines stabilen Zustands erschwert; Vue und Svelte haben jeweils ihre Eigenheiten beim Umgang mit Übergängen und scoped CSS. Diese Nuancen zu verstehen verhindert, dass man dem Testwerkzeug die Schuld für ein Framework-Problem gibt – oder umgekehrt.

Die Artikel auf dieser Seite untersuchen die Integration des visuellen Testings in die wichtigsten Frameworks: empfohlene Konfiguration, Umgang mit framework-spezifischen Animationen und Übergängen, sauberes Deaktivieren von Suspense oder Skeletons während der Erfassung, Wahl zwischen Test auf Komponentenebene (mit dem Storybook-Tooling) und Test auf Seitenebene (mit einem Werkzeug wie Delta-QA). Wir behandeln auch heikle Migrationen – Wechsel zu Angular 17 und dann 21, Versions-Upgrade von Next.js mit App Router, React-Überarbeitung hin zu Server Components –, die jeweils Momente sind, in denen eine solide visuelle Abdeckung stille Regressionen verhindert. Das Ziel ist es, konkrete Rezepte Framework für Framework zu liefern, statt eines generischen Diskurses.