界面截图变了,Agent 怎样整理视觉回归差异和动态内容
界面图像变了,需要先确认截图环境可比,再看差异落在哪里、是否影响具体控件。Agent适合把已有图像比较结果转成区域级审阅材料。不能仅按差异像素多少决定接受,也不能把真实产品问题与时间文本变化混为一类。
本文提供可见合成示意
下方图由代码绘制,包含基线、动态时间变化、按钮遮挡和字体换行四块示意,不是真实软件截图,也没有运行视觉测试。它只帮助读者看清附件三条输入的区域关系。
比较前固定环境与基线用途
图像基线应有产品页面、视窗、浏览器、操作系统、字体和批准范围。两张图都叫预约页,可能一个来自不同字体环境;先核这些材料,才谈像素变化。没有旧基线批准依据时,应标待确认,而不是自动以当前图覆盖它。
官方机制说明1:截图基线与比较受浏览器、操作系统、字体等环境影响;动态元素可按明确规则处理,像素阈值不能代替人工判断业务可用性。
截图工具可做比较和配置阈值,本文不重复实现它。拟定助手重点解释差异区域、环境条件和业务控件,给设计或测试审阅者明确的证据入口;更新基线仍需要人工决定。
同样是差异,三条处置不同
合成输入1。 两张预约页截图只有当前时间文字不同,动态区域已有批准清单,提交按钮一致
预期处置:将时间变化单列为批准动态差异,仍保留其余区域比较,不全页忽略
合成输入2。 相同视窗下新截图的提交按钮被页脚遮挡,差异像素总量很小
预期处置:按控件可操作性列布局回归候选,不因低像素数自动接受
合成输入3。 基线来自macOS字体,待审图来自Windows替代字体,文字整体换行
预期处置:标环境不可直接比较并请求同条件材料,不立即更新基线
时间文本变化已有批准动态范围,可单列,但仍须审其余区域。按钮被页脚遮挡可能只占很少像素,却影响提交动作,因此不能用总像素小自动接受。字体环境不同导致换行,则应优先取得同条件材料;否则把整页差异都当产品回归,或全部放宽阈值,都会失去判断意义。
区域说明比全页正常更可用
审阅行应保存基线区域、新图区域、差异描述、相关控件、动态规则依据和人工决定。示意中提交按钮仍有文字,不说明它能被用户操作;真实产品需要交互检查。图上没有显示的权限、接口结果等,也不能从静态对照中推断。
动态排除规则不应为了一次报告变绿而临时放大。已有规则覆盖时间标签,就只说明该范围的处理依据;图像其他部分仍要核。本文不提供一组能宣称适用于所有业务的阈值,客户应结合页面和风险决定允许变化。
基线更新是一次可解释决定
若差异属于已批准设计变更,记录采用的新基线和适用环境;若是问题,记录对应控件和后续验证;若环境不一致,先补材料。三个结果不应只剩同一个忽略按钮。附件给出合成区域坐标和候选说明,实际截图比较、交互观察与审批栏都为空。
需要定制时,可先由现有截图工具提供比较结果,再接入页面节点、动态区域清单和审阅队列。没有这些业务依据,Agent即使能描述画面,也难以判断变化是否可以接受。
从图示回到区域记录
附图每块卡片使用相同的本地坐标,时间标签区域为x20、y52、宽480、高38;提交按钮在x320、y220、宽150、高50,遮挡页脚从y242开始。读者无需真实截图工具,也能看到遮挡覆盖按钮下部。这些数字是合成布局,不能用于真实产品像素阈值。
JSON同时给出区域到案例的对应:时间是动态审阅,重叠是布局候选,换行是环境可比性。图像负责可见表达,表格负责处理理由,二者共同构成这篇的实际附件,而不是仅承诺后续生成。
图示中的文字换行只展示环境差异的可能外观,没有测量字体像素差。真正更新基线前仍需取得相同环境材料。
下载本题合成输入与可填写工作表。附件保留实际结果、复核人和证据位置空栏。
界面安全渲染与本题不同,可读相近旧文。探索路径由探索测试只留下零散笔记,Agent 怎样整理成可继续探索的任务包保留,需公开的残留问题再交软件准备发版,Agent 怎样把遗留缺陷整理成已知问题草稿整理。定制咨询可从合成基线与区域规则讨论视觉审阅助手,更多材料处理见文档与数据处理专题。