[发明专利]应用界面测试方法和装置

说明书

技术领域

本发明涉及数据处理技术领域，特别是涉及一种应用界面测试方法和装置。

背景技术

软件开发中，应用的UI界面的设计和开发也是重要的一个环节。通常的，应用的UI界面是根据设计师提供的视觉图而开发出来的。在开发出UI界面后，还需要对该界面进行检测，检测其是否与相应的视觉图中的元素的颜色、位置等是否一致。

传统的UI界面测试方法，都是人工进行肉眼检测，而人工很难区分出UI界面与视觉图上对应的元素之间存在位置和颜色等的细微偏差，因此传统的UI界面测试的准确度不高。

发明内容

基于此，有必要针对上述技术问题，提供一种能够提供UI界面测试准确度的应用界面测试方法和装置。

一种用户界面测试方法，所述方法包括以下步骤：

获取待测试的用户界面的测试图；

从所述测试图中提取多个预设位置处的颜色值；

获取与所述测试图对应的视觉图；

从所述视觉图中提取与所述测试图相同位置处的颜色值；

将从所述测试图和所述视觉图中提取的每个相同位置处的颜色值进行对比；

根据对比结果生成相应的测试报告。

在其中一个实施例中，所述从所述测试图中提取多个预设位置处的颜色值的步骤，包括：

按照预设的采样率，将所述测试图分成预设数量的图形区块；

提取每个图形区块的预设位置处的颜色值。

在其中一个实施例中，在从所述测试图中提取多个预设位置处的颜色值的步骤之前，所述方法还包括：将所述测试图的图形分辨率与所述视觉图的图形分辨率调整为相同的图形分辨率；

所述从所述测试图中提取多个预设位置处的颜色值的步骤，包括：从调整后的测试图中提取多个预设位置处的颜色值；

所述从所述视觉图中提取与所述测试图相同位置处的颜色值的步骤，包括：获取从调整后的侧视图中提取的每个颜色值的坐标位置；提取所述调整后的视觉图中对应相同坐标位置处的颜色值。

在其中一个实施例中，所述从所述测试图中提取多个预设位置处的颜色值的步骤，包括：

确定所述侧视图的图形属性，所述图形属性包括静态图形和动态图形，所述动态图形中包含至少一个动态页面元素；

当所述侧视图为动态图形时，所述预设位置位于非动态页面元素区域的位置。

在其中一个实施例中，所述对比结果包括所述测试图与所述视觉图中相同位置处的颜色值的差值；

所述根据对比结果生成相应的测试报告的步骤，包括：

当所述差值超过预设数值时，确定所述测试图中，超过预设数值的差值对应的颜色值所属的页面元素；

将所述页面元素的信息写入所述测试报告中。

一种用户界面测试装置，所述装置包括：

测试图获取模块，用于获取待测试的用户界面的测试图；

颜色值提取模块，用于从所述测试图中提取多个预设位置处的颜色值；

视觉图获取模块，用于获取与所述测试图对应的视觉图；

所述颜色值提取模块还用于从所述视觉图中提取与所述测试图相同位置处的颜色值；

对比模块，用于将从所述测试图和所述视觉图中提取的每个相同位置处的颜色值进行对比；

测试报告生成模块，用于根据对比结果生成相应的测试报告。

在其中一个实施例中，所述颜色值提取模块还用于按照预设的采样率，将所述测试图分成预设数量的图形区块；提取每个图形区块的预设位置处的颜色值。

在其中一个实施例中，所述装置还包括：

调整模块，用于将所述测试图的图形分辨率与所述视觉图的图形分辨率调整为相同的图形分辨率；

所述颜色值提取模块还用于从调整后的测试图中提取多个预设位置处的颜色值；获取从调整后的侧视图中提取的每个颜色值的坐标位置；提取所述调整后的视觉图中对应相同坐标位置处的颜色值。

在其中一个实施例中，所述颜色值提取模块还用于确定所述侧视图的图形属性，所述图形属性包括静态图形和动态图形，所述动态图形中包含至少一个动态页面元素；当所述侧视图为动态图形时，所述预设位置位于非动态页面元素区域的位置。

在其中一个实施例中，所述对比结果包括所述测试图与所述视觉图中相同位置处的颜色值的差值；

所述测试报告生成模块还用于当所述差值超过预设数值时，确定所述测试图中，超过预设数值的差值对应的颜色值所属的页面元素；将所述页面元素的信息写入所述测试报告中。