Definition of done

Anatomia del component

Ogni componente per rispettare la DOD deve prevedere

• una directory separata, che si chiama come il tag html del componente stesso e deve essere inclusa all’interno di una “sezione” della library
• un file index.tsx con il componente stesso e la documentazione di quanto segue:
  • le proprietà
  • i metodi
  • gli eventi
  • i listeners
  • gli slot
• un file styles.css per gli stili del componente, che deve essere importato dal file index.tsx. il file di stile può importarne altri con l’import css. il css, laddove previsto, deve essere scritto partendo dal codice per dispositivi mobili (mobile first).
• un file index.spec.ts per i test unitari
• un file test.e2e.ts per i test end to end – raccomandato per componenti di alto livello
• un file index.stories.mdx per storybook
• lo sviluppo deve sempre tenere conto dell’accessibilità e di tutte le convenzioni ad essa connesse

La grafica del componente deve rispettare il design system Albe, riferendosi all’abstract previsto per lo sviluppo, e ne deve usare le costanti, il layout e i breakpoints. Attualmente sono previste tre visualizzazioni, Desktop, Tablet e Mobile.