Heading - Candidate - Coverage features

[Robbert]

Beschrijving

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

Bron: Definition of Done.

Taken

• Maak unit tests voor de React component met 100% coverage.
• Maak stories in de "Test Storybook" van de Candidate repository.
• Maak Figma voorbeelden van relevante testscenario's, om te testen dat de Figma component voldoende opties heeft.

Figma

Deze taken kunnen worden opgepakt nadat alle taken uit 'Figma in lijn' en 'Figma link documentatie' zijn uitgevoerd.

Open de 'NLDS - Voorbeeld - Bibliotheek' en ga naar de page van de component. Daar vind je het frame genaamd 'Documentatie - {naam van component} rechts van de component.

Door de taken van 'Figma in lijn' heeft de component, indien nodig, varianten voor interactie en responsive gedrag aangevuld met properties zoals deze ook beschikbaar zijn in het 'Controls block' in de Candidate Storybook. Nu is het tijd om deze te documenteren.

• Voeg een sectie toe met voorbeelden van het interactive 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.