Validation end-to-end — Génération HTML / PDF / SVG

🧪 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.

Validation end-to-end — Génération HTML / PDF / SVG

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.
Validation end-to-end — Génération HTML / PDF / 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
Validation end-to-end — Génération HTML / PDF / SVG

SVG statique copié tel quel

Validation end-to-end — Génération HTML / PDF / SVG

Diagramme Mermaid pré-rendu

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

Validation end-to-end — Génération HTML / PDF / SVG

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.
Validation end-to-end — Génération HTML / PDF / SVG

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.
Validation end-to-end — Génération HTML / PDF / SVG

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