Visual regression testing usando Apify y un AI vision model
Descripción del flujo de trabajo
Sistema de pruebas de regresión visual que captura pantallas de sitios web con Apify y utiliza el modelo de visión de Gemini para detectar cambios visuales, registrando resultados en Google Sheets y creando tickets automáticos en Linear.
Cómo funciona
- 1.Ejecutar pruebas por programación o activación manual
- 2.Capturar pantallas y contenido de sitios web mediante Apify
- 3.Analizar imágenes con Gemini para identificar desviaciones visuales
- 4.Registrar resultados en Google Sheets clasificando los problemas
- 5.Crear tickets automáticamente en Linear para problemas detectados
Casos de uso
- Monitorear aplicaciones web para detectar cambios visuales no intencionales después de actualizaciones
- Identificar inconsistencias de representación entre navegadores y dispositivos diferentes
- Documentar cambios visuales con capturas de pantalla y notas de análisis automáticas
Requisitos
- Cuenta de Google Drive y Google Sheets activa
- Cuenta de Apify con clave API válida configurada
- Integración de espacio de trabajo Linear habilitada
- Proyecto de Google Cloud con API Gemini Vision habilitada
Valor del servicio
Ideal como servicio de automatización inteligente que combina integraciones e inteligencia artificial para producir resultados listos para usar.
Aplicaciones utilizadas
Detalles
Cómo usar
- 1.Haz clic en "Descargar plantilla"
- 2.Abre tu panel de n8n
- 3.Ve a Workflows > Import from File
- 4.Selecciona el archivo descargado y configura las credenciales
Nodos utilizados (34)
Base Image
Google Drive
Google Gemini Chat Model
Gemini Model
Structured Output Parser
Output Parser Structured
Sticky Note
Sticky Note
Sticky Note1
Sticky Note
Sticky Note2
Sticky Note
Sticky Note3
Sticky Note
Loop Over Items
Split In Batches
Wait
Wait
Download Screenshot
HTTP Request
Upload to Drive
Google Drive
Update Base Image
Google Sheets
Merge
Merge
Schedule Trigger
Schedule Trigger
Get URLs with Missing Base Images
Google Sheets
Run Webpage Screenshot
HTTP Request
Run Webpage Screenshot1
HTTP Request
Has Changes
Filter
Combine Row and Result
Set
Wait1
Wait
Aggregate
Aggregate
Create Report
Linear
When clicking ‘Test workflow’
Manual Trigger
Get Webpages List
Google Sheets
For Each Webpage...
Split In Batches
Sticky Note4
Sticky Note
Sticky Note5
Sticky Note
Sticky Note6
Sticky Note
Sticky Note7
Sticky Note
Download New Screenshot
HTTP Request
Combine Screenshots
Merge
Sticky Note8
Sticky Note
Sticky Note9
Sticky Note
Visual Regression Agent
LLM Chain