Validation StorybookStorybook validation
Garantir que chaque composant du système dispose d'une story Storybook cohérente avec les tokens et les variantes définis dans component.json.Ensure every system component has a Storybook story consistent with the tokens and variants defined in component.json.
Flux du pipelinePipeline flow
01 · Déclencheur01 · Trigger
Composants modifiésComponents modified
components/agtc-*.js — tout nouveau composant ou changement de comportement.components/agtc-*.js — any new component or behavior change.
02 · Vérification02 · Verification
Stories + cohérence variantesStories + variant consistency
Chaque components/agtc-[nom].js a un stories/agtc-[nom].stories.js. Les variantes = component.json.Every components/agtc-[name].js has a stories/agtc-[name].stories.js. Variants match component.json.
03 · Build03 · Build
Build Storybook exit 0Storybook build exit 0
npx storybook build exit 0 — aucune erreur de compilation, aucune importation de valeur hardcodée dans les stories.npx storybook build exit 0 — no compilation error, no hardcoded value import in stories.
Valeur métierBusiness value
Le catalogue interactif comme source de vérité. Storybook garantit que chaque composant est documenté, prévisualisable et testable — designers et développeurs parlent le même langage.The interactive catalog as source of truth. Storybook ensures every component is documented, previewable and testable — designers and developers speak the same language.
Matrice de déclenchementTrigger matrix
| Fichier modifiéChanged file | ActionAction |
|---|---|
components/agtc-*.js | Oui — vérification story + buildYes — story check + build |
tokens/component.json | Oui — cohérence variantes story/tokensYes — story/tokens variant consistency |
ContrôlesChecks
- Chaque components/agtc-[nom].js a un stories/agtc-[nom].stories.jsEvery components/agtc-[name].js has a stories/agtc-[name].stories.js
- Les variantes dans la story = variantes dans tokens/component.jsonVariants in story = variants in tokens/component.json
- Build Storybook exit 0 (aucune erreur)Storybook build exit 0 (no errors)
- Aucun import de valeur hardcodée dans les storiesNo hardcoded value import in stories
- parameters.docs.description.component renseigné (patterns UX appliqués)parameters.docs.description.component filled (applied UX patterns)
CommandeCommand
npx storybook build
# Activation :
# npx storybook@latest init (configurer pour Web Components / Lit)
# ADR-009 prévu — vérifier et activer