CEDA

Managing content on a website can be challenging. CEDA, a visual regression tool, provides a way to check for visual changes and performs tests on every page to verify if they're still working. This takes work from days to minutes. All changes are visible in a clean interface showing all information you need to address problems.

This tool was developed in 2018 for Wagening University and Research to support them during technical updates. Managing hundreds of pages is a challenge and verifying if all pages still work takes time. This tool was developed to give more control over the review process.

Hoe werkt het?

The tool analyses all pages on a website and checks for any form of change in the graphical interface. The changes are compared to the latests snapshot for the website. Analyses can be done in any environment such that the customer could verify the changes before it's published in the public domain.

Does a page present any changes then it is automatically marked as review. If not then it is marked as accepted. During the review process the application shows a visual comparison between the two pages in red to easily identify the differences. You can then choose the overlay function to check the changes on the real pages, comparing them side by side.

Besides visual changes the tool could also run tests to check if the website is still fully functional. These tests run in selenium to control the browser, essentially performing end to end tests.

collaborators

  • Hans Krutzer
  • Danny Cobussen

Technologies

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