This workflow implements a complete visual regression testing system using AI-powered vision models. It automatically generates and stores baseline screenshots of webpages, then periodically compares new screenshots against these baselines to detect unexpected changes. Leveraging Apify.com for screenshot generation, Google Drive/Sheets for storage and tracking, and Google Gemini Vision AI for analysis, the workflow flags regressions in content, layout, colors, or images. Results are summarized into a structured report and pushed into Linear.app (or any alternative issue tracker like Jira or Slack).
This setup allows teams to catch visual defects early, automate QA processes, and maintain confidence in UI stability across deployments.
Features
- Automated Screenshot Capture
- Uses Apify.com to generate base and new webpage screenshots.
- Stores screenshots securely in Google Drive.
- Baseline Management
- Tracks and updates reference images in Google Sheets.
- Ensures each webpage has a defined “base state” for comparison.
- AI-Powered Visual Comparison
- Uses Google Gemini Vision AI to detect changes in text, images, colors, positions, or layouts.
- Structured JSON output for easy interpretation and reporting.
- Scheduled Regression Testing
- Runs on a schedule via n8n Schedule Trigger.
- Iterates over all listed webpages to detect changes continuously.
- Detailed Reporting
- Aggregates detected changes across webpages.
- Automatically creates formatted reports in Linear.app as issues (can be swapped with Jira/Slack).
- Scalable & Flexible
- Can be extended with different screenshot providers, AI models, or reporting tools.
- Runs seamlessly in two phases:
- Generate and update base screenshots.
- Run periodic regression tests.
