Vincenius/wwebdev

Vérifier une modification sur wweb.dev

Site Astro entièrement statique avec îles React — la vérification consiste à charger la page construite dans un navigateur et à interagir avec les îles hydratées.

Construction + service

yarn install          # si les dépendances du serveur manquent (server.mjs a besoin de compression/express)
yarn build            # construction statique → dist/ (TZ=UTC intégré)
yarn serve            # serveur de production sur http://localhost:4321 (PAS astro preview)

node server.mjs échoue directement sous les configurations Yarn PnP-adjacentes — passez toujours par yarn serve. Lancez-le en arrière-plan ; testez avec curl -s -o /dev/null -w "%{http_code}" http://localhost:4321/<route>.

Piloter la page

Pas de Playwright dans le dépôt. Installez playwright-core dans un répertoire temporaire et utilisez le Chrome système (chromium.launch({ channel: 'chrome', headless: true })) — aucun téléchargement de navigateur nécessaire. Les îles sont client:visible, donc attendez un sélecteur rendu par une île avant d'effectuer des assertions, et laissez ~1s pour les animations.

Vérifications utiles pour les outils de génération :

• styles calculés de la sortie <style> injectée (animation-name, position, taille)
• .inputValue() de la zone de texte pour le code HTML/CSS copiable
• captures d'écran à 1440px et ~480px (plusieurs barres latérales d'outils basculent en column-reverse sur mobile)

Pièges

• La console doit être exempte d'erreurs. L'inlining d'actifs Vite est désactivé (assetsInlineLimit: 0 dans astro.config.mjs) car les polices en data-URI violent CSP font-src 'self' — si des erreurs CSP liées aux data-URI réapparaissent, ce paramètre a été perdu.
• yarn test:parity nécessite test/baseline/ (instantanés HTML de production) qui n'est pas inclus dans le dépôt ; sans cela, le harnais émet une erreur ENOENT. Cela ne remplace de toute façon pas une vérification dans le navigateur.