🧪 Validation end-to-end

Deck de recette visuelle pour vérifier la chaîne complète de génération HTML, PDF, SVG et Mermaid.

Objectif de ce deck

  • Vérifier qu'un nouveau cours est bien détecté dans le module.
  • Contrôler le rendu HTML et la pagination PDF.
  • Valider la copie d'un SVG statique depuis res/.
  • Valider le rendu d'un diagramme Mermaid pré-rendu en SVG.

Matrice de contrôle rapide

Élément Source Sortie attendue
Deck Marp courses/validation-end-to-end.md html/c-advanced/validation-end-to-end.html
PDF même source pdf/c-advanced/validation-end-to-end.pdf
SVG statique res/validation-checks.svg html/c-advanced/res/validation-checks.svg
Mermaid diagrams/validation-e2e-flow.mmd html/c-advanced/diagrams/validation-e2e-flow.svg

SVG statique copié tel quel

Diagramme Mermaid pré-rendu

Le rendu doit rester net en HTML et lisible dans le PDF exporté.

Contrôles visuels attendus

HTML

  • Le deck apparaît dans l'index du module.
  • Les deux SVG s'affichent sans 404 ni lien cassé.
  • Les tableaux et blocs de texte restent lisibles.

PDF

  • Chaque slide tient sur une page.
  • Le diagramme conserve ses libellés.
  • Le footer de version est visible sur chaque page.

Checklist de recette finale

  1. Ouvrir la version HTML et vérifier les deux images SVG.
  2. Ouvrir le PDF et contrôler la pagination et la netteté.
  3. Vérifier que le deck est présent dans l'index du module.
  4. Confirmer que la chaîne npm run build, npm run build:pdf et npm run test:artifacts reste verte.

Référence des artefacts

  • HTML : html/c-advanced/validation-end-to-end.html
  • PDF : pdf/c-advanced/validation-end-to-end.pdf
  • SVG statique : html/c-advanced/res/validation-checks.svg
  • SVG Mermaid : html/c-advanced/diagrams/validation-e2e-flow.svg