Automate Visual Regression with Apify & Google Gemini

Streamline Visual Regression Testing with the Apify & Google Gemini Workflow

Experience seamless automation in visual regression testing by integrating Apify and Google Gemini with your existing processes. This powerful n8n workflow takes the hassle out of maintaining website visual quality by automatically capturing, storing, and comparing website screenshots on a schedule, notifying you of any visual discrepancies.

What This Workflow Does

• Initiates the backfill process to capture missing baseline screenshots by sourcing URLs from Google Sheets.
• Utilizes Apify’s screenshot capability to render images for unfilled baseline URLs and uploads these images to Google Drive, updating the corresponding Google Sheet with the Drive file ID.
• Executes weekly checks, downloading baseline screenshots from Google Drive and taking new captures via Apify for comparison.
• Employs Google Gemini Vision to compare baseline and new images, identifying any visual regressions in elements such as text, number, image, color, or position.
• Aggregates results of detected changes, generating a Linear issue report to efficiently manage and resolve any visual discrepancies found.

Use Cases

• Continuous Deployment Monitoring: Automate visual checks in agile development environments to quickly catch UI changes that could affect user experience.
• Quality Assurance Enhancements: Integrate this workflow into QA procedures for more accurate and efficient visual regression testing.
• Website Performance Optimization: Use structured regression reports to maintain visual consistency across web pages, enhancing overall site reliability.

Technical Details

Leverage the following toolkit and integrations for a streamlined workflow:

• Nodes Used: Set, Wait, Merge, Filter, Linear, Aggregate
• Services Integrated: Apify for screenshot automation, Google Drive for image storage, Google Sheets for URL management, Google Gemini for visual regression analysis, Linear for issue tracking
• Setup Requirements: Ensure proper API connections for Apify, Google Sheets, and Google Drive, and configure correct spreadsheet columns and Drive destination folder

Boost your team’s efficiency and guard against unexpected UI changes with this comprehensive visual regression testing workflow, tailor-made for n8n users and automation engineers.