(19)国家知识产权局 (12)发明 专利申请 (10)申请公布号 (43)申请公布日 (21)申请 号 202210158223.5 (22)申请日 2022.02.21 (71)申请人 平安国际智慧城市科技股份有限公 司 地址 518000 广东省深圳市前海深港合作 区妈湾兴海 大道3048号前海自贸大厦 1-34层 (72)发明人 巩四方　 (74)专利代理 机构 深圳众鼎专利商标代理事务 所(普通合伙) 44325 专利代理师 黄章辉 (51)Int.Cl. G06F 11/36(2006.01) G06F 9/451(2018.01) G06F 16/332(2019.01) (54)发明名称 用户界面视觉验证方法、 装置、 计算机设备 及存储介质 (57)摘要 本发明涉及UI设计领域， 公开了一种用户界 面视觉验证方法、 装置、 计算机设备及存储介质， 其方法包括： 从待验证的用户界面爬取第一页面 元素属性数据； 从与用户界面对应的界面设计文 档爬取第二页面元素属性数据； 获取用户界面与 界面设计文档之间的属性关联数据； 根据属性关 联数据对第一页面元素属性数据和第二页面元 素属性数据进行属性解析， 生成待比对文档； 待 比对文档包括第一页面元素属性数据的第一属 性转换数据； 对待比对文档进行差异分析， 生成 视觉验证结果。 本发明通过属性数据的比对， 可 以准确高效地获得视觉验证结果， 大大缩短测试 时间， 减少人力成本 。 权利要求书2页 说明书9页 附图2页 CN 114528217 A 2022.05.24 CN 114528217 A 1.一种用户界面视 觉验证方法， 其特 征在于， 包括： 从待验证的用户界面爬取第 一页面元素属性数据； 从与 所述用户界面对应的界面设计 文档爬取第二页面元 素属性数据； 获取所述用户界面与所述界面设计文档之间的属性关联 数据； 根据所述属性关联数据对所述第一页面元素属性数据和所述第二页面元素属性数据 进行属性解析， 生成待比对文档； 所述待比对文档包括所述第一页面元素属 性数据的第一 属性转换数据； 对所述待比对文档进行差异分析， 生成视 觉验证结果。 2.如权利要求1所述的用户界面视觉验证方法， 其特征在于， 所述从与 所述用户界面对 应的界面设计文档爬取第二页面元 素属性数据包括： 获取设置有 多个元素标签的所述界面设计文档； 根据所述元 素标签从所述界面设计文档爬取 所述第二页面元 素属性数据。 3.如权利要求1所述的用户界面视觉验证方法， 其特征在于， 所述获取所述用户界面与 所述界面设计文档之间的属性关联 数据， 包括： 接收属性关联指令； 根据所述属性关联指令设置所述用户界面中页面元素的属性与所述界面设计文档中 的元素标签之间的关联关系， 获得 所述属性关联 数据。 4.如权利要求1所述的用户界面视觉验证方法， 其特征在于， 所述对所述待比对文档进 行差异分析， 生成视 觉验证结果， 包括： 从所述待比对文档中提取属性 值存在差异的差异属性数据； 根据预设评价方法对所述差异属性数据进行评价， 生成所述视 觉验证结果。 5.如权利要求4所述的用户界面视觉验证方法， 其特征在于， 所述差异属性数据包括若 干差异属性及相应的属性 值； 所述预设评价方法包括属性评价 规则和属性权重数据； 所述根据预设评价方法对所述差异属性数据进行评价， 生成所述视 觉验证结果， 包括： 从所述属性评价规则获取所述差异属性的评价规则， 从所述属性权重数据获取所述差 异属性的权 重因子； 根据所述属性评价 规则对所述差异属性的属性 值进行评价， 获得差异属性评价分数； 根据若干所述差异属性评价分数以及相应的权重因子计算加权和， 获得综合评价分 数， 所述视 觉验证结果包括所述综合评价分数。 6.如权利要求1所述的用户界面视觉验证方法， 其特征在于， 所述根据 所述属性关联数 据对所述第一页面元素属性数据和所述第二页面元素属性数据进 行属性解析， 生成待比对 文档， 包括： 根据所述属性关联数据对所述第 一页面元素属性数据进行属性解析， 确定与 所述第一 页面元素属性数据中的各个第一属性关联的第二属性， 将所述第一属性的属性值赋予与所 述第一属性关联的第二属性， 生成所述第一属性 转换数据； 将所述第一属性转换数据和所述第 二页面元素属性数据填入预设模板， 生成所述待比 对文档。 7.如权利要求1所述的用户界面视觉验证方法， 其特征在于， 所述对所述待比对文档进 行差异分析， 生成视 觉验证结果之后， 还 包括：权　利　要　求　书 1/2 页 2 CN 114528217 A 2判断所述视 觉验证结果是否满足预设验证要求； 若所述视觉验证结果不满足预设验证要求， 获取与所述视觉验证结果匹配的界面修正 措施； 查询与所述界面修正措施匹配的技术人员， 并生成包含所述界面修正措施的修正任 务； 将所述修正任务分配给 所述技术人员。 8.一种用户界面视 觉验证装置， 其特 征在于， 包括： 爬取数据模块， 用于从待验证的用户界面爬取第一页面元素属性数据； 从与所述用户 界面对应的界面设计文档爬取第二页面元 素属性数据； 获取属性关联数据模块， 用于获取所述用户界面与所述界面设计文档之间的属性关联 数据； 生成比对文档模块， 用于根据 所述属性关联数据对所述第 一页面元素属性数据和所述 第二页面元素属 性数据进行属 性解析， 生成待比对文档； 所述待比对文档包括所述第一页 面元素属性数据的第一属性 转换数据； 生成验证结果模块， 用于对所述待比对文档进行差异分析， 生成视 觉验证结果。 9.一种计算机设备， 包括存储器、 处理器以及存储在所述存储器中并可在所述处理器 上运行的计算机可读指令， 其特征在于， 所述处理器执行所述计算机可读指令时实现如权 利要求1至7中任一项所述用户界面视 觉验证方法。 10.一个或多个存储有计算机可读指令的可读存储介质， 所述计算机可读指令被一个 或多个处理器执行时， 使得所述一个或多个处理器执行如权利要求 1至7中任一项 所述用户 界面视觉验证方法。权　利　要　求　书 2/2 页 3 CN 114528217 A 3