Stage opdracht

Onderzoek en prototype voor moderne visuele regressietesten 

Voor de Nederlandse Bibliotheken ontwikkelt en beheert AMEXIO verschillende digitale platforms met meerdere huisstijlen. Binnen deze huisstijlen worden regelmatig wijzigingen doorgevoerd. Om te voorkomen dat visuele regressies optreden bij nieuwe releases, worden momenteel nachtelijke visuele regressietesten uitgevoerd met BackstopJS. Deze tool vergelijkt screenshots van webpagina’s met referentiebeelden om visuele verschillen te detecteren. Hoewel deze aanpak waardevol is gebleken, kent de huidige oplossing een aantal beperkingen:

  • De tool wordt niet meer actief onderhouden
  • De configuratie en setup zijn relatief complex
  • Het onderhoud van de testconfiguratie kost relatief veel tijd

Daarnaast richt de huidige aanpak zich voornamelijk op pixelverschillen tussen screenshots. Andere aspecten van visuele kwaliteit, zoals toegankelijkheid (bijvoorbeeld contrastwaarden volgens WCAG-richtlijnen), worden nog niet automatisch getest.

Tegelijkertijd zijn er tegenwoordig verschillende nieuwe oplossingen beschikbaar voor visuele regressietesten. Deze variëren van open-source frameworks tot commerciële SaaS-oplossingen met geavanceerde functionaliteit zoals AI-ondersteunde visuele vergelijking. Veel van deze oplossingen brengen echter ook nadelen met zich mee, zoals hoge kosten of afhankelijkheid van externe hosting van screenshots en testdata. 

AMEXIO wil daarom onderzoeken hoe visuele regressietesten op een moderne, duurzame en kostenefficiënte manier kunnen worden ingericht.

Doel van de opdracht

Het doel van deze opdracht is om te onderzoeken welke moderne tools en technieken geschikt zijn voor visuele regressietesten, en om op basis van dit onderzoek een prototype te ontwikkelen van een mogelijke oplossing. Je gaat onderzoeken hoe een moderne oplossing voor visuele regressietesten kan worden opgezet die:

  • Visuele regressies betrouwbaar detecteert
  • Eenvoudig te onderhouden is binnen een agile ontwikkelteam
  • Geautomatiseerd kan draaien binnen een CI-omgeving
  • Aanvullende kwaliteitscontroles ondersteunt zoals accessibility checks

Op basis van dit onderzoek ga je een prototype ontwerpen en implementeren dat laat zien hoe visuele regressietesten binnen de organisatie kunnen worden uitgevoerd.

Deliverables

  • Onderzoeksrapport
    • Analyse van de huidige testaanpak met BackstopJS
    • Overzicht van moderne tools en technieken voor visuele testing
    • Vergelijking van verschillende oplossingen (bijvoorbeeld open source vs SaaS)
    • Onderbouwde aanbeveling voor een geschikte oplossing
  • Architectuur en teststrategie
    • Een architectuurdiagram van de testopzet
    • Beschrijving van de testworkflow
    • Integratie met CI
  • Prototype, dat laat zien hoe:
    • Screenshots automatisch worden gegenereerd
    • Visuele verschillen worden gedetecteerd
    • Testresultaten worden gerapporteerd
    • Tests geautomatiseerd kunnen draaien in een CI-omgeving
    • Aanvullende kwaliteitschecks mogelijk zijn (bijvoorbeeld accessibility)
  • Eindpresentatie en documentatie

Tools (suggesties)

De student krijgt ruimte om zelf geschikte tools te onderzoeken. Mogelijke categorieën van tools zijn:

  • Visuele regressietesttools (bijv. Playwright)
  • End-to-end testframeworks
  • Screenshot vergelijk tools
  • Accessibility testtools
  • CI tooling

De uiteindelijke toolkeuze wordt onderbouwd in het onderzoeksrapport.

Niveau

4e-jaars Software student

Complexiteit

De opdracht vereist zowel onderzoeksvaardigheden als praktische softwareontwikkeling. De student moet onder andere:

  • Verschillende tools en technieken analyseren en vergelijken
  • Een technische oplossing ontwerpen
  • Een prototype implementeren
  • Een teststrategie ontwikkelen die schaalbaar en onderhoudbaar is
  • Rekening houden met factoren zoals automatisering, performance en privacy

Daarnaast moet de student de oplossing helder documenteren en presenteren aan stakeholders.

Wat krijg je van AmeXio?

  • Tijdens je stage krijg je twee begeleiders: een procesbegeleider en een technisch begeleider. Bij AmeXio hebben we jarenlange ervaring met het begeleiden van stagiaires.
  • Een stagevergoeding van €400 per maand.
  • Deelname aan onze personeelsvereniging "Borrels & Bytes" voor gezellige evenementen zoals pubquizen, lasergamen, etentjes, game nights en karaoke!
  • En natuurlijk: een kei gezellige en leerzame stage waar je alle ruimte krijgt om vragen te stellen en te groeien als professional!

Heb je nog vragen?

Melissa Raijmakers (Corporate Recruiter)
Top