视觉回归测试自动化工作流（Visual Regression Testing Automation Workflow）
该工作流通过自动化生成网页截图并与AI视觉模型比对，实现网页视觉回归测试。它从Google Sheets管理网址列表，利用Apify生成基准和最新截图，存储于Google Drive，并通过Google Gemini模型智能检测视觉差异。最终，自动汇总检测结果并生成Linear任务报告，显著提升网站质量监控效率，帮助开发和测试团队快速发现网页异常变化，确保网站稳定性与用户体验。
流程图
工作流名称
视觉回归测试自动化工作流（Visual Regression Testing Automation Workflow）
主要功能和亮点
该工作流通过自动化截图生成与AI视觉模型比对，实现网页视觉回归测试，智能检测网页内容、图片、颜色及布局的变化。结合Google Sheets管理网址列表，利用Apify服务生成网页截图，Google Drive存储图片，Google Gemini（PaLM）模型进行视觉分析，并将检测结果自动汇总生成Linear任务报告，极大提升网站质量监控效率。
解决的核心问题
传统的视觉回归测试依赖人工对比截图，费时费力且易疏漏。此工作流自动化生成基准截图并定期抓取最新页面截图，利用先进AI视觉模型精准识别视觉差异，帮助开发和测试团队快速发现网页异常变化，保障网站的稳定性和用户体验。
应用场景
- 网站更新后自动检测视觉缺陷
- 持续集成/持续部署（CI/CD）流程中的回归测试环节
- 多页面网站定期质量监控
- 设计与开发团队协同验证网页视觉一致性
- 任何需要对网页外观变化进行自动化监控的场景
主要流程步骤
- 获取网页列表：从Google Sheets中读取需要测试的网页URL及截图信息。
- 生成基准截图（Part A）：调用Apify截图服务，抓取网页基准图，上传至Google Drive并更新Google Sheets中的图片ID。
- 定时触发测试（Part B）：通过Schedule Trigger定期启动测试流程。
- 抓取最新截图：再次调用Apify获取网页最新截图。
- 下载并合并截图：下载基准图和最新截图，准备比对。
- 视觉比对分析：利用Google Gemini Chat模型进行图像对比，智能识别文本、图像、颜色、位置等变化。
- 结果过滤与聚合：筛选存在变化的网页，聚合所有检测结果。
- 生成报告：将视觉变化以Markdown格式生成报告，自动在Linear创建任务，便于跟踪和处理。
涉及的系统或服务
- Google Sheets：管理网页列表及截图信息
- Apify：网页截图服务
- Google Drive：存储网页截图图片
- Google Gemini (PaLM) AI模型：视觉差异智能检测
- Linear：自动生成并跟踪缺陷报告任务
- n8n工作流自动化平台：串联上述服务完成自动化流程
适用人群或使用价值
- 网站开发与测试团队：自动化视觉回归测试，减轻人工负担，快速定位问题。
- 产品经理与设计师：保障设计一致性，及时发现UI异常。
- 运维与质量保障人员：实现持续监控，预防线上问题。
- 任何需要自动化网页视觉监控的企业和个人：提升工作效率和产品质量。
此工作流融合多种先进技术和服务，实现网页视觉回归测试的全自动化，极大提升了测试效率与准确度，是现代网站质量保障的利器。欢迎使用并根据自身需求灵活调整集成组件。