React applicatie testen

Om een webapplicatie (React/Javascript) met Gherkin scenario's te kunnen testen is er de aanvullende uitdaging om vanuit glue code de juiste componenten in de browser aan te kunnen roepen zodat het gedrag (van de UI) getest kan worden.

Maak hiervoor bijvoorbeeld gebruik van PlayWright dat end-to-end testen mogelijk maakt met een browser rendering engine.

Voor een wat uitgebreidere introductie op de combinatie van Cucumber, PlayWright en Javascript zou je dit artikel kunnen lezen, maar het belangrijkste om te realiseren is dat het testen van een UI meestal bestaat uit twee stappen:

1. navigeren naar een bepaalde pagina (al dan niet voorafgegaan door een aantal acties op specifieke componenten)
2. verifiëren dat (React) componenten in een bepaalde toestand verkeren of inhoud bevatten