AcademyWorkflowsDevelopment

Visual regression testing with screenshots and AI

Web and QA teams that want to spot unexpected visual changes on key pages after an update.

Use it nowWant it running at your company?
  • Recommendedour rating
  • 4,738views on n8n

Use it now

Open inClaudeChatGPTGeminiPerplexity
Open on n8n.io ↗

Paste it straight onto an n8n canvas with Ctrl+V or Cmd+V.

Third party software. By copying, downloading or installing it you accept the Academy legal notice: you are responsible for reviewing its code and permissions before use.

visual-regression-testing-with-apify-and-ai-vision-model.json

Loading the file...

What it does

This n8n workflow captures screenshots of a list of web pages with Apify and stores them in Google Drive as a baseline. Later it captures fresh screenshots, and a multimodal AI model compares the old and new images to report visual differences. Results depend on the model you choose.

Use cases

  1. 01Compare key pages before and after a release
  2. 02Review layout changes over time
  3. 03Check visual differences between two captures

Connects

Google Sheets · HTTP Request · Google Drive · Linear · Basic LLM Chain · Structured Output Parser · Google Gemini Chat Model

Questions about
Visual regression testing with screenshots and AI.

What is Visual regression testing with screenshots and AI used for?

Web and QA teams that want to spot unexpected visual changes on key pages after an update. This n8n workflow captures screenshots of a list of web pages with Apify and stores them in Google Drive as a baseline. Later it captures fresh screenshots, and a multimodal AI model compares the old and new images to report visual differences. Results depend on the model you choose.

How do I import Visual regression testing with screenshots and AI into n8n?

Copy the workflow JSON from this page and paste it onto the n8n canvas with Ctrl+V or Cmd+V. Then connect your credentials in each node.

Is Visual regression testing with screenshots and AI safe to use?

It passed our automatic scan for credential theft, hidden instructions and risky install commands. Third party open source software. Sabemos AI does not maintain it. Check the code and permissions before you connect it to company data.

Related resources

Read the guide: Private AI on your company documents ↗

  1. 001Claude APIDevelopment teams adding Claude features to their own products or internal tools.OfficialSkill
  2. 002MCP BuilderDevelopment teams that want to connect an internal or third-party service to Claude through an MCP server.OfficialSkill
  3. 003Web Artifacts BuilderDevelopment and product teams that want to build interactive prototypes or internal tools as a single shareable HTML file.OfficialSkill
  4. 004Creating an API endpointOperations and development teams that need a quick API endpoint without writing a backend.RecommendedWorkflow · 422k views
  5. 005Back Up Your n8n Workflows To GithubTeams that run n8n and want their workflows saved and versioned in GitHub.RecommendedWorkflow · 80k views
  6. 006Chat with Local LLMs Using n8n and OllamaDevelopment and IT teams that want to test or use language models privately, without sending data to a cloud API.RecommendedWorkflow · 78k views