Wie is Clarke?
Clarke Verdel is een oud-HvA student die inmiddels werkt als senior frontend engineer bij Miele X, een digital agency gevestigd op de Zuidas. Daar werken zo’n honderd mensen dagelijks aan één digitaal platform voor 26 landen. Clarke noemt zichzelf een “T-shaped engineer” en werkt aan schaalbare frontend oplossingen.
Wat als software gewoon meteen werkt?
Clarke startte met de vraag: “Wat als je software kon bouwen die gewoon meteen werkt?” Een logische vervolgvraag: hoe zorg je er als developer voor dat jouw code daadwerkelijk goed werkt? Zijn antwoord: testen – slim en gestructureerd.
Designsystemen & eigen componenten
Bij Miele werken ze met een eigen design system, waaronder een custom component genaamd MieleAutocomplete. Het testen van zulke componenten vereist een duidelijke aanpak, waarbij de testing-piramide een belangrijke rol speelt.
De testing-piramide
Clarke liet een klassieke testing-piramide zien: onderaan zit statische tooling zoals linters en type checkers, gevolgd door component- en unit-tests, daarboven integratietests en helemaal bovenaan end-to-end tests. Hoe meer testen je toevoegt, hoe complexer het geheel wordt – dus slim kiezen is belangrijk.
Statische tools
Voor statische code-analyse gebruiken ze onder andere:
- ESLint voor consistentie in code
- Javascript type checking met Flow of Typescript
- Typescript voor typeveiligheid in het hele project
Component testing met de browser
Clarke benadrukt het belang van het testen van componenten in de browser. Tools zoals Vitest maken dit mogelijk. Hierdoor kun je visueel controleren of een component werkt zoals verwacht, wat bijdraagt aan het vertrouwen in je code.
Voordelen van browser-based testen:
- Je ziet visuele fouten direct
- Debuggen is makkelijker
- Je hebt meer vertrouwen in je code
Nadeel:
Het kost meer tijd om de tests te draaien dan bij bijvoorbeeld unit tests.
Samengevat
Testen is essentieel om betrouwbare software te bouwen. Hoe je test – met tools, component checks, of volledige browsersessies – hangt af van wat je bouwt en hoe complex het is. Clarke gaf een realistische en duidelijke kijk op hoe dat er bij een groot bedrijf als Miele uitziet.