CN113760717A - 一种测试页面组件的方法和装置 - Google Patents

Abstract

本发明公开了一种测试页面组件的方法和装置，涉及计算机技术领域。该方法的一具体实施方式包括：确定待测试页面，获取所述页面的脚本并运行，以显示所述页面；接收测试参数，基于所述脚本中的自动化脚本组件，过滤出与所述测试参数对应的页面元素；确定所述页面中与所述传参动作对应的页面元素，若与所过滤的页面元素相同，则确定所述自动化脚本组件通过测试。该实施方式针对同一类传参动作设置一套自动化脚本组件，只需维护自动化脚本组件即可，以此可执行页面元素脚本的编写量和维护量大大较少。

Description

一种测试页面组件的方法和装置

技术领域

本发明涉及计算机技术领域，尤其涉及一种测试页面组件的方法和装置。

背景技术

现有一个Web页面通常包含多个页面元素，这些页面元素的传参动作可能不同，因而需针对每个页面元素创建一个脚本。但当页面元素数量过多时，可能会出现几十甚至上百个脚本，导致代码编写工作量大，且当页面元素出现变动时，需对脚本进行维护，同样维护工作量也不低。

发明内容

有鉴于此，本发明实施例提供一种测试页面组件的方法和装置，至少能够解决现有技术中需针对每个页面元素创建一个脚本，导致编写和维护工作量过大的现象。

为实现上述目的，根据本发明实施例的一个方面，提供了一种测试页面组件的方法，包括：

确定待测试页面，获取所述页面的脚本并运行，以显示所述页面；

接收测试参数，基于所述脚本中的自动化脚本组件，过滤出与所述测试参数对应的页面元素；其中，所述测试参数包括传参动作；

确定所述页面中与所述传参动作对应的页面元素，若与所过滤的页面元素相同，则确定所述自动化脚本组件通过测试。

可选的，所述自动化脚本组件包括参数占位符和传参动作；

在所述确定待测试页面之前，还包括：

从所述页面中抽取页面元素，确定各页面元素的传参动作，将传参动作相同的页面元素分到一个组内；

在一个页面元素组中，基于参数占位符、相应传参动作和预设代码，生成与所述一个页面元素组对应的自动化脚本组件。

可选的，页面元素还包括元素标识；

在所述生成与所述一个页面元素组对应的自动化脚本组件之后，还包括：

响应于新增页面元素操作，接收对所述新增页面元素定义的元素标识和传参动作；

确定与所述传参动作对应的自动化脚本组件，将所述自动化脚本组件中的参数占位符替换为所述元素标识，以基于所述自动化脚本组件生成一个新增页面元素；

将所述一个新增页面元素，添加至与所述传参动作对应的页面元素组中。

可选的，所述测试参数还包括元素标识；

在所述过滤出与所述测试参数对应的页面元素之后，还包括：

从所过滤的页面元素中，定位出与所述元素标识对应的页面元素。

可选的，所述传参动作为输入、选择、点击中的任一种。

为实现上述目的，根据本发明实施例的另一方面，提供了一种测试页面组件的装置，包括：

页面加载模块，用于确定待测试页面，获取所述页面的脚本并运行，以显示所述页面；

元素过滤模块，用于接收测试参数，基于所述脚本中的自动化脚本组件，过滤出与所述测试参数对应的页面元素；其中，所述测试参数包括传参动作；

元素比对模块，用于确定所述页面中与所述传参动作对应的页面元素，若与所过滤的页面元素相同，则确定所述自动化脚本组件通过测试。

可选的，所述自动化脚本组件包括参数占位符和传参动作；

还包括组件生成模块，用于：

从所述页面中抽取页面元素，确定各页面元素的传参动作，将传参动作相同的页面元素分到一个组内；

在一个页面元素组中，基于参数占位符、相应传参动作和预设代码，生成与所述一个页面元素组对应的自动化脚本组件。

可选的，页面元素还包括元素标识；

还包括元素新增模块，用于：

响应于新增页面元素操作，接收对所述新增页面元素定义的元素标识和传参动作；

确定与所述传参动作对应的自动化脚本组件，将所述自动化脚本组件中的参数占位符替换为所述元素标识，以基于所述自动化脚本组件生成一个新增页面元素；

将所述一个新增页面元素，添加至与所述传参动作对应的页面元素组中。

可选的，所述测试参数还包括元素标识；

还包括元素定位模块，用于：

从所过滤的页面元素中，定位出与所述元素标识对应的页面元素。

可选的，所述传参动作为输入、选择、点击中的任一种。

为实现上述目的，根据本发明实施例的再一方面，提供了一种测试页面组件的电子设备。

本发明实施例的电子设备包括：一个或多个处理器；存储装置，用于存储一个或多个程序，当所述一个或多个程序被所述一个或多个处理器执行，使得所述一个或多个处理器实现上述任一所述的测试页面组件的方法。

为实现上述目的，根据本发明实施例的再一方面，提供了一种计算机可读介质，其上存储有计算机程序，所述程序被处理器执行时实现上述任一所述的测试页面组件的方法。

根据本发明所述提供的方案，上述发明中的一个实施例具有如下优点或有益效果：使用自动化回归测试时，针对同一类传参动作设置一套自动化脚本组件，只需维护自动化脚本组件即可，以此可执行页面元素脚本的编写量和维护量大大较少。测试时，通过测试参数选取自动化脚本组件进行测试控制。

上述的非惯用的可选方式所具有的进一步效果将在下文中结合具体实施方式加以说明。

附图说明

附图用于更好地理解本发明，不构成对本发明的不当限定。其中：

图1是根据本发明实施例的一种测试页面组件的方法的主要流程示意图；

图2是一具体的Web页面意图；

图3是抽取页面元素定位传参动作示意图；

图4是整体实施流程示意图；

图5是根据本发明实施例的一种测试页面组件的装置的主要模块示意图；

图6是本发明实施例可以应用于其中的示例性系统架构图；

图7是适于用来实现本发明实施例的移动设备或服务器的计算机系统的结构示意图。

具体实施方式

以下结合附图对本发明的示范性实施例做出说明，其中包括本发明实施例的各种细节以助于理解，应当将它们认为仅仅是示范性的。因此，本领域普通技术人员应当认识到，可以对这里描述的实施例做出各种改变和修改，而不会背离本发明的范围和精神。同样，为了清楚和简明，以下的描述中省略了对公知功能和结构的描述。

对于本方案涉及的词语做解释如下：

Web UI组件化：Web页面中的元素组合成Web组件，Web页面针对不同的业务场景，拼接展示不同页面元素，从而固定成业务模板。

Web UI自动化：目前在Web UI自动化中普遍使用PO模式(为Page页面，Object页面元素)，找到浏览器页面后再定位页面元素，使用脚本操作页面元素来实现Web UI自动化，提高回归测试效率。

参见图1，示出的是本发明实施例提供的一种测试页面组件的方法的主要流程图，包括如下步骤：

S101：确定待测试页面，获取所述页面的脚本并运行，以显示所述页面；

S102：接收测试参数，基于所述脚本中的自动化脚本组件，过滤出与所述测试参数对应的页面元素；其中，所述测试参数包括传参动作；

S103：确定所述页面中与所述传参动作对应的页面元素，若与所过滤的页面元素相同，则确定所述自动化脚本组件通过测试。

本方案主要使用java语言(C、C++、Python等其他语言也可)、webdriver开源自动测试框架、testNG测试框架，Excel、Txt文本等。其中，java等编程语言主要用于脚本编写、数据读取；webdriver主要用于在浏览器中对页面元素的查找、操作；testNG主要用于管理多个测试流程；Excel、Txt文本主要用于保存测试数据。

上述实施方式中，对于步骤S101～S103，目前主要使用PO模式的Web UI自动化方法，能够应用到大部分的业务场景中，本方案同样使用PO模式从页面中抽取页面元素。

一个页面包含多个页面元素，每个页面元素均由元素id和传参动作组成，本方案定义的传参动作包括input、select、mouseAction等，如针对input的传参动作为sendKey，并命名动作为【输入】，针对select框的传参动作为setValue，并命名动作为【选择】。参见图2所示，包含页面元素【//商家id/../input】、【//账号类型/../select】等，其中商家id、账号类型为元素id，input、select为传参动作。

为解决现有针对每个页面元素均需设置一个脚本的问题，本方案将同类型传参动作的页面元素进行归类，以对脚本进行组件化，针对一类传参动作的所有页面元素仅建立一个自动化脚本组件。具体参见图3所示：

步骤一：从页面中抽取页面元素，确定各页面元素的传参动作，将传参动作相同的页面元素分到一个组内；

步骤二：在一个页面元素组中，基于参数占位符、相应传参动作和预设代码，生成与一个页面元素组对应的自动化脚本组件。

考虑后续页面元素的新增，本方案自动化脚本组件中不包含元素标识，而是使用一个参数占位符替代。当新增一个页面元素时，首先根据对该元素定义的传参动作确定相应自动化脚本组件，之后替换该自动化脚本组件中的参数占位符，得到一个新的页面元素。新增的页面元素同样需添加至相应传参动作的页面元素组里。

通过上述方式，无需针对每个页面元素编写脚本，因此能够大大减少代码的编写数量和维护工作量。由于本方案中页面元素是基于自动化脚本组件生成的，而非现有技术基于代码中编写的，因此每次修改页面元素时，可以直接修改自动化脚本组件即可，无需系统重新上线便可生效。本方案支持高可用、高并发和可灵活扩展，能适应更多的业务场景和领域。

在设定页面元素后，进入测试阶段。参见图4所示，首先获取待测试页面的脚本，驱动webdriver自动化测试框架，运行该脚本以在浏览器中显示页面，此时的页面包含页面元素。

读取设置的测试参数，根据测试参数中的传参动作，使用自动化脚本组件在浏览器中查找页面及相应页面元素。进一步的，测试参数还包括元素标识，因而还可以进一步从中定位出具体页面元素。

同样参见图2所示，假设输入的测试参数中的传参动作为输入，则相应过滤出的页面元素应包括【//商家id/../input】、【//账号/../input】、【//部门名称/../input】、【//账号持有人/../input】。若测试参数还包括元素标识如商家id，则进一步定位出页面元素【//商家id/../input】。

预先对页面建立页面元素记录表，表中记录各页面元素的传参动作和元素id。若过滤或定位出的页面元素与表中相应传参动作、元素标识的页面元素相同，则表示对该自动化脚本组件的测试通过。测试结果可以使用xml，txt，excel等数据进行保存。

以上测试步骤，可使用testNG框架同步执行多套自动化脚本组件，提高执行效率。

进一步的，本方案对于有些特定页面元素，可以针对不同权限/属性的用户显示不同传参动作，即该类页面元素可能一次性对应多个传参动作。

例如，图2中用户A查看到的是商家id的input框，但用户B查看到的是商家id的select框，因此可以设置两套不同的自动化脚本组件，当用户A或者B的权限/属性变动时，如都变为input或都变为selelct框后，只需调整相应自动化脚本组件中的传参动作为input或select即可，其他参数无需变动。

上述实施例所提供的方法，针对同一类传参动作设置一套自动化脚本组件，只需维护自动化脚本组件即可，以此可执行页面元素脚本的编写量和维护量大大较少。

参见图5，示出了本发明实施例提供的一种测试页面组件的装置500的主要模块示意图，包括：

页面加载模块501，用于确定待测试页面，获取所述页面的脚本并运行，以显示所述页面；

元素过滤模块502，用于接收测试参数，基于所述脚本中的自动化脚本组件，过滤出与所述测试参数对应的页面元素；其中，所述测试参数包括传参动作；

元素比对模块503，用于确定所述页面中与所述传参动作对应的页面元素，若与所过滤的页面元素相同，则确定所述自动化脚本组件通过测试。

本发明实施装置中，所述自动化脚本组件包括参数占位符和传参动作；

还包括组件生成模块504(图中未标出)，用于：

从所述页面中抽取页面元素，确定各页面元素的传参动作，将传参动作相同的页面元素分到一个组内；

在一个页面元素组中，基于参数占位符、相应传参动作和预设代码，生成与所述一个页面元素组对应的自动化脚本组件。

本发明实施装置中，页面元素还包括元素标识；

还包括元素新增模块505(图中未标出)，用于：

响应于新增页面元素操作，接收对所述新增页面元素定义的元素标识和传参动作；

确定与所述传参动作对应的自动化脚本组件，将所述自动化脚本组件中的参数占位符替换为所述元素标识，以基于所述自动化脚本组件生成一个新增页面元素；

将所述一个新增页面元素，添加至与所述传参动作对应的页面元素组中。

本发明实施装置中，所述测试参数还包括元素标识；

还包括元素定位模块506(图中未标出)，用于：

从所过滤的页面元素中，定位出与所述元素标识对应的页面元素。

本发明实施装置中，所述传参动作为输入、选择、点击中的任一种。

另外，在本发明实施例中所述装置的具体实施内容，在上面所述方法中已经详细说明了，故在此重复内容不再说明。

图6示出了可以应用本发明实施例的示例性系统架构600。

如图6所示，系统架构600可以包括终端设备601、602、603，网络604和服务器605(仅仅是示例)。网络604用以在终端设备601、602、603和服务器605之间提供通信链路的介质。网络604可以包括各种连接类型，例如有线、无线通信链路或者光纤电缆等等。

用户可以使用终端设备601、602、603通过网络604与服务器605交互，以接收或发送消息等。终端设备601、602、603上可以安装有各种通讯客户端应用。

终端设备601、602、603可以是具有显示屏并且支持网页浏览的各种电子设备，服务器605可以是提供各种服务的服务器。

需要说明的是，本发明实施例所提供的方法一般由服务器605执行，相应地，装置一般设置于服务器605中。

应该理解，图6中的终端设备、网络和服务器的数目仅仅是示意性的。根据实现需要，可以具有任意数目的终端设备、网络和服务器。

下面参考图7，其示出了适于用来实现本发明实施例的终端设备的计算机系统700的结构示意图。图7示出的终端设备仅仅是一个示例，不应对本发明实施例的功能和使用范围带来任何限制。

如图7所示，计算机系统700包括中央处理单元(CPU)701，其可以根据存储在只读存储器(ROM)702中的程序或者从存储部分708加载到随机访问存储器(RAM)703中的程序而执行各种适当的动作和处理。在RAM 703中，还存储有系统700操作所需的各种程序和数据。CPU 701、ROM 702以及RAM 703通过总线704彼此相连。输入/输出(I/O)接口705也连接至总线704。

以下部件连接至I/O接口705：包括键盘、鼠标等的输入部分706；包括诸如阴极射线管(CRT)、液晶显示器(LCD)等以及扬声器等的输出部分707；包括硬盘等的存储部分708；以及包括诸如LAN卡、调制解调器等的网络接口卡的通信部分709。通信部分709经由诸如因特网的网络执行通信处理。驱动器710也根据需要连接至I/O接口705。可拆卸介质711，诸如磁盘、光盘、磁光盘、半导体存储器等等，根据需要安装在驱动器710上，以便于从其上读出的计算机程序根据需要被安装入存储部分708。

特别地，根据本发明公开的实施例，上文参考流程图描述的过程可以被实现为计算机软件程序。例如，本发明公开的实施例包括一种计算机程序产品，其包括承载在计算机可读介质上的计算机程序，该计算机程序包含用于执行流程图所示的方法的程序代码。在这样的实施例中，该计算机程序可以通过通信部分709从网络上被下载和安装，和/或从可拆卸介质711被安装。在该计算机程序被中央处理单元(CPU)701执行时，执行本发明的系统中限定的上述功能。

需要说明的是，本发明所示的计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质或者是上述两者的任意组合。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的系统、装置或器件，或者任意以上的组合。计算机可读存储介质的更具体的例子可以包括但不限于：具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本发明中，计算机可读存储介质可以是任何包含或存储程序的有形介质，该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。而在本发明中，计算机可读的信号介质可以包括在基带中或者作为载波一部分传播的数据信号，其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式，包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读的信号介质还可以是计算机可读存储介质以外的任何计算机可读介质，该计算机可读介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输，包括但不限于：无线、电线、光缆、RF等等，或者上述的任意合适的组合。

附图中的流程图和框图，图示了按照本发明各种实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上，流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分，上述模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意，在有些作为替换的实现中，方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如，两个接连地表示的方框实际上可以基本并行地执行，它们有时也可以按相反的顺序执行，这依所涉及的功能而定。也要注意的是，框图或流程图中的每个方框、以及框图或流程图中的方框的组合，可以用执行规定的功能或操作的专用的基于硬件的系统来实现，或者可以用专用硬件与计算机指令的组合来实现。

描述于本发明实施例中所涉及到的模块可以通过软件的方式实现，也可以通过硬件的方式来实现。所描述的模块也可以设置在处理器中，例如，可以描述为：一种处理器包括页面加载模块、元素过滤模块、元素比对模块。其中，这些模块的名称在某种情况下并不构成对该模块本身的限定，例如，元素比对模块还可以被描述为“页面元素比对模块”。

作为另一方面，本发明还提供了一种计算机可读介质，该计算机可读介质可以是上述实施例中描述的设备中所包含的；也可以是单独存在，而未装配入该设备中。上述计算机可读介质承载有一个或者多个程序，当上述一个或者多个程序被一个该设备执行时，使得该设备包括：

确定待测试页面，获取所述页面的脚本并运行，以显示所述页面；

接收测试参数，基于所述脚本中的自动化脚本组件，过滤出与所述测试参数对应的页面元素；其中，所述测试参数包括传参动作；

确定所述页面中与所述传参动作对应的页面元素，若与所过滤的页面元素相同，则确定所述自动化脚本组件通过测试。

根据本发明实施例的技术方案，针对同一类传参动作设置一套自动化脚本组件，只需维护自动化脚本组件即可，以此可执行页面元素脚本的编写量和维护量大大较少。

上述具体实施方式，并不构成对本发明保护范围的限制。本领域技术人员应该明白的是，取决于设计要求和其他因素，可以发生各种各样的修改、组合、子组合和替代。任何在本发明的精神和原则之内所作的修改、等同替换和改进等，均应包含在本发明保护范围之内。

Claims (10)

1.一种测试页面组件的方法，其特征在于，包括：

确定待测试页面，获取所述页面的脚本并运行，以显示所述页面；

接收测试参数，基于所述脚本中的自动化脚本组件，过滤出与所述测试参数对应的页面元素；其中，所述测试参数包括传参动作；

确定所述页面中与所述传参动作对应的页面元素，若与所过滤的页面元素相同，则确定所述自动化脚本组件通过测试。

2.根据权利要求1所述的方法，其特征在于，所述自动化脚本组件包括参数占位符和传参动作；

在所述确定待测试页面之前，还包括：

从所述页面中抽取页面元素，确定各页面元素的传参动作，将传参动作相同的页面元素分到一个组内；

在一个页面元素组中，基于参数占位符、相应传参动作和预设代码，生成与所述一个页面元素组对应的自动化脚本组件。

3.根据权利要求2所述的方法，其特征在于，页面元素还包括元素标识；

在所述生成与所述一个页面元素组对应的自动化脚本组件之后，还包括：

响应于新增页面元素操作，接收对所述新增页面元素定义的元素标识和传参动作；

确定与所述传参动作对应的自动化脚本组件，将所述自动化脚本组件中的参数占位符替换为所述元素标识，以基于所述自动化脚本组件生成一个新增页面元素；

将所述一个新增页面元素，添加至与所述传参动作对应的页面元素组中。

4.根据权利要求3所述的方法，其特征在于，所述测试参数还包括元素标识；

在所述过滤出与所述测试参数对应的页面元素之后，还包括：

从所过滤的页面元素中，定位出与所述元素标识对应的页面元素。

5.根据权利要求1-4中任一项所述的方法，其特征在于，所述传参动作为输入、选择、点击中的任一种。

6.一种测试页面组件的装置，其特征在于，包括：

页面加载模块，用于确定待测试页面，获取所述页面的脚本并运行，以显示所述页面；

元素过滤模块，用于接收测试参数，基于所述脚本中的自动化脚本组件，过滤出与所述测试参数对应的页面元素；其中，所述测试参数包括传参动作；

元素比对模块，用于确定所述页面中与所述传参动作对应的页面元素，若与所过滤的页面元素相同，则确定所述自动化脚本组件通过测试。

7.根据权利要求6所述的装置，其特征在于，所述自动化脚本组件包括参数占位符和传参动作；

还包括组件生成模块，用于：

从所述页面中抽取页面元素，确定各页面元素的传参动作，将传参动作相同的页面元素分到一个组内；

在一个页面元素组中，基于参数占位符、相应传参动作和预设代码，生成与所述一个页面元素组对应的自动化脚本组件。

8.根据权利要求7所述的装置，其特征在于，页面元素还包括元素标识；

还包括元素新增模块，用于：

响应于新增页面元素操作，接收对所述新增页面元素定义的元素标识和传参动作；

确定与所述传参动作对应的自动化脚本组件，将所述自动化脚本组件中的参数占位符替换为所述元素标识，以基于所述自动化脚本组件生成一个新增页面元素；

将所述一个新增页面元素，添加至与所述传参动作对应的页面元素组中。

9.一种电子设备，其特征在于，包括：

一个或多个处理器；

存储装置，用于存储一个或多个程序，

当所述一个或多个程序被所述一个或多个处理器执行，使得所述一个或多个处理器实现如权利要求1-5中任一所述的方法。

10.一种计算机可读介质，其上存储有计算机程序，其特征在于，所述程序被处理器执行时实现如权利要求1-5中任一所述的方法。

Images