视觉回归测试工作流(Visual Regression Testing Workflow)

该工作流通过AI视觉模型实现网页的自动视觉回归测试,自动生成并比对网页截图,精准识别内容、布局和颜色变化。集成网页截图服务和云存储,确保截图管理高效。它能够及时发现网页视觉异常,生成结构化变更报告并创建任务,帮助团队快速定位问题,提升产品质量,适合开发、测试及运维团队在持续集成和交付流程中的应用。

Tags

视觉回归测试AI视觉比对

工作流名称

视觉回归测试工作流(Visual Regression Testing Workflow)

主要功能和亮点

本工作流实现了基于AI视觉模型的网页视觉回归测试,通过自动生成和比对网页截图,精准识别网页内容、布局、颜色等方面的变化。利用Google Gemini视觉模型进行图像比对,并自动生成结构化变更报告,支持将结果创建为Linear任务,方便团队跟踪和处理。集成了Apify网页截图服务和Google Drive、Google Sheets,确保截图存储和管理高效可靠。

解决的核心问题

传统的网页回归测试难以自动检测视觉层面的细微变化,如布局错位、图片异常、颜色改变等。本工作流通过AI视觉模型自动比对截图,避免人工重复检查,提高发现问题的准确率和效率,帮助开发和测试团队快速定位网页异常,保障产品质量。

应用场景

  • 网站或Web应用的持续集成/持续交付(CI/CD)流程中自动检测界面变更
  • 多版本网页UI一致性监控
  • 设计师和测试人员在网页更新后快速验证页面视觉效果
  • 大型网站定期巡检,发现异常页面内容变化

主要流程步骤

  1. 获取网页列表 — 从Google Sheets中读取待测试的网页URL及其基线截图信息。
  2. 生成基线截图(Part A) — 通过Apify服务对网页进行截图,上传至Google Drive保存,并更新Google Sheets中的截图ID。
  3. 定时触发测试(Part B) — 按计划自动拉取网页列表,针对每个网页:
    • 下载基线截图和最新截图(通过Apify重新截图)
    • 将两张截图合并发送给Google Gemini视觉模型进行比较
  4. 解析比对结果 — 使用结构化输出解析器将AI返回的检测结果转换为JSON格式,便于后续处理。
  5. 筛选变更网页 — 过滤出有视觉变化的网页。
  6. 生成测试报告 — 汇总所有变更内容,自动创建Linear任务报告,方便团队查看和跟进。

涉及的系统或服务

  • Google Sheets:管理网页URL列表及截图关联数据
  • Apify.com:网页截图生成服务
  • Google Drive:截图文件存储与管理
  • Google Gemini(PaLM)视觉模型:AI图像比对,检测视觉差异
  • Linear.app:自动创建变更报告任务,支持团队协作

适用人群或使用价值

  • 测试工程师:自动化视觉回归测试,减少人工核对工作量
  • 前端开发者和设计师:及时发现页面视觉异常,保障用户体验
  • 产品经理和运维团队:监控网页更新风险,提升发布质量
  • 任何需要监控网页视觉质量的团队,通过自动化流程提升效率和准确性

该工作流通过结合多种现代工具和AI技术,构建了一个高效、智能的网页视觉回归测试方案,极大降低了网页视觉异常漏检风险,适合各类规模的团队在日常开发和运维中使用。

推荐模板

视觉回归测试自动化工作流(Visual Regression Testing Automation Workflow)

该工作流通过自动化生成网页截图并与AI视觉模型比对,实现网页视觉回归测试。它从Google Sheets管理网址列表,利用Apify生成基准和最新截图,存储于Google Drive,并通过Google Gemini模型智能检测视觉差异。最终,自动汇总检测结果并生成Linear任务报告,显著提升网站质量监控效率,帮助开发和测试团队快速发现网页异常变化,确保网站稳定性与用户体验。

视觉回归自动化测试

Play with Spotify from Telegram

该工作流通过Telegram实现了便捷的音乐控制,用户可以直接在聊天中发送歌曲名称或描述,系统将利用智能解析识别歌曲信息,并在Spotify中搜索、添加至播放列表,最终控制音乐播放。此过程简化了传统操作,用户无需打开应用即可快速点播或切换歌曲,提升了音乐体验,特别适用于工作、学习或远程场景的用户。

Spotify控制Telegram音乐

AI驱动的内容生成与管理自动化工作流

该工作流通过表单收集用户的内容需求,自动调用AI生成文章大纲和详细内容,并逐段优化文本结构,最终汇总成完整文章。生成的内容与大纲会自动保存至云端,并更新管理表格,便于追踪和管理。此流程高效且结构化,大幅提升了内容创作的自动化水平,适用于各种需要快速生成高质量文本的场景,如内容营销、自媒体运营及教育培训等。

AI写作内容管理

[2/2] KNN classifier (lands dataset)

该工作流利用KNN算法实现卫星影像的土地类型自动分类。通过Voyage AI的嵌入API将图像转换为向量,查询Qdrant数据库获取相似图像,并采用多数投票策略确定分类。设计了动态调整邻居数量的机制,以解决投票平局问题,确保分类结果的准确性,整体准确率达到93.24%。适用于遥感分析、城市规划和农业监控等领域,提升了图像分类的自动化和智能化水平。

KNN分类卫星影像

儿童阿拉伯语故事自动生成与分发工作流

该工作流自动生成适合儿童的阿拉伯语故事,结合教育与娱乐,内容生动有趣。它利用AI技术创作故事并进行翻译,同时生成插图和音频朗读。所有内容通过Telegram频道定时发布,确保每12小时更新,提高用户触达效率。适用于教育机构、语言学习者和内容创作者,提供丰富的多媒体故事资源,促进儿童语言能力和想象力的发展。

儿童故事多媒体生成

AI 会议助理 - 预会议通知自动生成与发送

该工作流旨在为忙碌的专业人士提供智能会议助理服务,通过自动检测即将召开的会议,提取与会者的关键信息和最近交流内容,并结合LinkedIn动态,生成简洁的会议提醒通知,及时发送至WhatsApp。此流程大幅提升了会议准备的效率,确保用户快速掌握会议背景,增强沟通效果,适合企业经理、销售人员及远程团队成员等需要频繁参会的职场人士。

AI会议助理会议通知

Customer Lead AI Agent(客户潜在客户智能处理工作流)

该工作流通过AI智能代理自动分析和分类新生成的潜在客户信息,精准识别客户需求,并智能匹配相关联系人,自动生成并发送专业邮件通知。其主要功能包括自动筛选有效潜在客户、提取关键信息、匹配负责人及生成邮件,显著提升处理效率和信息传递的准确性,优化客户关系管理流程,实现潜在客户从生成到响应的全流程自动化。

潜客管理AI自动化

🤖Calendar Agent

该工作流通过OpenAI的GPT-4o模型与Google日历API相结合,提供智能化的日历管理助手。用户可以通过自然语言指令轻松创建、查询、更新和删除日历事件,简化了繁琐的日程管理过程。集成的错误重试机制提升了操作的稳定性和可靠性,适用于个人和团队的日程管理需求,显著提高了工作效率和准确性。

智能日历自然语言管理