This n8n workflow automates website visual regression testing by capturing webpage screenshots, comparing them with baseline images, and reporting differences using AI-powered vision models. It streamlines the process into two main parts: Part A prepares baseline images by capturing screenshots via Apify.com and uploading them to Google Drive, while Part B performs the regression tests by fetching webpage URLs from Google Sheets, generating fresh screenshots, and analyzing visual differences using Google’s Gemini AI model. Detected changes are aggregated and logged into Linear for tracking and review. This workflow is ideal for developers and QA teams aiming to ensure website UI consistency over time, especially after updates or redesigns.
Automated Visual Regression Testing Workflow
| Node Count | >20 Nodes |
|---|---|
| Nodes Used | @n8n/n8n-nodes-langchain.chainLlm, @n8n/n8n-nodes-langchain.lmChatGoogleGemini, @n8n/n8n-nodes-langchain.outputParserStructured, aggregate, filter, googleDrive, googleSheets, httpRequest, linear, manualTrigger, merge, scheduleTrigger, set, splitInBatches, stickyNote, wait |
Be the first to review “Automated Visual Regression Testing Workflow”
Reviews
There are no reviews yet.