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

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

Tags

视觉回归自动化测试

工作流名称

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

主要功能和亮点

该工作流通过自动化截图生成与AI视觉模型比对,实现网页视觉回归测试,智能检测网页内容、图片、颜色及布局的变化。结合Google Sheets管理网址列表,利用Apify服务生成网页截图,Google Drive存储图片,Google Gemini(PaLM)模型进行视觉分析,并将检测结果自动汇总生成Linear任务报告,极大提升网站质量监控效率。

解决的核心问题

传统的视觉回归测试依赖人工对比截图,费时费力且易疏漏。此工作流自动化生成基准截图并定期抓取最新页面截图,利用先进AI视觉模型精准识别视觉差异,帮助开发和测试团队快速发现网页异常变化,保障网站的稳定性和用户体验。

应用场景

  • 网站更新后自动检测视觉缺陷
  • 持续集成/持续部署(CI/CD)流程中的回归测试环节
  • 多页面网站定期质量监控
  • 设计与开发团队协同验证网页视觉一致性
  • 任何需要对网页外观变化进行自动化监控的场景

主要流程步骤

  1. 获取网页列表:从Google Sheets中读取需要测试的网页URL及截图信息。
  2. 生成基准截图(Part A):调用Apify截图服务,抓取网页基准图,上传至Google Drive并更新Google Sheets中的图片ID。
  3. 定时触发测试(Part B):通过Schedule Trigger定期启动测试流程。
  4. 抓取最新截图:再次调用Apify获取网页最新截图。
  5. 下载并合并截图:下载基准图和最新截图,准备比对。
  6. 视觉比对分析:利用Google Gemini Chat模型进行图像对比,智能识别文本、图像、颜色、位置等变化。
  7. 结果过滤与聚合:筛选存在变化的网页,聚合所有检测结果。
  8. 生成报告:将视觉变化以Markdown格式生成报告,自动在Linear创建任务,便于跟踪和处理。

涉及的系统或服务

  • Google Sheets:管理网页列表及截图信息
  • Apify:网页截图服务
  • Google Drive:存储网页截图图片
  • Google Gemini (PaLM) AI模型:视觉差异智能检测
  • Linear:自动生成并跟踪缺陷报告任务
  • n8n工作流自动化平台:串联上述服务完成自动化流程

适用人群或使用价值

  • 网站开发与测试团队:自动化视觉回归测试,减轻人工负担,快速定位问题。
  • 产品经理与设计师:保障设计一致性,及时发现UI异常。
  • 运维与质量保障人员:实现持续监控,预防线上问题。
  • 任何需要自动化网页视觉监控的企业和个人:提升工作效率和产品质量。

此工作流融合多种先进技术和服务,实现网页视觉回归测试的全自动化,极大提升了测试效率与准确度,是现代网站质量保障的利器。欢迎使用并根据自身需求灵活调整集成组件。

推荐模板

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

智能日历自然语言管理

Google Calendar Event Reminder

此工作流能够自动从 Google 日历获取即将到来的事件,并利用 AI 虚拟秘书生成友好且个性化的提醒内容,通过 Telegram 实时发送给用户。它确保每个事件仅发送一次提醒,支持灵活配置提醒时间,提升了日程管理的有效性和用户体验,特别适合忙碌的职场人士和需要高效管理时间的团队。

日历提醒AI秘书