Visual regression testing on laptop and tablet

Created by

Cyd Dunscombe

Actor

Website Screenshot API & Visual Change Monitor

Screenshots a page on laptop and tablet after the network is idle and diffs each capture against the last run, so layout breaks after a deploy show up as changed = true with a diff image (example: Bootstrap examples page). Hide sticky or rotating elements with hideSelectors to avoid false alarms. Run it after each release.

Try for free

Website Screenshot API & Visual Change Monitordatacolada/website-screenshot-monitor

Screenshot

URL

Device

HTTP

+8 fields

Input

URLs to capture

url:https://getbootstrap.com/docs/5.3/examples/

Devices:laptop+1

Detect visual changes:true

Extra selectors to hide:.bd-navbar

Output fields

Screenshot

URL

Device

HTTP

Title

Width

Height

Changed %

Changed

Diff

PDF

Error

How it works

Sign up on Apify or log in

The Website Screenshot API & Visual Change Monitor Actor is ready to run with the inputs already set for "Visual regression testing on laptop and tablet". Sign up or log in and you'll land in Apify Console with a copy of this exact task.

Start the "Visual regression testing on laptop and tablet" task

The Website Screenshot API & Visual Change Monitor Actor will start running based on the input automatically. You can also change all the input fields, like URLs to capture, devices, and more, to match your specific use case.

Receive the "Visual regression testing on laptop and tablet" output

Monitor the progress in real time. You will be notified as soon as your dataset is complete and ready for review. Each result includes data such as screenshot, URL, device, and more.

Integrate into your workflow

The final output is delivered in JSON, CSV, or Excel format, ready to be plugged into your workflow. You can also run the "Visual regression testing on laptop and tablet" task via API.