Automated visual testing tools
Visual testing is an important part of Cypress as it is a transition from what we are familiar with, which is functional testing. With visual testing, Cypress presents a new world of opportunities regarding how we can test user interfaces without necessarily writing hundreds of lines of functional code to assert individual elements on a page.
In this section, we will dive into working with two automated visual testing tools by integrating them with Cypress, and then learn how we can achieve our goals of visually testing applications using them. One of these tools uses snapshots that record a baseline bitmap and compare the bitmap image pixels one after the other, checking for whether there are any discrepancies in the hex colors. The other tool uses AI algorithms to compare snapshots from our web application.
By the end of this section, we will have an idea of what tool to use, when and how Cypress plays a role in creating simple integrations of...