Feat/simplify visual regression testing

[remypar5]

Contents

In de laatste weken waarin we de visuele regressie tests voor (vrijwel) alle react componenten hebben gemaakt zagen we veel repetitie en copy/pasting. Wat we kopiëerden was voornamelijk de structuur van een VR-test. Dit zorgt er voor dat alle tests er het zelfde uit zien, los van de de daadwerkelijke inhoud.

Om dit te versimpelen heb ik die structuur in een React component gestopt waardoor het makkelijker wordt om deze structuur te hergebruiken en onderhouden.

Voor de reviewers

• Laat mij weten als je de layout van de tests anders wilt zien. We kunnen bijvoorbeeld de verschillende modes naast elkaar tonen i.p.v. onder elkaar.
• Met deze nieuwe opzet kun je moeiteloos nieuwe producten aan je testcase toevoegen door products=[...] mee te geven aan het VisualRegressionTest component.
  Let op: het logius product wordt altijd getest en is altijd het eerste product dat getoond wordt.
• Als jullie ervoor kiezen deze nieuwe structuur aan te nemen zal ik alle huidige visuele tests vervangen met de nieuwe

Checklist

• [ ] New features/components and bugfixes are covered by tests
• [ ] Changesets are created
• [ ] Definition of Done is checked

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
lux	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jan 21, 2025 8:44am