Number Badge - Coverage features

[Robbert]

Criteria

Storybook stories, Figma voorbeelden en unit tests hebben coverage van alle features.

Taken

Development

• Controleer of de unit tests van de React component 100% code coverage hebben
• Test keyboard navigatie en screen reader functionaliteit.
• Creëer stories op basis van verschillende combinaties van properties en hun interacties in de "Test Storybook" van de Candidate repository.

Figma

Begin met deze taken nadat je 'Figma in lijn' en 'Figma link documentatie' hebt afgerond.
Open de 'NLDS - Voorbeeld - Bibliotheek' en navigeer naar de pagina van de component. Rechts van de component vind je het frame 'Documentatie - {naam van component}'.
Via de taken van 'Figma in lijn' zijn er waar nodig varianten toegevoegd voor interactie en responsive gedrag, inclusief properties die ook in het 'Controls block' van de Candidate Storybook staan. Deze varianten moeten nu worden gedocumenteerd.

• Voeg een sectie toe met voorbeelden van het interactieve gedrag. Gebruik hiervoor als heading 'States'.
• Voeg een sectie toe met voorbeelden van het responsive gedrag. Gebruik hiervoor als heading 'Responsive gedrag'.
• Voeg secties met voorbeelden toe voor features die beschikbaar zijn in het 'Controls block' in de Candidate Storybook. Gebruik hiervoor een heading die aansluit bij de feature.
• Voeg overige documentatie of voorbeelden toe die voor designers relevant zijn.

De nieuwste versie van het "Coverage features" stappenplan vind je in de Git repository. Controleer voor het afronden van dit GitHub Issue of de stappen hier boven volledig zijn.