[发明专利]用户界面视觉验证方法、装置、计算机设备及存储介质

说明书

本发明涉及UI设计领域，公开了一种用户界面视觉验证方法、装置、计算机设备及存储介质，其方法包括：从待验证的用户界面爬取第一页面元素属性数据；从与用户界面对应的界面设计文档爬取第二页面元素属性数据；获取用户界面与界面设计文档之间的属性关联数据；根据属性关联数据对第一页面元素属性数据和第二页面元素属性数据进行属性解析，生成待比对文档；待比对文档包括第一页面元素属性数据的第一属性转换数据；对待比对文档进行差异分析，生成视觉验证结果。本发明通过属性数据的比对，可以准确高效地获得视觉验证结果，大大缩短测试时间，减少人力成本。

技术领域

本发明涉及UI设计领域，尤其涉及一种用户界面视觉验证方法、装置、计算机设备及存储介质。

背景技术

在应用程序的开发测试过程中，通常需要对应用程序的UI(User interface，用户界面)进行视觉验证，以保证UI的显示符合用户需求。现有视觉的验证方式一般依赖UI工程师的个人经验进行人工比对，有时还受到显示屏显示效果的影响，比对效率低下。通过截图对比UI图片和UI设计稿的分辨率、色号、间距等属性，准确率低，特别在不同的分辨率下容易造成较大误差。

发明内容

基于此，有必要针对上述技术问题，提供一种用户界面视觉验证方法、装置、计算机设备及存储介质，以提高用户界面视觉验证的效率和准确率。

一种用户界面视觉验证方法，包括：

从待验证的用户界面爬取第一页面元素属性数据；从与所述用户界面对应的界面设计文档爬取第二页面元素属性数据；

获取所述用户界面与所述界面设计文档之间的属性关联数据；

根据所述属性关联数据对所述第一页面元素属性数据和所述第二页面元素属性数据进行属性解析，生成待比对文档；所述待比对文档包括所述第一页面元素属性数据的第一属性转换数据；

对所述待比对文档进行差异分析，生成视觉验证结果。

一种用户界面视觉验证装置，包括：

爬取数据模块，用于从待验证的用户界面爬取第一页面元素属性数据；从与所述用户界面对应的界面设计文档爬取第二页面元素属性数据；

获取属性关联数据模块，用于获取所述用户界面与所述界面设计文档之间的属性关联数据；

生成比对文档模块，用于根据所述属性关联数据对所述第一页面元素属性数据和所述第二页面元素属性数据进行属性解析，生成待比对文档；所述待比对文档包括所述第一页面元素属性数据的第一属性转换数据；

生成验证结果模块，用于对所述待比对文档进行差异分析，生成视觉验证结果。

一种计算机设备，包括存储器、处理器以及存储在所述存储器中并可在所述处理器上运行的计算机可读指令，所述处理器执行所述计算机可读指令时实现上述用户界面视觉验证方法。

一个或多个存储有计算机可读指令的可读存储介质，所述计算机可读指令被一个或多个处理器执行时，使得所述一个或多个处理器执行如上述用户界面视觉验证方法。