[发明专利]一种界面校验方法、装置、电子设备以及存储介质

说明书

本公开提供了一种界面校验方法、装置、电子设备以及存储介质，其中，该方法包括：获取多个待校验UI界面组的界面信息；所述界面信息为每个待校验UI界面组中UI界面的各个UI组成元素的元素信息；将各个待校验UI界面组之间的UI界面进行配对组合，得到配对UI界面组；并将所述配对UI界面组展示在校验界面的界面校验区域中；响应于针对所述界面校验区域中配对UI界面组的校验操作，基于所述界面信息将所述配对UI界面组的多个UI界面的UI组成元素进行比对；基于比对结果确定所述多个UI界面中差异元素的差异数据，并展示所述差异数据；所述差异数据包括以下至少之一：颜色差异、形状差异、位置差异、尺寸差异、图案差异。

技术领域

本公开涉及计算机的技术领域，具体而言，涉及一种界面校验方法、装置、电子设备以及存储介质。

背景技术

在UI(User Interface)界面设计领域，需要对UI界面进行验收，比如，可以对多个待验收的UI界面进行比对，从而根据比对结果对该UI界面执行验收操作，例如，在UI界面的设计领域，通常需要对UI界面的UI原稿和UI设计稿进行反复比对，实现对UI设计稿的验收。现有的验收方式主要通过手动的方式对待验收的UI界面进行比对。由于，手动比对的工具较为单一，且手工比对的主观性较强，因此，在对结构较为复杂的UI界面的验收时，现有的验收方式无法保证比对的准确度，同时也影响UI界面的验收进度和验收效率。

发明内容

本公开实施例至少提供一种界面校验方法、装置、电子设备以及存储介质。

第一方面，本公开实施例提供了一种界面校验方法，包括：获取多个待校验UI界面组的界面信息；所述界面信息为每个待校验UI界面组中UI界面的各个UI组成元素的元素信息；将各个待校验UI界面组之间的UI界面进行配对组合，得到配对UI界面组；并将所述配对UI界面组展示在校验界面的界面校验区域中；响应于针对所述界面校验区域中配对UI界面组的校验操作，基于所述界面信息将所述配对UI界面组的多个UI界面的UI组成元素进行比对；基于比对结果确定所述多个UI界面中差异元素的差异数据，并展示所述差异数据；所述差异数据包括以下至少之一：颜色差异、形状差异、位置差异、尺寸差异、图案差异。

一种可选的实施方式中，所述将各个待校验UI界面组之间的UI界面进行配对组合，得到配对UI界面组，包括：基于所述界面信息，计算各个待校验UI界面组之间UI界面的界面相似度，得到多个相似度；确定所述多个相似度中满足相似度要求的UI界面；基于所述满足相似度要求的UI界面确定所述配对UI界面组。

一种可选的实施方式中，所述方法还包括：获取每个所述待校验UI界面组的校验标识信息；所述校验标识信息用于指示对应待校验UI界面组所属的校验项目；在基于所述校验标识信息确定出各个待校验UI界面组所属相同校验项目的情况下，基于所述界面信息，计算各个待校验UI界面组之间UI界面的界面相似度。

一种可选的实施方式中，所述将各个待校验UI界面组之间的UI界面进行配对组合，得到配对UI界面组，包括：响应于针对至少部分所述待校验UI界面组的界面选择指令，在至少部分所述待校验UI界面组中选择待校验UI界面；基于选择的所述待校验UI界面确定所述配对UI界面组。

一种可选的实施方式中，所述基于所述界面信息将所述配对UI界面组的多个UI界面的UI组成元素进行比对，包括：在所述多个UI界面之间确定至少一组相匹配的UI组成元素；基于所述界面信息，将每组所述相匹配的UI组成元素进行比对，得到每组所述相匹配的UI组成元素的比对结果。

一种可选的实施方式中，所述差异数据包括差异描述信息，所述展示所述差异数据，包括：在所述校验界面的差异展示区域展示所述差异描述信息，其中，所述差异描述信息包括以下至少之一：图案差异描述信息，形状差异描述信息，尺寸差异描述信息，位置差异描述信息，颜色差异描述信息。