Visual Automation Challenge - Christine Pinto using Cypress and Applitools

Summary

Christine Pinto solves the API challenge from Test.bash(); 2022 using Cypress and Applitools.

There are many visual testing tools now available on the market, and we’d like to learn how each of these would go about creating a visual test using restful-booker-platform which can be found here: https://automationintesting.online/. We’d like to see how far you got with solving the challenge, what you liked about the tooling you used, and what you disliked.

Instructions

Using a visual validation tool that you think the community would be interested in, show us how you would mitigate the following risk:

The map isn’t showing the correct location on the homepage

If you had to build automation to visually validate that the image is shown correctly, how would you do it?

Example:

One example of mitigating this risk might be to use SeleniumWebdriver and Applitools to:

1. Open a browser and navigate to https://automationintesting.online/
2. Use Applitools to take a screenshot of the Map section of the homepage and create a test report
3. Confirm in the test report that the screenshot is correct
4. Rerun to the test to confirm it now passes

Christine Pinto

CPTO of Epic Test Quest

Berlin-based Automation Engineer with 18+ years in tech. Now Co-Founder & CTPO at Epic Test Quest: building playful, powerful Slack & Teams app that put quality into daily team flow.