CEDA

Het beheren van inhoud op een website kan een uitdaging zijn. CEDA, een hulpmiddel voor visuele regressie, biedt een manier om te controleren op visuele veranderingen en voert tests uit op elke pagina om te controleren of deze nog steeds werken. Dit maakt het werk van dagen tot minuten. Alle wijzigingen zijn zichtbaar in een overzichtelijke overzicht met alle informatie die de gebruiker nodig heeft om problemen op te lossen.

Deze tool is in 2018 ontwikkeld voor Wagening University en Research om hen te ondersteunen bij technische updates. Het beheren van honderden pagina's is een uitdaging en het kost tijd om te controleren of alle pagina's nog werken. Deze tool is ontwikkeld om meer controle te geven over het beoordelingsproces.

Hoe werkt het?

De tool analyseert alle pagina's op een website en controleert op elke vorm van verandering in de grafische interface. De wijzigingen worden vergeleken met de laatste momentopname van de website. Analyses kunnen in elke omgeving worden uitgevoerd, zodat de klant de wijzigingen kan verifiƫren voordat deze in het publieke domein worden gepubliceerd.

Bevat een pagina wijzigingen, dan wordt deze automatisch gemarkeerd als heeft beoordeling nodig. Als dit niet het geval is, wordt het gemarkeerd als geaccepteerd. Tijdens het beoordelingsproces toont de applicatie een visuele vergelijking tussen de twee pagina's in rood om de verschillen gemakkelijk te identificeren. U kunt vervolgens de overlay-functie kiezen om de wijzigingen op de echte pagina's te controleren en ze naast elkaar te vergelijken.

Naast visuele wijzigingen kan de tool ook tests uitvoeren om te controleren of de website nog volledig functioneel is. Deze tests worden uitgevoerd in selenium om de browser te besturen, waarbij in feite end-to-end-tests worden uitgevoerd.

collaborators

  • Hans Krutzer
  • Danny Cobussen

Technologieƫn

  • Elixir
  • Ecto
  • PostgreSQL
  • S3 Buckets
  • BrowserStack
  • Selenium
  • Tape
  • WebSockets
  • Blink-Diff
  • JavaScript
  • Semantic UI