Frameworks — Tous les articles et tutoriels

Chaque framework frontend apporte ses propres défis au test visuel. React fonctionne bien avec les outils orientés composants comme Chromatic ou Storybook ; Angular impose ses cycles de détection de changement et son rendu SSR spécifique ; Next.js mélange rendu serveur et hydratation côté client, ce qui complique la capture d'un état stable ; Vue et Svelte ont chacun leurs spécificités sur la gestion des transitions et du scoped CSS. Comprendre ces nuances évite de blâmer l'outil de test pour un problème de framework — ou l'inverse.

Les articles de cette page explorent l'intégration du test visuel dans les principaux frameworks : configuration recommandée, gestion des animations et transitions framework-spécifiques, désactivation propre de Suspense ou des skeletons pendant la capture, choix entre test au niveau composant (avec l'outillage Storybook) et test au niveau page (avec un outil comme Delta-QA). On y aborde aussi les migrations délicates — passage à Angular 17 puis 21, montée de version Next.js avec App Router, refonte React vers les Server Components — qui sont autant de moments où une couverture visuelle solide évite les régressions silencieuses. L'objectif est de fournir des recettes concrètes, framework par framework, plutôt qu'un discours générique.