CN109828921A - Html5网页自动化功能测试方法、系统和电子设备 - Google Patents

Abstract

本发明公开一种HTML5网页自动化功能测试方法、系统和电子设备，所述的方法包括搭建与HTML5网页所在的业务服务端互通的测试网络；构建测试脚本；根据所述测试脚本构建模拟终端测试环境；在所述的模拟终端测试环境下对所述HTML5页面进行自动化测试；记录所述自动化测试指令执行情况并记录测试结果。利用本发明所述的方法、系统和电子设备，可使HTML5网页的测试工作脱离终端环境和人工干预，在提高HTML5网页的测试工作效率的同时降低人工测试的繁琐性与不稳定性。

Description

HTML5网页自动化功能测试方法、系统和电子设备

技术领域

本发明涉及HTML5网页功能测试方法领域，具体涉及一种HTML5网页自动化功能测试方法、系统和电子设备。

背景技术

PC/移动站点、混合原生App、单页面应用等采用HTML5技术的范畴愈加广泛。与此同时，可供呈现此类应用的移动设备，也是不断推陈出新。技术的多样性、设备的繁杂给HTML5网页的功能测试带来了海量的人力资源压力。简单测试人员数量的堆叠已经很难跟上移动互联网行业应对市场用户需求的频繁的步伐。

现有的基于终端的功能测试工具，大多是辅助测试人员进行工作。脱离终端环境和人工干预，很难完成功能测试任务，在面向多终端环境的测试中，测试周期长、测试效率低下、测试质量不稳定等问题尤为突出。

综上所述，面向多种终端设备的复杂互联网应用网页功能测试的自动化测试问题是目前本领域技术人员亟待解决的技术问题。

发明内容

针对现有技术存在的不足，本发明的目标是面向多终端、业务复杂的HTML5业务系统的网页测试工作，解决测试难度大、测试效率低、测试质量差等技术问题,在明显提高测试人员工作效率的同时有效降低人工测试的繁琐性与不稳定性的几率。

为实现上述目标，本发明提出一种HTML5网页自动化功能测试方法，该方法包括：搭建与HTML5网页所在的业务服务端互通的测试网络；构建测试脚本，所述测试脚本包括对HTML5网页进行测试的配置、测试参数和测试指令；根据所述测试脚本构建模拟测试环境；用程序在所述的模拟测试环境下对所述HTML5页面进行自动化测试；在上述测试过程中，获取所述测试脚本执行情况并记录测试结果。

所述测试脚本至少配置欲测试HTML5页面的宿主终端操作系统的信息。大多数时候为了提高效率，可以一次性在测试脚本中配置多个需要测试的HTML5页面的宿主环境。

特别的，所述宿主终端操作系统的信息至少包括：操作系统的版本号和浏览器版本号。本发明所公开的操作系统和浏览器包括：Windows操作系统及其IE浏览器、MAC操作系统及其浏览器、IOS操作系统及其webview、Android操作系统及其webview，因此所述的模拟终端测试环境也不限于以上操作系统和浏览器

优选的，本发明公布的方法所述构建测试脚本通常采用程序构建，所述的构建测试脚本的步骤包括将所述程序部署到与HTML5网页所在的业务服务端互通的终端主机上；打开所述程序，所述程序监听所述终端主机浏览器的行为特征；打开所述终端主机浏览器访问多个被测试HTML5网页，所述程序监听所述访问行为，获取若干个行为特征；所述程序建立测试脚本，存储所述若干个行为特征为测试脚本数据。

优选的，本发明公布的方法所述测试结果包括：根据测试过程中保存的屏幕输出，保存方式包括图像或视频。

优选的，本发明公布的方法还包括：所述记录测试结果还包括：构建测试报告并反馈所述测试报告，所述构建测试报告可输出文档格式，包括：HTML文档、WORD文档、PDF文档，所述反馈测试报告的方式包括：Web网页、邮件、实时消息。

本发明还公开一种HTML5网页自动化功能测试系统，该系统包括网络通信模块，用于构建与HTML5网页所在的业务服务端互通的网络；测试沙箱模块,用于构建模拟终端测试环境；测试处理模块，在所述的模拟终端测试环境下实现对所述HTML5页面的自动化测试；测试记录模块，获取所述测试脚本执行情况并记录测试结果。

优选的，本发明公布的系统还包括脚本构建模块，该模块被部署在与HTML5网页所在的业务服务端互通的终端主机上，对所述终端主机浏览器中访问多个HTML5网页的动作特征进行监听，并构建测试脚本。

优选的，本发明公布的系统还包括录屏模块，用于在测试过程记录测试机屏幕输出，将屏幕输出保存为图像或者视频。

本发明还提出的一种电子设备，包括处理器以及存储器，其中所述存储器用于存储可执行程序；所述处理器用于执行所述可执行程序以实现权利要求1-7所述的任何一种HTML5网页自动化功能测试方法。

与现有技术相比，本发明具有如下优点及有益技术效果：1、采用本发明的测试系统进行HTML5网页测试，可模拟多种终端设备运行环境，脱离繁杂的真实终端测试设备，降低了多终端测试的复杂度；2、根据预配置参数自动模拟多终端完成HTML5网页的功能的自动测试并记录结果，省时省力，提高工作效率的同时降低人工测试的繁琐性与不稳定性；3、测试设备自动运行的过程中，测试与记录的结果更加准确、及时，避免了人工误差的产生，测试稳定、精确。

附图说明

为了更清楚地说明本申请实施例中的技术方案，下面将对实施例描述中所需要使用的附图作简单地介绍。显而易见地，下面描述中的附图仅仅是本申请的一些实施例，对于本领域技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。

图1为一种HTML5网页自动化功能测试方法的一个实施例的流程示意图。

图2为一种HTML5网页自动化功能测试方法中程序构建脚本文件的一种实施例的流程示意图。

图3为一种HTML5网页自动化功能测试系统的一个实施例的结构示意图。

图4为一种HTML5网页自动化功能测试系统的另一个实施例的结构示意图。

图5为一种HTML5网页自动化功能测试系统的一个实施例的部署示意图。

图6为一种HTML5网页自动化功能测试系统的另一个实施例的运行示意图。

具体实施方式

下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整地描述。显然，所描述的实施例仅仅是本申请一部分实施例，而不是全部的实施例。基于本申请中的实施例，本领域技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本申请保护的范围。

请参阅图1，图1示出了一种HTML5网页自动化功能测试方法的一个实施例的流程图，HTML5网页自动化功能测试处理方法的流程具体可以包括：

S10，开始该处理流程。

S11，搭建与HTML5网页所在的业务服务端互通的测试网络。

在测试前，本申请实施例需搭建测试网络，保证HTML5网页自动测试机和HTML5网页业务服务端网络互通。如果需要用程序构建测试脚本，还需要在网络中部署一台终端主机，用于构建测试脚本的程序运行在该主机上，该主机和HTML5网页业务服务端网络互通。

S12，构建测试脚本，所述测试脚本至少配置欲测试HTML5页面的模拟终端测试环境的操作系统信息。

本申请实施例的所述测试终端操作系统的信息至少包括：操作系统的版本号和浏览器版本号。例如Windows操作系统及其IE浏览器的版本、MAC操作系统及其浏览器版本、IOS操作系统及其webview版本、Android操作系统及其webview版本。所述测试脚本还包括视口(viewport)配置、用户代理(user agent)配置、HTML5页面交互操作等内容。

另外测试脚本中还包括自动测试频率和次数等测试参数的配置。

S13，根据所述测试脚本构建模拟终端测试环境。

本申请实施例的模拟终端测试环境包括模拟Windows系统浏览器及其webview、模拟MAC系统浏览器及其webview、模拟IOS系统浏览器及其webview、模拟Android系统浏览器及其webview。

测试脚本可配置两种以上的模拟终端环境，当配置两种以上的模拟终端环境时，将自动构建相应的模拟终端系统进行测试。

S14，在所述的模拟终端测试环境下执行自动化测试任务。

本申请实施例的测试程序会根据测试脚本配置的自动测试频率、次数等参数启动测试任务，顺序读出测试脚本中的内容，并转化为可执行的测试命令执行测试。

S15，即在测试过程中，根据所述测试脚本执行情况获取并保存测试结果。

为了提供更好的测试体验，在该步骤中还可以将测试过程中的屏幕输出以图片或视频的方式保存，作为测试报告的一部分数据，测试报告也可以考虑输出为多种格式，包括HTML格式、WORD文档、PDF文档；测试报告反馈也可以采用网页、邮件、实时消息等多种方式反馈给使用者。

S16，结束整个测试流程。

上述流程中用到的测试脚本的构建既可以是手动构建，也可以用采程序构建。采用程序构建测试脚本的实施流程图请参阅图2。

S20，开始构建测试脚本的流程。

S21，脚本构建程序后台运行，监听浏览器对被测HTML5网页的各种交互操作。

首先脚本构建程序提前被部署到一台终端主机上，这台终端主机与被测HTML5网页的业务服务器网络相连，脚本构建程序在终端主机上启动。脚本构建程序可以是符合浏览器插件规范的组件模块，也可以是独立运行的第三方程序，其关键技术是能监控浏览器访问HTML5网页的交互操作，并对交互行为进行分析和记录。

S22，脚本构建程序对监听到的交互操作行为进行分析和记录。

脚本构建程序监控浏览器访问HTML5网页的所有交互操作，并对交互行为进行解析，捕获关键的交互操作，并且用脚本语言记录在文件中。

S23，脚本构建程序构建测试脚本。

在构建脚本的过程中，需要设置终端测试环境的操作系统版本和浏览器版本，以及视口(viewport)配置、用户代理(user agent)配置、HTML5页面交互操作等内容。另外测试脚本中还可以配置自动测试频率和次数等自动测试参数,脚本构建程序根据这些配置信息对记录的HTML5交互操作进行转换，构建产生对应的测试脚本。

S24，脚本构建程序存储测试脚本。

脚本构建程序对构建产生的测试脚本进行存储，存储的位置可以是主机的本地存储器，也可以是文件服务器、网络数据库等位置，格式可以是文件或者数据块格式。

S25，结束整个脚本构建流程。

请参阅图3,图3示出一种HTML5网页自动化功能测试系统的一个实施例的结构示意图。该实施例中，测试系统100主要包括网络通信模块101、测试处理模块102、测试沙箱模块103和测试记录模块104。

其中网络通信模块101，构建与HTML5网页所在的业务服务端网络通信，接收测试处理模块发送的访问HTML5网页的指令和参数，并接收业务服务端反馈的页面结果。

网络通信模块还提供多线程多进程架构、消息队列机制，以实现多并发测试。

测试处理模块102，是HTML5网页自动化功能测试系统的核心模块，该模块分析测试脚本，根据测试脚本的配置启动一个或多个测试沙箱模块构建一个或多个模拟终端测试环境，根据不同的模拟终端测试环境将测试脚本转换为相应测试指令，启动测试沙箱里的测试指令对所述HTML5页面的自动化测试。

测试沙箱模块103：用于构建模拟终端测试环境，并根据测试处理模块转换的测试指令执行测试任务。

该实施例中，测试处理模块直接面向网络通信模块完成远程指令的通信传输，在其他的实施例中，为了提高效率，测试沙箱模块也可以面向网络通信模块直接进行测试指令的远程传输。

测试记录模块104：记录所述自动化测试指令执行情况并记录测试结果。

测试记录模块通过在测试沙箱模块的调用，记录在测试指令执行过程中获取该模拟终端测试环境下的测试过程，包括但不限于执行的起始时间、指令名称、参数、次数、消耗时间、响应时间、执行情况。测试记录数据的存储可以是文件存储或数据库存储。为了实现测试结果的分析，优选采用数据库存储。

优选的，测试结束后，测试记录模块还可以进行测试数据分析整理，构建测试报告并反馈。海量分散的测试记录不利于对测试过程进行分析，因此程序自动将测试记录数据整理汇总，生成测试报告，可以提高测试人员了解测试情况的效率。测试报告还可以输出为各种文档格式，包括HTML文档、WORD文档、PDF文档。为了及时地获得测试结果，测试记录模块还包括测试反馈模块，在测试完成和报表完成时，均可以多途径通知测试人员了解测试结果，，常见的反馈测试报告的方式包括：Web网页、邮件、实时消息。

在该实施例中，测试脚本既可以是手工构建也可以通过专门程序构建。

请参阅图4,图4为一种HTML5网页自动化功能测试系统的另一个实施例的结构示意图，这种实施例与图3所示的实施例的差别是增加脚本构建模块105和录屏模块106。图2已经示出了脚本构建模块105的工作流程图。录屏模块106为了提供更好的测试体验，将测试过程中的屏幕输出以图片或视频的方式保存，作为测试报告的一部分数据。

图4所示的实施例中，同样的测试处理模块直接面向网络通信模块完成远程指令的通信传输，在其他的实施例中，为了提高效率，测试沙箱模块也可以面向网络通信模块直接进行测试指令的远程传输。

请参考图5，图5为一种HTML5网页自动化功能测试系统的一个实施例的运行示意图。该实施例中，测试系统500与图3结构的区别是测试系统500还包括脚本构建模块105，脚本构建模块和其他模块一起共同部署在测试服务器500上。在实际流程开始时，终端主机300打开浏览器，连接到测试服务器500上，脚本构建模块通过网络下载到终端主机300上，下载完后自动安装到系统，然后再运行。

在本实施例中，脚本构建模块可以是PC浏览器插件，浏览器启动则该脚本构建模块就同时运行，也可以是独立的系统进程，实现对HTML5交互请求进行监控。

图6为一种HTML5网页自动化功能测试系统的另一个实施例的部署示意图。在该实施例中，测试系统由服务器端200和脚本构建模块105构成，图6与图5的差别是脚本构建模块105预先部署在一台终端主机300上，在实际测试过程中，测试系统服务器端200、终端主机300与被测试HTML5网页所在的业务服务器400两两之间网络连通。

本申请实施例还提供一种电子设备，所述电子设备中包括处理器及存储器，所述存储器中存储有可执行程序，当所述可执行程序在计算机上运行时，所述计算机执行上述任一实施例所述的HTML5网页自动化功能测试方法。

在实际应用中，本发明公开的方法和系统的技术方案中的模块即可以叠加部署在同一台设备上，也可以各自独立部署在不同的设备上。为了实现更强大的测试能力，各模块还可以利用集群技术和负载均衡技术进行部署。

需要说明的是，本领域普通技术人员可以理解上述实施例的各种方法中的全部或部分步骤是可以通过计算机程序来指令相关的硬件来完成，所述计算机程序可以存储于计算机可读存储介质中，所述存储介质可以包括但不限于：只读存储器(ROM，Read OnlyMemory)、随机存取存储器(RAM，Random Access Memory)、磁盘或光盘等。

对所公开的实施例的上述说明，使本领域专业技术人员能够实现或使用本发明。对这些实施例的多种修改对本领域的专业技术人员来说将是显而易见的，本文中所定义的一般原理可以在不脱离本发明的精神或范围的情况下，在其它实施例中实现。因此，本发明将不会被限制于本文所示的这些实施例，而是要符合与本文所公开的原理和新颖特点相一致的最宽的范围。

Claims (11)

1.一种HTML5网页自动化功能测试方法，其特征在于：

搭建与HTML5网页所在的业务服务端互通的测试网络；

构建测试脚本；

根据所述测试脚本构建模拟测试环境；

在所述的模拟测试环境下对所述HTML5页面执行自动化测试指令；

记录所述自动化测试指令执行情况并记录测试结果。

2.根据权利要求1所述的方法，其特征在于：所述测试脚本至少包括需构建的模拟测试终端的环境参数。

3.根据权利要求2所述的方法，其特征在于：所述需构建的模拟测试终端的环境参数至少包括：操作系统的版本号和浏览器版本号。

4.根据权利要求1所述的方法，其特征在于：所述构建测试脚本包括用程序构建，所述的构建测试脚本的步骤包括：

将程序下载安装到与HTML5网页所在的业务服务端互通的终端主机上；

打开所述程序，所述程序监听所述终端主机浏览器的行为特征；

打开所述终端主机浏览器访问多个被测试HTML5网页，所述程序监听所述访问行为，获取若干个行为特征；

所述程序建立测试脚本，存储所述若干个行为特征为测试脚本数据。

5.根据权利要求1所述的方法，其特征在于：所述的模拟测试环境包括模拟Windows操作系统及其IE浏览器、模拟MAC操作系统及其浏览器、模拟IOS操作系统及其Webview、模拟Android操作系统及其Webview。

6.根据权利要求1所述的方法，其特征在于，所述测试结果包括：测试执行过程中保存的屏幕输出，包括图像或视频格式。

7.根据权利要求1所述的方法，其特征在于，所述记录测试结果还包括：分析整理测试数据、构建测试报告并反馈所述测试报告，其中：

所述构建测试报告文档格式包括：HTML文档、WORD文档、PDF文档；

所述反馈测试报告的方式包括：Web网页、邮件、实时消息。

8.一种HTML5网页自动化功能测试系统，其特征在于包括：

网络通信模块：构建与HTML5网页所在的业务服务端网络通信，发送指令的发送，接收反馈结果；

测试处理模块：将测试脚本转换为测试指令，启动测试沙箱模块对所述HTML5页面的自动化测试；

测试沙箱模块：根据测试脚本构建模拟终端测试环境，并执行测试任务；

测试记录模块：记录所述测试脚本执行的情况和结果。

9.如权利要求8所述的系统，其特征在于还包括：

脚本构建模块：运行在与HTML5网页所在的业务服务端互通的终端主机上，根据所述终端主机浏览器访问HTML5网页的交互操作构建测试脚本。

10.如权利要求8所述的系统，其特征在于还包括：

录屏模块：在测试过程记录测试机屏幕输出，记录为图像或者视频格式。

11.一种电子设备，其特征在于，还包括处理器以及存储器，

所述存储器用于存储可执行程序；

所述处理器用于执行所述可执行程序以实现权利要求1-7所述的任何一种HTML5网页自动化功能测试方法。