CN106598846B - 应用界面测试方法和装置 - Google Patents

Abstract

本发明涉及用户界面测试方法，其特征在于，所述方法包括以下步骤：获取待测试的用户界面的测试图；从所述测试图中提取多个预设位置处的颜色值；获取与所述测试图对应的视觉图；从所述视觉图中提取与所述测试图相同位置处的颜色值；将从所述测试图和所述视觉图中提取的每个相同位置处的颜色值进行对比；根据对比结果生成相应的测试报告。上述方法可提高待测试应用中的UI界面的质量试的效率。此外，还对应提供了一种用户界面测试装置。

Description

应用界面测试方法和装置

技术领域

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

背景技术

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

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

发明内容

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

上述的用户界面测试方法和装置，通过从测试图中提取多个预设位置处的颜色值；并从对应视觉图中提取与测试图相同位置处的颜色值；将两者相同位置处的颜色值进行对比，根据对比结果生成测试报告。从而实现了自动化地对待测试应用中的UI界面的图形测试，提高了测试的效率。且使得测试报告中有具体的量化数据支撑，使得测试结果更加准确和具体化。

附图说明

图1为一个实施例中服务器的内部结构图；

图2为一个实施例中用户界面测试方法的流程图；

图3为一个实施例中的测试图的示意图；

图4为一个实施例中测试图形的其中一个图形区块的示意图；

图5为一个实施例中从测试图中提取多个预设位置处的颜色值的步骤的流程图；

图6为一个实施例中用户界面测试装置的结构框图；

图7为另一个实施例中用户界面测试装置的结构框图。

具体实施方式

为了使本发明的目的、技术方案及优点更加清楚明白，以下结合附图及实施例，对本发明进行进一步详细说明。应当理解，此处描述的具体实施例仅仅用以解释本发明，并不用于限定本发明。

图1为一个实施例中服务器的内部结构示意图。该服务器包括通过系统总线连接的处理器、非易失性存储介质、内存储器和网络接口。其中，该服务器的非易失性存储介质存储有操作系统、数据库和用户界面测试装置。数据库中存储有相关信息以及各种与用户界面测试相关的数据，比如存储待测试的测试图和视觉图等，还可以存储根据对测试图的测试所生成的测试报告等数据。该用户界面测试装置用于实现一种用户界面测试方法。该服务器的处理器用于提供计算和控制能力，支撑整个服务器的运行。该服务器的内存储器为非易失性存储介质中的用户界面测试装置的运行提供环境，该内存储器中可存储有计算机可读指令，该计算机指令可读指令被处理器执行时，可使得处理器执行一种用户界面测试方法。该服务器的网络接口用于据以与外部的终端通过网络连接通信，比如将生成的测试报告发送给测试人员对应的终端。服务器可以用独立的服务器或者是多个服务器组成的服务器集群来实现。

本领域技术人员可以理解，图1中示出的结构，仅仅是与本申请方案相关的部分结构的框图，并不构成对本申请方案所应用于其上的服务器的限定，具体的服务器可以包括比图中所示更多或更少的部件，或者组合某些部件，或者具有不同的部件布置。

图2为一个实施例中用户界面测试方法的流程示意图。本实施例以该方法应用于图1所示的服务器来举例说明。参照图2，该用户界面测试方法具体包括如下步骤：

步骤202，获取待测试的用户界面的测试图。

本实施例中，测试图为待测试应用上运行界面的UI界面图。服务器可根据预设的测试程序，开启待测试的应用，并展示该应用中的不同界面，对每个界面进行截图，所截取到的图形即为对应的测试图。服务器可将所生成的测试图设置对应的唯一测试标识，使得根据该测试标识来区分并获取到对应的测试图。生成的测试图可被存储在数据库中的预设位置处，服务器可从该数据库中读取所需测试的测试图。

测试图中包括一个或多个页面元素，页面元素是指测试图中各个不同类型的可视图形。页面元素包括测试图上的按钮、图片、文字框图、动画等形成的图形。服务器在根据预设的测试程序展示该应用中的界面时，获取该页面中所包含的上述的按钮、图片、文字框图、动画等元素在界面中所处理的位置与大小等信息，该信息即可作为对应测试图的页面元素的信息。

如图3所示，为一个实施例中的测试图的示意图，其中，该测试图中包括页面元素301～306。其中，页面元素301、305为图形类的可视图形；页面元素302、306为文字类型的可视图形；页面元素303为动画类可视图形；页面元素304为按钮类型的可视图形。

步骤204，从测试图中提取多个预设位置处的颜色值。

本实施例中，预设位置的数量包括多个，预设位置的数量越多，即可提取的颜色值的数量也越多，后续所测试出的结果也越详细和越准确。服务器可从每个预设位置处选取一个或多个采样点，获取该采样点的颜色值。优选的，每个采样点即为相应的预设位置。预设位置可按照均匀选取的原则来确定。

颜色值用于反映测试图中的采样点的颜色属性。具体的，颜色值可为包括由图形的RGB三色(即红、绿、蓝三种基础颜色)值所构成的数值，还可进一步包括图形的透明度所构成的数值。对应的，颜色值可为由6位数的16进制数或8位数的16进制数。每两位数分别表示RGB三色值以及透明度中的一种属性。颜色值可采用预设的颜色属性识别等相关的技术手段来获取。

进一步的，还可根据所识别出的页面元素来确定该预设位置。可将该页面元素作为相应的预设位置，并根据每个页面元素的数量、位置和大小等一种或多种属性，从每个页面元素中提取一定数量的采样点。并从非页面元素所处的位置处，也提取一定数量的采样点，以保持所提取的采样点的均匀性和全面性。

步骤206，获取与测试图对应的视觉图。

本实施例中，视觉图是待测试应用的设计师针对待测试应用的应用界面所设置的样本图形。服务器中预先设置了视觉图与测试图之间的关联关系。在确定了测试图后，可根据该关联关系获取对应的视觉图。

在一个实施例中，待测试应用的每个UI界面还可被设置相应的属性信息，该属性信息中包含对应视觉图的描述信息。服务器在获取到UI界面的测试图后，可从对应的属性信息中获取对应视觉图的描述信息。该描述信息可包含相应的视觉图的名称、存储路径等信息。服务器可根据该描述信息将测试图与相应的视觉图之间建立关联关系。

在一个实施例中，服务器还可将多个视觉图与测试图进行图像识别，判断每个视觉图与待测试的测试图之间的相似度，并将所判断出的相似度最高的视觉图作为与该测试图对应的视觉图。

在一个实施例中，可以理解的，步骤204和步骤206之间的执行顺序不做限定。即还可先执行步骤206，后执行步骤204，或步骤204和步骤206同步执行。

步骤208，从视觉图中提取与测试图相同位置处的颜色值。

本实施例中，服务器在确定了测试图中的每个采样点的位置后，记录该采样点的颜色值与位置信息。服务器可从对应的视觉图中提取与所记录的测试图的位置信息相同的采样点，获取该采样点的颜色值。

步骤210，将从测试图和视觉图中提取的每个相同位置处的颜色值进行对比。

本实施例中，服务器可将测试图和视觉图中，处于相同位置的采样点的颜色值之间建立关联关系。具体的，可将所获取到的测试图与视觉图中的颜色值按照相同的写入规则写入到所创建的颜色值数据表中，每一列(或每一行)的颜色值数据表示同一个测试图和视觉图中的颜色值数据，相应的每一行(或每一列)的数据即表示该测试图与视觉图中相同位置处的颜色值数据。

举例来说，如下表1所示，为一个实施例中测试图与对应的视觉图中部分预设位置处的颜色值列表。其中，同一行的颜色值在测试图与视觉图中所处的位置相同。该颜色值为8位16进制的数值，每两位数可分别反映RGB与透明度中的一种属性。

测试图中的采样点的颜色值	视觉图中的采样点的颜色值
		F9BD329F	F9BD329F
EE5E6AD4	EE5E6AD4
		D4E2B844	D4E2B844
EDA2EDF4	EDA2EDF4
		C336EF17	C336EF17
BB11A4DA	B49632BD
		9FB4AE4D	9FB4AE4D
A8F29679	A8F29679
		DB494440	DB494440
CD3B1EAE	CD3B1EAE
		B2142BD0	B2142BD0
B9B8B778	B9B8B778

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

本实施例中，服务器可将测试图和对应视觉图中，每个相同位置处的颜色值中，表示每个颜色属性(和透明度)的颜色值部分的数据进行对比，比较两者的差值。根据每种属性的差值，计算出综合差值，将该综合差值以及该颜色值在测试图中所处的位置信息记录到测试报告中。该综合差值用于反映测试图与视觉图中对应位置处的颜色的差别大小，使得根据该测试用户根据该测试报告中所记录的综合差值的信息即可获知该测试图是否符合通过测试。

如上表1中所示的，其中，测试图与视觉图中第6对颜色值数值(即上表1中的BB11A4DA与B49632BD)不相同。则可计算分别计算表示每种属性的颜色或透明度的差值，根据该差值计算出对应的综合差值。比如，分别将该两个颜色值按照第1～2位、3～4位、5～6位以及7～8位进行拆分，拆分成4组单独一种属性的颜色值，计算每组颜色值的差值，根据该差值计算出相应的综合差值。比如，可对各组差值进行加权平均，得到相应的综合差值。

在一个实施例中，在完成对一幅测试图的图形检测后，可检测是否还存在待测试的测试图，若存在，则继续按照上述的步骤202～步骤210，完成对下一幅测试图的图形检测，直至完成对所有测试图的测试。服务器中可设置测试报告所包含的图形的数量，将所设置的数量的测试图的对比结果集中到一个测试报告中。

在一个实施例中，在步骤212之后，还包括：将测试报告发送至对应的测试终端。

本实施例中，测试终端为预先设置的用户接收该测试报告的测试用户的终端。服务器可直接将测试报告发送至测试终端，还可将所生成的测试报告存储在预设的存储空间中，并向测试用户发送测试报告生成完毕的信息，使其主动从该存储控件中获取该测试报告。

上述的用户界面测试方法，通过从测试图中提取多个预设位置处的颜色值；并从对应视觉图中提取与测试图相同位置处的颜色值；将两者相同位置处的颜色值进行对比，根据对比结果生成测试报告。从而实现了自动化地对待测试应用中的UI界面的图形测试，提高了测试的效率。且使得测试报告中有具体的量化数据支撑，使得测试结果更加准确和具体化。

在一个实施例中，上述的从测试图中提取多个预设位置处的颜色值的步骤，包括：按照预设的采样率，将测试图分成预设数量的图形区块；提取每个图形区块的预设位置处的颜色值。

本实施例中，服务器中还预先设置了对测试图的采样率，根据该采样率可确定所需提取的测试图中的采样点的数量。其中，采样率可被设置为任意频率。比如，可设置从测试图中提取100个采样点的采样率和提取1000个采样点的采样率。可以理解的，采样率越高，所获取的采样点的数量越多，后续所测试出的结果也越详细和越准确。

服务器中预先设置了图形区块的数量与采样率之间的对应关系。服务器可根据预先设置的采样率，将测试图划分成预设数量的图形区块。具体的，每个图形区块的大小相同。比如，可将测试图划分为3×4、5×5、10×20等数量的图形区块。可以理解的，采样率越大，则对应被设置的图形区块的数量也越大。

在划分成预设数量的图形区块后，可确定每个图形区块的预设位置，该预设位置处即为对应的采样点。其中，每个图形区块的预设位置和数量可对应相同或不同。该数量可为一个或多个，具体的，可设置为相同的数量和相同位置。类似的，可按照均匀提取的原则，确定每个图形区块中所提取的采样点。

举例来说，如图4所示，为一个实施例中的测试图形的其中一个图形区块的示意图，其中，黑点处即为被设置的采样点位置。

同样的，服务器可按照上述相同的方法，从对应的视觉图中提取与对应测试图相同位置处的颜色值。

本实施例中，通过对测试图进行图形区块划分，提取每个图形区块的预设位置处的颜色值，可提高颜色值提取的均匀性，可提高后续图形测试的全面性。

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

本实施例中，服务器可设置一个固定的图形分辨率，将该测试图与视觉图的分辨率均调整至该固定的图形分辨率。通常的，视觉图的图形分辨率要大于测试图的分辨率。服务器可获取测试图的图形分辨率，将其作为上述的固定的图形分辨率；调整视觉图的分辨率，使调整后的视觉图的分辨率与侧视图的分辨率相同。

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

若该固定的图形分辨率与测试图的分辨率相同，则无需对测试图进行图形分辨率的调整，即该原始的测试图即为调整后的测试图。

本实施例中，服务器可获取调整后的测试图的颜色值矩阵，该矩阵的维度与该固定的图形分辨率的大小相同。矩阵中的每个位置处的元素的数值即表示该调整后的测试图中对应位置处的颜色值。服务器在选取了预设位置处的颜色值后，可记录该颜色值在该颜色值矩阵中的坐标位置。

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

本实施例中，服务器可同样的获取调整后的视觉图的颜色值矩阵，按照所记录的提取的调整后的测试图的颜色值的坐标位置，选取相同位置处的颜色值，将两者建立对应关系。

本实施例中，通过将测试图的图形分辨率与视觉图的图形分辨率调整为相同的图形分辨率，使得可根据选取的测试图的颜色值所处的坐标位置来选取对应的视觉图中的颜色值，可提高颜色值选取的便利性。

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

步骤502，确定侧视图的图形属性，图形属性包括静态图形和动态图形。

本实施例中，静态图形是指该测试图对应的用户界面中所展示的所有页面元素均为静态页面元素。静态页面元素不会随着时间的变化而变化。动态图形是指该测试图对应的用户界面中还包括动态页面元素。动态页面元素会随着时间的变化而变化。比如在用户界面上所设置的动态图形、当前时间等页面元素。

服务器可获取该测试图对应的用户界面上每个页面元素的属性信息，根据该属性信息测试图的图形属性。具体的，根据该属性信息确定相应的页面元素是动态页面元素还是静态页面元素。若存在其中一个页面元素为动态页面元素，则判定该测试图为动态图形。

步骤504，当侧视图为动态图形时，预设位置位于非动态页面元素的位置处。

服务器可根据所记录的动态页面元素的位置信息，使预设位置避免处于该位置之内，即不从动态页面元素中选取颜色值。从而可防止动态页面元素的变化，与视觉图上对应的页面元素所展示的画面不同，造成错判。

在一个实施例中，测试图为对应用户界面的截图。上述的从测试图中提取多个预设位置处的颜色值的步骤，包括：确定截图中的状态栏所属的区域，将状态栏区域删除，从删除后的测试图中提取预设位置处的颜色值。

本实施例中，该截图为测试终端对所显示的用户界面的截图，该截图中包括状态栏的图形。服务器可获取该截图，并获取该测试终端的终端标识，根据该终端标识确定测试终端的类别和操作系统的信息。

服务器中还预设有不同类别、不同操作系统的测试终端中，状态栏图形在终端显示界面上所占据的位置大小。在确定了终端的类别和操作系统后，可确定该状态栏图形在该测试图中所处的位置，进而根据该位置将该测试图属于状态栏的图形进行删除，使得删除状态栏后的测试图的图形与视觉图的图形保持一致。并从删除后的测试图中提取预设位置处的颜色值。

举例来说，若包含状态栏的测试图的图形分辨率为600*900，而检测出该状态栏位于前15*900的位置处，则可将该前面的15*900的图形删除，删除后的测试图的图形分辨率为585*900，使其形状与视觉图相同。并从删除后的测试图中提取预设位置处的颜色值，以排除状态栏的图形对整个测试图与视觉图上选取的位置的不对应，从而提高了图形测试的准确性。

在一个实施例中，对比结果包括测试图与视觉图中相同位置处的颜色值的差值。根据对比结果生成相应的测试报告的步骤，包括：当差值超过预设数值时，确定测试图中，超过预设数值的差值对应的颜色值所属的页面元素；将页面元素的信息写入测试报告中。

本实施例中的差值，包括上述的每种属性的差值和综合差值。具体的，服务器中可预先设置有一预设数值，该预设数值用于判断相应的颜色值是否达到质量要求的阈值。服务器可将所计算出的综合差值与该预设阈值进行对比，若计算出该综合差值大于该预设数值时，可记录该颜色值对应的页面元素的信息，将该信息写入测试报告中。

具体的，测试报告中还可包含相应的测试图和视觉图，并对大于预设阈值的综合差值所对应的页面元素进行标记，使得测试用户在浏览该测试报告时，看直观的了解到不符合质量要求的页面元素。

本实施例中，通过将大于预设阈值的综合差值所对应的页面元素信息记录到测试报告中，使得测试结果更加详细，也便于后续测试用户对不符合质量的页面元素进行改正，提高了应用维护的便利性。

如图6为一个实施例中用户界面测试装置的结构框图。如图6所示，一种用户界面测试装置，运行于服务器上，包括：

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

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

视觉图获取模块606，用于获取与测试图对应的视觉图。

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

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

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

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

如图6为一个实施例中用户界面测试装置的结构框图。如图6所示，一种用户界面测试装置，运行于服务器上，该装置还包括调整模块603。其中：

调整模块603用于将测试图的图形分辨率与视觉图的图形分辨率调整为相同的图形分辨率。

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

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

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

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

本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程，是可以通过计算机程序来指令相关的硬件来完成，所述的程序可存储于一非易失性计算机可读取存储介质中，该程序在执行时，可包括如上述各方法的实施例的流程。其中，所述的存储介质可为磁碟、光盘、只读存储记忆体(Read-Only Memory，ROM)等。

以上所述实施例的各技术特征可以进行任意的组合，为使描述简洁，未对上述实施例中的各个技术特征所有可能的组合都进行描述，然而，只要这些技术特征的组合不存在矛盾，都应当认为是本说明书记载的范围。

以上所述实施例仅表达了本发明的几种实施方式，其描述较为具体和详细，但并不能因此而理解为对发明专利范围的限制。应当指出的是，对于本领域的普通技术人员来说，在不脱离本发明构思的前提下，还可以做出若干变形和改进，这些都属于本发明的保护范围。因此，本发明专利的保护范围应以所附权利要求为准。

Claims (10)

1.一种用户界面测试方法，其特征在于，所述方法包括以下步骤：

获取待测试的用户界面的测试图，包括：获取所述测试图中包含的页面元素所在的位置信息，所述测试图为对应用户界面的截图，所述页面元素是指测试图中各个不同类型的可视图形，包括测试图上的按钮、图片、文字框图、动画中的一种或多种所形成的图形；

从所述测试图中提取多个预设位置处的颜色值，包括：确定所述截图中的状态栏所属的区域，将状态栏区域删除，从删除状态栏后的测试图中的每个页面元素所在的位置中选取对应数量的采样点，获取每个采样点的颜色值；

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

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

将从所述测试图和所述视觉图中提取的每个相同位置处的颜色值进行对比，包括：将所述测试图和所述视觉图中的颜色值按照相同的写入规则写入到创建的颜色值数据表中，每一列或每一行的颜色值数据表示同一个测试图和视觉图中的颜色值，并将相同行或相同列中的颜色值数据进行对比；

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

2.根据权利要求1所述的方法，其特征在于，所述从所述测试图中提取多个预设位置处的颜色值的步骤，包括：

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

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

3.根据权利要求1所述的方法，其特征在于，在从所述测试图中提取多个预设位置处的颜色值的步骤之前，所述方法还包括：将所述测试图的图形分辨率与所述视觉图的图形分辨率调整为相同的图形分辨率；

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

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

4.根据权利要求1所述的方法，其特征在于，所述从所述测试图中提取多个预设位置处的颜色值的步骤，包括：

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

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

5.根据权利要求1至4中任一项所述的方法，其特征在于，所述对比结果包括所述测试图与所述视觉图中相同位置处的颜色值的差值；

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

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

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

6.一种用户界面测试装置，其特征在于，所述装置包括：

测试图获取模块，用于获取待测试的用户界面的测试图，包括：获取所述测试图中包含的页面元素所在的位置信息，所述测试图为对应用户界面的截图，所述页面元素是指测试图中各个不同类型的可视图形，包括测试图上的按钮、图片、文字框图、动画中的一种或多种所形成的图形；

颜色值提取模块，用于从所述测试图中提取多个预设位置处的颜色值，包括：确定所述截图中的状态栏所属的区域，将状态栏区域删除，从删除状态栏后的测试图中的每个页面元素所在的位置中选取对应数量的采样点，获取每个采样点的颜色值；

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

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

对比模块，用于将从所述测试图和所述视觉图中提取的每个相同位置处的颜色值进行对比，包括：将所述测试图和所述视觉图中的颜色值按照相同的写入规则写入到创建的颜色值数据表中，每一列或每一行的颜色值数据表示同一个测试图和视觉图中的颜色值，将相同行或相同列中的颜色值数据进行对比；

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

7.根据权利要求6所述的装置，其特征在于，所述颜色值提取模块还用于按照预设的采样率，将所述测试图分成预设数量的图形区块；提取每个图形区块的预设位置处的颜色值。

8.根据权利要求6所述的装置，其特征在于，所述装置还包括：

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

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

9.根据权利要求6所述的装置，其特征在于，所述颜色值提取模块还用于确定所述测试图的图形属性，所述图形属性包括静态图形和动态图形，所述动态图形中包含至少一个动态页面元素；当所述测试图为动态图形时，所述预设位置位于非动态页面元素区域的位置。

10.根据权利要求6至9中任一项所述的装置，其特征在于，所述对比结果包括所述测试图与所述视觉图中相同位置处的颜色值的差值；

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