应用界面测试方法和装置制造方法及图纸

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

Application interface testing method and device

The invention relates to a user interface testing method, which is characterized in that the method comprises the following steps: obtaining the test test chart of user interface; extracting multiple preset position color values from the test chart; get the corresponding to the test pattern visual map; extraction and location of the same map. Test the color value from the visual chart; the same position of each extracted from the test image and the visual map of the color values are compared; generated according to the corresponding testing report results. The above method can improve the efficiency of the UI interface in the test application. In addition, the invention also provides a user interface testing device.

【技术实现步骤摘要】

本专利技术涉及数据处理
，特别是涉及一种应用界面测试方法和装置。
技术介绍
软件开发中，应用的UI界面的设计和开发也是重要的一个环节。通常的，应用的UI界面是根据设计师提供的视觉图而开发出来的。在开发出UI界面后，还需要对该界面进行检测，检测其是否与相应的视觉图中的元素的颜色、位置等是否一致。传统的UI界面测试方法，都是人工进行肉眼检测，而人工很难区分出UI界面与视觉图上对应的元素之间存在位置和颜色等的细微偏差，因此传统的UI界面测试的准确度不高。
技术实现思路
基于此，有必要针对上述技术问题，提供一种能够提供UI界面测试准确度的应用界面测试方法和装置。一种用户界面测试方法，所述方法包括以下步骤：获取待测试的用户界面的测试图；从所述测试图中提取多个预设位置处的颜色值；获取与所述测试图对应的视觉图；从所述视觉图中提取与所述测试图相同位置处的颜色值；将从所述测试图和所述视觉图中提取的每个相同位置处的颜色值进行对比；根据对比结果生成相应的测试报告。在其中一个实施例中，所述从所述测试图中提取多个预设位置处的颜色值的步骤，包括：按照预设的采样率，将所述测试图分成预设数量的图形区块；提取每个图形区块的预设位置处的颜色值。在其中一个实施例中，在从所述测试图中提取多个预设位置处的颜色值的步骤之前，所述方法还包括：将所述测试图的图形分辨率与所述视觉图的图形分辨率调整为相同的图形分辨率；所述从所述测试图中提取多个预设位置处的颜色值的步骤，包括：从调整后的测试图中提取多个预设位置处的颜色值；所述从所述视觉图中提取与所述测试图相同位置处的颜色值的步骤，包括：获取从调整后的侧视图中提取的每个颜色值的坐标位置；提取所述调整后的视觉图中对应相同坐标位置处的颜色值。在其中一个实施例中，所述从所述测试图中提取多个预设位置处的颜色值的步骤，包括：确定所述侧视图的图形属性，所述图形属性包括静态图形和动态图形，所述动态图形中包含至少一个动态页面元素；当所述侧视图为动态图形时，所述预设位置位于非动态页面元素区域的位置。在其中一个实施例中，所述对比结果包括所述测试图与所述视觉图中相同位置处的颜色值的差值；所述根据对比结果生成相应的测试报告的步骤，包括：当所述差值超过预设数值时，确定所述测试图中，超过预设数值的差值对应的颜色值所属的页面元素；将所述页面元素的信息写入所述测试报告中。一种用户界面测试装置，所述装置包括：测试图获取模块，用于获取待测试的用户界面的测试图；颜色值提取模块，用于从所述测试图中提取多个预设位置处的颜色值；视觉图获取模块，用于获取与所述测试图对应的视觉图；所述颜色值提取模块还用于从所述视觉图中提取与所述测试图相同位置处的颜色值；对比模块，用于将从所述测试图和所述视觉图中提取的每个相同位置处的颜色值进行对比；测试报告生成模块，用于根据对比结果生成相应的测试报告。在其中一个实施例中，所述颜色值提取模块还用于按照预设的采样率，将所述测试图分成预设数量的图形区块；提取每个图形区块的预设位置处的颜色值。在其中一个实施例中，所述装置还包括：调整模块，用于将所述测试图的图形分辨率与所述视觉图的图形分辨率调整为相同的图形分辨率；所述颜色值提取模块还用于从调整后的测试图中提取多个预设位置处的颜色值；获取从调整后的侧视图中提取的每个颜色值的坐标位置；提取所述调整后的视觉图中对应相同坐标位置处的颜色值。在其中一个实施例中，所述颜色值提取模块还用于确定所述侧视图的图形属性，所述图形属性包括静态图形和动态图形，所述动态图形中包含至少一个动态页面元素；当所述侧视图为动态图形时，所述预设位置位于非动态页面元素区域的位置。在其中一个实施例中，所述对比结果包括所述测试图与所述视觉图中相同位置处的颜色值的差值；所述测试报告生成模块还用于当所述差值超过预设数值时，确定所述测试图中，超过预设数值的差值对应的颜色值所属的页面元素；将所述页面元素的信息写入所述测试报告中。上述的用户界面测试方法和装置，通过从测试图中提取多个预设位置处的颜色值；并从对应视觉图中提取与测试图相同位置处的颜色值；将两者相同位置处的颜色值进行对比，根据对比结果生成测试报告。从而实现了自动化地对待测试应用中的UI界面的图形测试，提高了测试的效率。且使得测试报告中有具体的量化数据支撑，使得测试结果更加准确和具体化。附图说明图1为一个实施例中服务器的内部结构图；图2为一个实施例中用户界面测试方法的流程图；图3为一个实施例中的测试图的示意图；图4为一个实施例中测试图形的其中一个图形区块的示意图；图5为一个实施例中从测试图中提取多个预设位置处的颜色值的步骤的流程图；图6为一个实施例中用户界面测试装置的结构框图；图7为另一个实施例中用户界面测试装置的结构框图。具体实施方式为了使本专利技术的目的、技术方案及优点更加清楚明白，以下结合附图及实施例，对本专利技术进行进一步详细说明。应当理解，此处描述的具体实施例仅仅用以解释本专利技术，并不用于限定本专利技术。图1为一个实施例中服务器的内部结构示意图。该服务器包括通过系统总线连接的处理器、非易失性存储介质、内存储器和网络接口。其中，该服务器的非易失性存储介质存储有操作系统、数据库和用户界面测试装置。数据库中存储有相关信息以及各种与用户界面测试相关的数据，比如存储待测试的测试图和视觉图等，还可以存储根据对测试图的测试所生成的测试报告等数据。该用户界面测试装置用于实现一种用户界面测试方法。该服务器的处理器用于提供计算和控制能力，支撑整个服务器的运行。该服务器的内存储器为非易失性存储介质中的用户界面测试装置的运行提供环境，该内存储器中可存储有计算机可读指令，该计算机指令可读指令被处理器执行时，可使得处理器执行一种用户界面测试方法。该服务器的网络接口用于据以与外部的终端通过网络连接通信，比如将生成的测试报告发送给测试人员对应的终端。服务器可以用独立的服务器或者是多个服务器组成的服务器集群来实现。本领域技术人员可以理解，图1中示出的结构，仅仅是与本申请方案相关的部分结构的框图，并不构成对本申请方案所应用于其上的服务器的限定，具体的服务器可以包括比图中所示更多或更少的部件，或者组合某些部件，或者具有不同的部件布置。图2为一个实施例中用户界面测试方法的流程示意图。本实施例以该方法应用于图1所示的服务器来举例说明。参照图2，该用户界面测试方法具体包括如下步骤：步骤202，获取待测试的用户界面的测试图。本实施例中，测试图为待测试应用上运行界面的UI界面图。服务器可根据预设的测试程序，开启待测试的应用，并展示该应用中的不同界面，对每个界面进行截图，所截取到的图形即为对应的测试图。服务器可将所生成的测试图设置对应的唯一测试标识，使得根据该测试标识来区分并获取到对应的测试图。生成的测试图可被存储在数据库中的预设位置处，服务器可从该数据库中读取所需测试的测试图。测试图中包括一个或多个页面元素，页面元素是指测试图中各个不同类型的可视图形。页面元素包括测试图上的按钮、图片、文字框图、动画等形成的图形。服务器在根据预设的测试程序展示该应用中的界面时，获取该页面中所包含的上述的按钮、图片、文字框图、动画等元素在界面中所处理的位置与大小等信息，该信息即可作为对应测试图的页面元素的信息。如图3所示，为一个本文档来自技高网...

【技术保护点】
一种用户界面测试方法，其特征在于，所述方法包括以下步骤：获取待测试的用户界面的测试图；从所述测试图中提取多个预设位置处的颜色值；获取与所述测试图对应的视觉图；从所述视觉图中提取与所述测试图相同位置处的颜色值；将从所述测试图和所述视觉图中提取的每个相同位置处的颜色值进行对比；根据对比结果生成相应的测试报告。

【技术特征摘要】
1.一种用户界面测试方法，其特征在于，所述方法包括以下步骤：获取待测试的用户界面的测试图；从所述测试图中提取多个预设位置处的颜色值；获取与所述测试图对应的视觉图；从所述视觉图中提取与所述测试图相同位置处的颜色值；将从所述测试图和所述视觉图中提取的每个相同位置处的颜色值进行对比；根据对比结果生成相应的测试报告。2.根据权利要求1所述的方法，其特征在于，所述从所述测试图中提取多个预设位置处的颜色值的步骤，包括：按照预设的采样率，将所述测试图分成预设数量的图形区块；提取每个图形区块的预设位置处的颜色值。3.根据权利要求1所述的方法，其特征在于，在从所述测试图中提取多个预设位置处的颜色值的步骤之前，所述方法还包括：将所述测试图的图形分辨率与所述视觉图的图形分辨率调整为相同的图形分辨率；所述从所述测试图中提取多个预设位置处的颜色值的步骤，包括：从调整后的测试图中提取多个预设位置处的颜色值；所述从所述视觉图中提取与所述测试图相同位置处的颜色值的步骤，包括：获取从调整后的侧视图中提取的每个颜色值的坐标位置；提取所述调整后的视觉图中对应相同坐标位置处的颜色值。4.根据权利要求1所述的方法，其特征在于，所述从所述测试图中提取多个预设位置处的颜色值的步骤，包括：确定所述侧视图的图形属性，所述图形属性包括静态图形和动态图形，所述动态图形中包含至少一个动态页面元素；当所述侧视图为动态图形时，所述预设位置位于非动态页面元素区域的位置。5.根据权利要求1至4中任一项所述的方法，其特征在于，所述对比结果包括所述测试图与所述视觉图中相同位置处的颜色值的差值；所述根据对比结果生成相应的测试报告的步骤，包括：当所述差值超过预设数值时，确定所述测试图中，超过预设数值的差值对应的颜色...

【专利技术属性】
技术研发人员：陈志辉，
申请(专利权)人：上海亿账通互联网科技有限公司，
类型：发明
国别省市：上海;31