CN105573747B

CN105573747B - 用户界面的测试方法及装置

Info

Publication number: CN105573747B
Application number: CN201510917345.8A
Authority: CN
Inventors: 姜华; 周秀虎; 梁博
Original assignee: Xiaomi Inc
Current assignee: Xiaomi Inc
Priority date: 2015-12-10
Filing date: 2015-12-10
Publication date: 2018-11-06
Anticipated expiration: 2035-12-10
Also published as: CN105573747A

Abstract

本公开是关于一种用户界面的测试方法及装置，该方法包括：首先，在用户界面上进行点击操作时，截取用户界面的多幅截图；其次，针对每幅截图，以截图中心点为中心，将截图划分为四个区域；最后，在任一区域内，判断任一区域的满足预设条件的子区域内是否所有像素点的RGB值是否都为0；若是，则确定截图不合格，并根据不合格的截图数量和截图总数量确定截图的不合格率；若截图的不合格率大于预设数值，则确定用户界面适配不成功。相比较于现有技术人工观察的方式，本发明所提供的用户界面的测试方法准确度更高，并且测试效率更高。

Description

用户界面的测试方法及装置

技术领域

本公开涉及用户界面的测试方法，特别涉及一种用户界面的测试方法及装置。

背景技术

用户界面(User Interface，简称UI)测试一般包括布局测试、内容测试(包括文字和图片)、风格测试、控件测试等内容。对用户界面中的控件来说，由于其具有人机交互的特性，能够向用户提供诸如界面跳转、开关控制、文字输入等交互性功能，因此通常采用动态方式对UI进行测试。而对于布局、内容风格、字体等测试对象，通常采用静态方式进行测试，例如使用点检表结合人工观察的方式获得测试结果。

用户界面测试还包括判断用户界面是否存在黑边，现有技术是通过上述静态方式实现的，比如：人工观察的方式来观察界面上是否存在黑边，一旦存在黑边则表示该用户界面与所在的用户终端不适配。

发明内容

为克服相关技术中存在的问题，本公开提供一种用户界面的测试方法及装置。所述技术方案如下：

根据本公开实施例的第一方面，提供一种用户界面的测试方法，包括：

在用户界面上进行点击操作时，截取该用户界面的多幅截图；

针对每幅截图，以截图中心点为中心，将截图划分为四个区域；

在任一区域内，判断任一区域的满足预设条件的子区域内是否所有像素点的RGB值是否都为0；

若是，则确定截图不合格，并根据不合格的截图数量和截图总数量确定截图的不合格率；

若截图的不合格率大于预设数值，则确定用户界面适配不成功。

本公开的实施例提供的技术方案可以包括以下有益效果：相比较于现有技术人工观察的方式，本发明所提供的用户界面的测试方法准确度更高，并且测试效率更高。

可选地，所述用户在用户界面上进行点击操作时，截取所述用户界面的多幅截图，包括：

在用户界面上进行点击操作时，周期性截取用户界面的多幅截图。还可以随机截取用户界面的多幅截图。

可选地，满足预设条件的子区域为子区域的左上角像素点与任一区域的左上角像素点重合，并且子区域的面积与所述任一区域的面积比值达到预设值。

进一步地，针对每幅截图，获取截图的所有像素点的RGB值，并将所有像素点的RGB值存储为截图的RGB矩阵。因此，判断任一区域的满足预设条件的子区域内是否所有像素点的RGB值是否都为0，即判断RGB矩阵中子区域对应的RGB值是否都为0。

更进一步地，该方法还包括：

针对每幅截图，若截图的任一像素点的RGB值发生变化，则更新RGB矩阵中的任一像素点的RGB值。

下面将介绍发明实施例提供一种用户界面的测试装置，其中装置部分与上述方法对应，对应内容技术效果相同，在此不再赘述。

根据本公开实施例的第二方面，提供一种用户界面的测试装置，包括：

截取模块，被配置为在用户界面上进行点击操作时，截取用户界面的多幅截图；

划分模块，被配置为针对每幅截图，以截图中心点为中心，将截图划分为四个区域；

判断模块，被配置为：

可选地，该截取模块被配置为：

在用户界面上进行点击操作时，周期性截取用户界面的多幅截图。

可选地，满足预设条件的子区域为子区域的左上角像素点与任一区域的左上角像素点重合，并且子区域的面积与任一区域的面积比值达到预设值。

进一步地，该方法还包括：

获取模块，被配置为针对每幅截图，获取截图的所有像素点的RGB值，并将所有像素点的RGB值存储为所述截图的RGB矩阵。

更进一步地，该方法还包括：

更新模块，被配置为针对每幅截图，若所述截图的任一像素点的RGB值发生变化，则更新所述RGB矩阵中的所述任一像素点的RGB值。

根据本公开实施例的第三方面，提供一种用户界面的测试装置，该装置包括：

处理器；

用于存储处理器的可执行指令的存储器；

其中，该处理器被配置为：

在用户界面上进行点击操作时，截取用户界面的多幅截图；

本公开的实施例提供的技术方案可以包括以下有益效果：一种用户界面的测试方法及装置，该方法包括：在用户界面上进行点击操作时，截取用户界面的多幅截图；针对每幅截图，以截图中心点为中心，将截图划分为四个区域；在任一区域内，判断任一区域的满足预设条件的子区域内是否所有像素点的RGB值是否都为0；若是，则确定截图不合格，并根据不合格的截图数量和截图总数量确定截图的不合格率；若截图的不合格率大于预设数值，则确定用户界面适配不成功。相比较于现有技术人工观察的方式，本发明所提供的用户界面的测试方法准确度更高，并且测试效率更高。

应当理解的是，以上的一般描述和后文的细节描述仅是示例性和解释性的，并不能限制本公开。

附图说明

此处的附图被并入说明书中并构成本说明书的一部分，示出了符合本公开的实施例，并与说明书一起用于解释本公开的原理。

图1是根据一示例性实施例示出的一种用户界面的测试方法的流程图；

图2A是根据一示例性实施例示出的用户界面的区域划分示意图；

图2B是根据一示例性实施例示出的第一区域的子区域示意图；

图3是根据一示例性实施例示出的一种用户界面的测试装置的框图；

图4是根据另一示例性实施例示出的一种用户界面的测试装置的框图；

图5是根据一示例性实施例示出的一种用户界面的测试装置500的框图。

通过上述附图，已示出本公开明确的实施例，后文中将有更详细的描述。这些附图和文字描述并不是为了通过任何方式限制本公开构思的范围，而是通过参考特定实施例为本领域技术人员说明本公开的概念。

具体实施方式

这里将详细地对示例性实施例进行说明，其示例表示在附图中。下面的描述涉及附图时，除非另有表示，不同附图中的相同数字表示相同或相似的要素。以下示例性实施例中所描述的实施方式并不代表与本公开相一致的所有实施方式。相反，它们仅是与如所附权利要求书中所详述的、本公开的一些方面相一致的装置和方法的例子。

图1是根据一示例性实施例示出的一种用户界面的测试方法的流程图，本实施例以该用户界面的测试方法应用于包括有该用户界面的终端中来举例说明。该用户界面的测试方法可以包括如下几个步骤：

S101：在用户界面上进行点击操作时，截取用户界面的多幅截图；

S102：针对每幅截图，以截图中心点为中心，将截图划分为四个区域；

S103：在任一区域内，判断任一区域的满足预设条件的子区域内是否所有像素点的RGB值是否都为0；

S104：若是，则确定截图不合格，并根据不合格的截图数量和截图总数量确定截图的不合格率；

S105：若截图的不合格率大于预设数值，则确定用户界面适配不成功。

具体地，图像的颜色可以用红、绿、蓝(GRB)这三种颜色波长的不同强度组合而得，这就是通常说的三基色原理。在用户界面上进行点击操作时，截取用户界面的多幅截图；针对每幅截图，以截图中心点为中心，将截图划分为四个区域；图2A是根据一示例性实施例示出的用户界面的区域划分示意图，四个区域分别为第一区域、第二区域、第三区域和第四区域，然后，在任一区域内，判断任一区域的满足预设条件的子区域内是否所有像素点的RGB值是否都为0；其中，满足预设条件的子区域为子区域的左上角像素点与所在区域的左上角像素点重合，并且子区域的面积与任一区域的面积比值达到预设值。图2B是根据一示例性实施例示出的第一区域的子区域示意图，该子区域的左上角像素点与第一区域的左上角像素点重合，并且子区域的面积与任一区域的面积比值达到12％，即可以确定用户界面在第一区域存在黑边，对应的当前截图不合格，同样的方法判断其他截图是否合格，最终根据不合格的截图数量和截图总数量确定截图的不合格率；若截图的不合格率大于预设数值，则确定用户界面适配不成功，比如：若截图的不合格率大于5％，则确定用户界面适配不成功。

本发明实施例提供一种用户界面的测试方法，包括：在用户界面上进行点击操作时，截取用户界面的多幅截图；针对每幅截图，以截图中心点为中心，将截图划分为四个区域；在任一区域内，判断任一区域的满足预设条件的子区域内是否所有像素点的RGB值是否都为0；若是，则确定截图不合格，并根据不合格的截图数量和截图总数量确定截图的不合格率；若截图的不合格率大于预设数值，则确定用户界面适配不成功。相比较于现有技术人工观察的方式，本发明所提供的用户界面的测试方法准确度更高，并且测试效率更高。

进一步地，通常用户可以通过adb install命令将用户界面对应的安装包进行安装到待测试的用户终端上。通过adb shell monkey命令启动安装包，通过adb shellscreencap命令进行截图，并保存截图，通常保存20张截图就可以了。

一种可选方式，在用户界面上进行点击操作时，周期性截取用户界面的多幅截图。比如：每个3秒进行一次截图。

另一种可选方式，在用户界面上进行点击操作时，也可以随机截取用户界面的多幅截图。本发明对此不做限制。

更进一步地，该方法还包括：针对每幅截图，获取截图的所有像素点的RGB值，并将所有像素点的RGB值存储为截图的RGB矩阵。

具体地，根据用户终端的分辨率，对每幅截图的所有像素点进行遍历，通常利用ImageColorAt函数获取所有像素点的RGB值，并将这些RGB值存储成RGB矩阵，每幅截图拥有自己的RGB矩阵。如小米手机4的分辨率为1920x1080，则安装包在小米手机4上生成的RGB矩阵为1920x1080。

可选地，上述步骤S103具体包括：若子区域的面积与任一区域的面积比值达到12％，则如小米手机4需要分析的RGB矩阵范围为(0，0)至(1080，230)，是否所有的像素点均为黑色，即RGB值为0。

进一步地，该方法还包括：针对每幅截图，若截图的任一像素点的RGB值发生变化，则更新RGB矩阵中的所述任一像素点的RGB值。

本发明实施例提供一种用户界面的测试方法，还包括：针对每幅截图，获取截图的所有像素点的RGB值，并将所有像素点的RGB值存储为截图的RGB矩阵。判断任一区域的满足预设条件的子区域内是否所有像素点的RGB值是否都为0，即判断RGB矩阵中子区域对应的RGB值是否都为0，相比较于现有技术人工观察的方式，本发明所提供的用户界面的测试方法准确度更高，并且测试效率更高。

下述为本公开装置实施例，可以用于执行本公开方法实施例。对于本公开装置实施例中未披露的细节，请参照本公开方法实施例。

图3是根据一示例性实施例示出的一种用户界面的测试装置的框图，该用户界面的测试装置可以通过软件、硬件或者两者的结合实现成为包括该用户界面的用户终端的部分或者全部。该用户界面的测试装置可以包括：

截取模块301，被配置为在用户界面上进行点击操作时，截取用户界面的多幅截图；

划分模块302，被配置为针对每幅截图，以截图中心点为中心，将截图划分为四个区域；

判断模块303，被配置为：

若是，则确定截图不合格，并根据不合格的截图数量和截图总数量确定所述截图的不合格率；

具体地，图像的颜色可以用红、绿、蓝(GRB)这三种颜色波长的不同强度组合而得，这就是通常说的三基色原理。在用户界面上进行点击操作时，用户界面的测试装置截取用户界面的多幅截图；针对每幅截图，以截图中心点为中心，将截图划分为四个区域；如图2A所示，四个区域分别为第一区域、第二区域、第三区域和第四区域，然后，在任一区域内，判断任一区域的满足预设条件的子区域内是否所有像素点的RGB值是否都为0；其中，满足预设条件的子区域为子区域的左上角像素点与所在区域的左上角像素点重合，并且子区域的面积与任一区域的面积比值达到预设值。如图2B所示，该子区域的左上角像素点与第一区域的左上角像素点重合，并且子区域的面积与任一区域的面积比值达到12％，即可以确定用户界面在第一区域存在黑边，对应的当前截图不合格，同样的方法判断其他截图是否合格，最终根据不合格的截图数量和截图总数量确定截图的不合格率；若截图的不合格率大于预设数值，则确定用户界面适配不成功，比如：若截图的不合格率大于5％，则确定用户界面适配不成功。

本发明实施例提供一种用户界面的测试装置包括：截取模块，被配置为在用户界面上进行点击操作时，截取用户界面的多幅截图；划分模块，被配置为针对每幅截图，以截图中心点为中心，将截图划分为四个区域；判断模块，被配置为：在任一区域内，判断任一区域的满足预设条件的子区域内是否所有像素点的RGB值是否都为0；若是，则确定截图不合格，并根据不合格的截图数量和截图总数量确定所述截图的不合格率；若截图的不合格率大于预设数值，则确定用户界面适配不成功。相比较于现有技术人工观察的方式，本发明所提供的用户界面的测试装置测试准确度更高，并且测试效率更高。

图4是根据另一示例性实施例示出的一种用户界面的测试装置的框图，该用户界面的测试装置可以通过软件、硬件或者两者的结合实现成为包括该用户界面的用户终端的部分或者全部。该用户界面的测试装置可以包括：截取模块301，划分模块302和判断模块303，其中这三个模块与上述实施例中的功能、效果相同，在此不再赘述。

可选地，截取模块301被配置为：在用户界面上进行点击操作时，周期性截取所述用户界面的多幅截图。

进一步地，该装置还包括：获取模块304，被配置为针对每幅截图，获取截图的所有像素点的RGB值，并将所有像素点的RGB值存储为所述截图的RGB矩阵。

更进一步地，该装置还包括：更新模块305，被配置为针对每幅截图，若截图的任一像素点的RGB值发生变化，则更新RGB矩阵中的所述任一像素点的RGB值。

本发明实施例提供一种用户界面的测试装置，还包括：获取模块，被配置为针对每幅截图，获取截图的所有像素点的RGB值，并将所有像素点的RGB值存储为截图的RGB矩阵。判断任一区域的满足预设条件的子区域内是否所有像素点的RGB值是否都为0，即判断RGB矩阵中子区域对应的RGB值是否都为0，相比较于现有技术人工观察的方式，本发明所提供的用户界面的测试装置测试准确度更高，并且测试效率更高。

图5是根据一示例性实施例示出的一种用户界面的测试装置500的框图。例如，装置500可以是移动电话，计算机，数字广播终端，消息收发设备，游戏控制台，平板设备，医疗设备，健身设备，个人数字助理等。

参照图5，装置500可以包括以下一个或多个组件：处理组件502，存储器504，电源组件506，多媒体组件508，音频组件510，输入/输出(I/O)的接口512，传感器组件514，以及通信组件516。

处理组件502通常控制装置500的整体操作，诸如与显示，电话呼叫，数据通信，相机操作和记录操作相关联的操作。处理组件502可以包括一个或多个处理器520来执行指令，以完成上述的方法的全部或部分步骤。此外，处理组件502可以包括一个或多个模块，便于处理组件502和其他组件之间的交互。例如，处理组件502可以包括多媒体模块，以方便多媒体组件508和处理组件502之间的交互。

存储器504被配置为存储各种类型的数据以支持在装置500的操作。这些数据的示例包括用于在装置500上操作的任何应用程序或方法的指令，联系人数据，电话簿数据，消息，图片，视频等。存储器504可以由任何类型的易失性或非易失性存储设备或者它们的组合实现，如静态随机存取存储器(SRAM)，电可擦除可编程只读存储器(EEPROM)，可擦除可编程只读存储器(EPROM)，可编程只读存储器(PROM)，只读存储器(ROM)，磁存储器，快闪存储器，磁盘或光盘。

电源组件506为装置5300的各种组件提供电力。电源组件506可以包括电源管理系统，一个或多个电源，及其他与为装置500生成、管理和分配电力相关联的组件。

多媒体组件508包括在所述装置500和用户之间的提供一个输出接口的触控显示屏。在一些实施例中，触控显示屏可以包括液晶显示器(LCD)和触摸面板(TP)。触摸面板包括一个或多个触摸传感器以感测触摸、滑动和触摸面板上的手势。所述触摸传感器可以不仅感测触摸或滑动动作的边界，而且还检测与所述触摸或滑动操作相关的持续时间和压力。在一些实施例中，多媒体组件508包括一个前置摄像头和/或后置摄像头。当装置500处于操作模式，如拍摄模式或视频模式时，前置摄像头和/或后置摄像头可以接收外部的多媒体数据。每个前置摄像头和后置摄像头可以是一个固定的光学透镜系统或具有焦距和光学变焦能力。

音频组件510被配置为输出和/或输入音频信号。例如，音频组件510包括一个麦克风(MIC)，当装置500处于操作模式，如呼叫模式、记录模式和语音识别模式时，麦克风被配置为接收外部音频信号。所接收的音频信号可以被进一步存储在存储器504或经由通信组件516发送。在一些实施例中，音频组件510还包括一个扬声器，用于输出音频信号。

I/O接口512为处理组件502和外围接口模块之间提供接口，上述外围接口模块可以是键盘，点击轮，按钮等。这些按钮可包括但不限于：主条按钮、音量按钮、启动按钮和锁定按钮。

传感器组件514包括一个或多个传感器，用于为装置500提供各个方面的状态评估。例如，传感器组件514可以检测到装置500的打开/关闭状态，组件的相对定位，例如所述组件为装置500的显示器和小键盘，传感器组件514还可以检测装置500或装置500一个组件的位置改变，用户与装置500接触的存在或不存在，装置500方位或加速/减速和装置500的温度变化。传感器组件514可以包括接近传感器，被配置用来在没有任何的物理接触时检测附近物体的存在。传感器组件514还可以包括光传感器，如CMOS或CCD图像传感器，用于在成像应用中使用。在一些实施例中，该传感器组件514还可以包括加速度传感器，陀螺仪传感器，磁传感器，压力传感器或温度传感器。

通信组件516被配置为便于装置500和其他设备之间有线或无线方式的通信。装置500可以接入基于通信标准的无线网络，如WiFi，2G或3G，或它们的组合。在一个示例性实施例中，通信组件516经由广播信道接收来自外部广播管理系统的广播信号或广播相关信息。在一个示例性实施例中，所述通信组件516还包括近场通信(NFC)模块，以促进短程通信。例如，在NFC模块可基于射频识别(RFID)技术，红外数据协会(IrDA)技术，超宽带(UWB)技术，蓝牙(BT)技术和其他技术来实现。

在示例性实施例中，装置500可以被一个或多个应用专用集成电路(ASIC)、数字信号处理器(DSP)、数字信号处理设备(DSPD)、可编程逻辑器件(PLD)、现场可编程门阵列(FPGA)、控制器、微控制器、微处理器或其他电子元件实现，用于执行上述会话显示方法。

在示例性实施例中，还提供了一种包括指令的非临时性计算机可读存储介质，例如包括指令的存储器504，上述指令可由装置500的处理器520执行以完成上述方法。例如，所述非临时性计算机可读存储介质可以是ROM、随机存取存储器(RAM)、CD-ROM、磁带、软盘和光数据存储设备等。

一种非临时性计算机可读存储介质，当所述存储介质中的指令由装置500的处理器执行时，使得装置500能够执行一种用户界面的测试方法。

用于存储所述处理器的可执行指令的存储器；

其中，所述处理器被配置为：

在用户界面上进行点击操作时，截取所述用户界面的多幅截图；

针对每幅截图，以截图中心点为中心，将所述截图划分为四个区域；

在任一区域内，判断所述任一区域的满足预设条件的子区域内是否所有像素点的RGB值是否都为0；

若是，则确定所述截图不合格，并根据不合格的截图数量和截图总数量确定所述截图的不合格率；

若所述截图的不合格率大于预设数值，则确定所述用户界面适配不成功。

本领域技术人员在考虑说明书及实践这里公开的发明后，将容易想到本公开的其它实施方案。本申请旨在涵盖本公开的任何变型、用途或者适应性变化，这些变型、用途或者适应性变化遵循本公开的一般性原理并包括本公开未公开的本技术领域中的公知常识或惯用技术手段。说明书和实施例仅被视为示例性的，本公开的真正范围和精神由下面的权利要求指出。

应当理解的是，本公开并不局限于上面已经描述并在附图中示出的精确结构，并且可以在不脱离其范围进行各种修改和改变。本公开的范围仅由所附的权利要求来限制。

Claims

1.一种用户界面的测试方法，其特征在于，包括：

在用户界面上进行点击操作时，截取所述用户界面的多幅截图，所述多幅截图中的每一幅截图均为对所述用户界面的整个界面进行截取得到的截图；

在所述四个区域中的任一区域内，判断所述任一区域的满足预设条件的子区域内是否所有像素点的RGB值是否都为0；

2.根据权利要要求1所述的方法，其特征在于，所述用户在用户界面上进行点击操作时，截取所述用户界面的多幅截图，包括：

在用户界面上进行点击操作时，周期性截取所述用户界面的多幅截图。

3.根据权利要求1或2所述的方法，其特征在于，

所述满足预设条件的子区域为所述子区域的左上角像素点与所述任一区域的左上角像素点重合，并且所述子区域的面积与所述任一区域的面积比值达到预设值。

4.根据权利要求1或2所述的方法，其特征在于，还包括：

针对每幅截图，获取所述截图的所有像素点的RGB值，并将所有像素点的RGB值存储为所述截图的RGB矩阵。

5.根据权利要求4所述的方法，其特征在于，还包括：

针对每幅截图，若所述截图的任一像素点的RGB值发生变化，则更新所述RGB矩阵中的所述任一像素点的RGB值。

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

截取模块，被配置为在用户界面上进行点击操作时，截取所述用户界面的多幅截图，所述多幅截图中的每一幅截图均为对所述用户界面的整个界面进行截取得到的截图；

划分模块，被配置为针对每幅截图，以截图中心点为中心，将所述截图划分为四个区域；

判断模块，被配置为：

7.根据权利要要求6所述的装置，其特征在于，所述截取模块被配置为：

8.根据权利要求6或7所述的装置，其特征在于，

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

获取模块，被配置为针对每幅截图，获取所述截图的所有像素点的RGB值，并将所有像素点的RGB值存储为所述截图的RGB矩阵。

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

11.一种非临时性计算机可读存储介质，其特征在于，所述非临时性计算机可读存储介质中存储有指令，当所述可读存储介质中的指令由处理器执行时，使得所述处理器能够执行如权利要求1至5任一所述的用户界面的测试方法。