用户界面测试方法及系统技术方案

本申请公开了一种用户界面测试方法，所述方法包括：提供画布，所述画布具有多个规格，用于模拟多个规格的待测试设备；加载目标用户界面，并将所述目标用户界面绘制到所述画布上；及调整所述画布的当前规格，获得所述目标用户界面在各个规格的所述画布上的适配状态。本申请所述的方案通过动态调整画布的规格，模拟目标用户界面在不同屏幕规格的移动设备上的适配效果，不需要购买市场上所有屏幕规格的移动设备进行真机测试，节省成本。且在适配过程中不需要切换设备，通过调整画布即可查看应用程序在不同屏幕规格的移动设备上的视觉效果并进行调试，有效提高测试效率、体验好。体验好。体验好。

【技术实现步骤摘要】
用户界面测试方法及系统


[0001]本申请涉及计算机测试
，尤其涉及一种用户界面测试方法、系统、计算机设备和计算机可读存储介质。

技术介绍

[0002]随着移动设备的发展，人们对于移动设备的需求日益增长。为适应人们的各类需求，移动设备的屏幕尺寸、分辨率、像素密度也越来越多样化。上述多样化导致移动设备的碎片化现象十分严重，对应用程序的开发和测试带来了很大挑战。为保障新开发应用程序在各个移动设备上的适配，现有的做法有两种：
[0003]1、购买市面上尽可能多的常见真机以供开发和测试人员进行适配测试；
[0004]2、通过云测试平台进行适配测试(云测试平台，是由第三方提供在云端进行真机测试的服务)。测试方可以节约购买大量真机的成本，但实际测试效率并没有提高，仍需要对每个真机安装应用，配置测试需要的环境，才能进行测试；此外云端使用真机会有卡顿的现象；并且云端资源有限常常需要排队使用，体验不佳。
[0005]可知，现有技术的适配测试方案，具有以下缺陷：效率低下、成本高、体验不佳。

技术实现思路

[0006]本申请实施例的目的是提供一种用户界面测试方法、系统、计算机设备及计算机可读存储介质，用于解决现有技术的适配测试方案的效率低下、成本高、体验不佳的问题。
[0007]本申请实施例的一个方面提供了一种用户界面测试方法，所述方法包括：提供画布，所述画布具有多个规格，用于模拟多个规格的待测试设备；加载目标用户界面，并将所述目标用户界面绘制到所述画布上；及调整所述画布的当前规格，获得所述目标用户界面在各个规格的所述画布上的适配状态。
[0008]可选的，所述多个规格包括第一规格和第二规格，所述多个规格的待测试设备包括第一待测试设备和第二待测试设备；当所述画布的当前规格为所述第一规格时，调整所述画布的当前规格，获得所述目标用户界面在各个规格的所述画布上的适配状态，包括：检测所述目标用户界面在所述画布上的适配状态；根据所述目标用户界面在所述画布上的适配状态，生成第一适配结果，所述第一适配结果用于表示所述目标用户界面在所述第一待测试设备上的适配结果；及根据所述第一适配结果，确定是否将所述画布的当前规格从所述第一规格调整为所述第二规格。
[0009]可选的，根据所述第一适配结果，确定是否将所述画布的当前规格从所述第一规格调整为所述第二规格，包括：当所述第一适配结果为适配正常时，则将所述当前规格从所述第一规格调整为所述第二规格。
[0010]可选的，当所述第一适配结果为适配正常时，则将所述当前规格从所述第一规格调整为所述第二规格，包括：通过预设的设备规格选项或尺寸进度条，将所述当前规格从所述第一规格调整为所述第二规格。
[0011]可选的，还包括：当所述第一适配结果为适配异常时，则将基于所述适配异常调试后的目标用户界面，热重载到所述画布上；检测所述调试后的目标用户界面在所述画布上的适配状态；及根据所述调试后的目标用户界面在所述画布上的适配状态，更新所述第一适配结果。
[0012]可选的，还包括：当所述当前规格大于预设阈值时，则提供移动组件，用于调整所述画布的可视区域。
[0013]可选的，所述方法应用于：模拟器；或支持Flutter的计算机设备。
[0014]可选的，所述画布的初始规格为预设规格，或基于用户输入得到的规格。
[0015]本申请实施例的一个方面又提供了一种用户界面测试系统，包括：提供模块，用于提供画布，所述画布具有多个规格，用于模拟多个规格的待测试设备；绘制模块，用于加载目标用户界面，并将所述目标用户界面绘制到所述画布上；及调整模块，用于调整所述画布的当前规格，获得所述目标用户界面在各个规格的所述画布上的适配状态。
[0016]本申请实施例的一个方面又提供了一种计算机设备，包括存储器、处理器以及存储在存储器上并可在处理器上运行的计算机程序，所述处理器执行所述计算机程序时实现如上述用户界面测试方法的步骤。
[0017]本申请实施例的一个方面又提供了一种计算机可读存储介质，包括存储器、处理器以及存储在存储器上并可在处理器上运行的计算机程序，所述处理器执行所述计算机程序时实现如上述用户界面测试方法的步骤。
[0018]本申请实施例提供的用户界面测试方法、系统、设备及计算机可读存储介质，通过动态调整画布的规格，可以模拟目标用户界面在不同屏幕规格的移动设备上的适配效果，不需要购买市场上所有屏幕规格的移动设备进行真机测试，节省成本。且在适配过程中不需要切换设备，通过调整画布即可查看应用程序在不同屏幕规格的移动设备上的视觉效果并进行调试，有效提高适配测试效率、体验好。
附图说明
[0019]图1示意性示出了根据本申请实施例的用户界面测试方法的应用环境图；
[0020]图2示意性示出了根据本申请实施例一的用户界面测试方法的流程图；
[0021]图3示意性示出了根据本申请实施例二的用户界面测试方法的流程图；
[0022]图4为图3中步骤S310的子步骤图；
[0023]图5为画布规格调整UI的示意图；
[0024]图6示意性示出了根据本申请实施例二的用户界面测试方法的新增步骤流程图；
[0025]图7为目标用户界面在画布上的一个适配效果图；
[0026]图8示意性示出了根据本申请实施例二的用户界面测试方法的另一新增步骤流程图；
[0027]图9示意性示出了具体测试流程图；
[0028]图10示意性示出了根据本申请实施例三的用户界面测试系统的框图；及
[0029]图11示意性示出了根据本申请实施例四的适于实现用户界面测试方法的计算机设备的硬件架构示意图。
具体实施方式
[0030]为了使本申请的目的、技术方案及优点更加清楚明白，以下结合附图及实施例，对本申请进行进一步详细说明。应当理解，此处所描述的具体实施例仅用以解释本申请，并不用于限定本申请。基于本申请中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本申请保护的范围。
[0031]需要说明的是，在本申请实施例中涉及“第一”、“第二”等的描述仅用于描述目的，而不能理解为指示或暗示其相对重要性或者隐含指明所指示的技术特征的数量。由此，限定有“第一”、“第二”的特征可以明示或者隐含地包括至少一个该特征。另外，各个实施例之间的技术方案可以相互结合，但是必须是以本领域普通技术人员能够实现为基础，当技术方案的结合出现相互矛盾或无法实现时应当认为这种技术方案的结合不存在，也不在本申请要求的保护范围之内。
[0032]在本申请的描述中，需要理解的是，步骤前的数字标号并不标识执行步骤的前后顺序，仅用于方便描述本申请及区别每一步骤，因此不能理解为对本申请的限制。
[0033]在一个应用程序被发布之前，为了确保该应用程序的UI视觉效果与用户体验，开发人员需要对该应用程序在各种屏幕规格的移动设备上进行视觉上的适配。屏幕规格的多样化、碎片化给适本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种用户界面测试方法，其特征在于，所述方法包括：提供画布，所述画布具有多个规格，用于模拟多个规格的待测试设备；加载目标用户界面，并将所述目标用户界面绘制到所述画布上；及调整所述画布的当前规格，获得所述目标用户界面在各个规格的所述画布上的适配状态。2.根据权利要求1所述的用户界面测试方法，其特征在于，所述多个规格包括第一规格和第二规格，所述多个规格的待测试设备包括第一待测试设备和第二待测试设备；当所述画布的当前规格为所述第一规格时，调整所述画布的当前规格，获得所述目标用户界面在各个规格的所述画布上的适配状态，包括：检测所述目标用户界面在所述画布上的适配状态；根据所述目标用户界面在所述画布上的适配状态，生成第一适配结果，所述第一适配结果用于表示所述目标用户界面在所述第一待测试设备上的适配结果；及根据所述第一适配结果，确定是否将所述画布的当前规格从所述第一规格调整为所述第二规格。3.根据权利要求2所述的用户界面测试方法，其特征在于，根据所述第一适配结果，确定是否将所述画布的当前规格从所述第一规格调整为所述第二规格，包括：当所述第一适配结果为适配正常时，则将所述当前规格从所述第一规格调整为所述第二规格。4.根据权利要求3所述的用户界面测试方法，其特征在于，当所述第一适配结果为适配正常时，则将所述当前规格从所述第一规格调整为所述第二规格，包括：通过预设的设备规格选项或尺寸进度条，将所述当前规格从所述第一规格调整为所述第二规格。5.根据权利要求2所述的用户界面测试方法，其特征在于，还包括：当所述第一适配结...

【专利技术属性】
技术研发人员：徐林峰，
申请(专利权)人：上海哔哩哔哩科技有限公司，
类型：发明
国别省市：