CN111813684A - 一种web前端组件的测试方法、测试装置及测试设备 - Google Patents

Abstract

本发明公开了一种web前端组件的测试方法，通过预先配置扫描工具，在web前端的组件被修改后，调用预设扫描工具扫描与修改后的组件同一根目录下的引用修改后的组件的目标文件，而后调用与修改后的组件和目标文件对应的目标测试用例，利用目标测试用例对修改后的组件和目标文件进行测试，若出现未执行成功的测试用例则输出与修改后的组件对应的报错信息。在每次web前端组件发生变更后仅进行与修改后的组件关联的目标测试用例的测试，减少了不必要的测试用例执行工作，从而在保证覆盖涉及修改的文件的基础上提高了测试效率。本发明还公开了一种web前端组件的测试装置、测试设备及计算机可读存储介质，具有上述有益效果。

Description

一种web前端组件的测试方法、测试装置及测试设备

技术领域

本发明涉及计算机测试技术领域，特别是涉及一种web前端组件的测试方法、测试装置、测试设备及计算机可读存储介质。

背景技术

浏览器/服务器(Browser/Server，B/S)结构利用不断成熟的web浏览器技术，实现原来需要专用软件才能实现的强大功能，节约了开发成本。随着B/S结构的使用越来越多，特别是需求推动了AJAX技术的发展，它的程序也能在客户端电脑上进行部分处理，从而减轻了服务器的负担。随着web前端技术的发展，近年来涌现出了许多优秀的前端框架，例如angular、react、vue等，它们的一个共同点就是组件化的思想，web页面由不同的组件组合而成，前端通过开发维护公共组件，可以有效减少代码量，提升开发效率，是现阶段主流web框架的一个共有特性。随着项目的推进，组件的不断修改完善是不可或缺的。

而随着组件的不断修改，引用了该组件的文件也随之变动，由此带来了web前端组件测试工作的繁重任务量。测试人员为了在覆盖这些涉及修改的文件的基础上方便测试的进行，往往选择将所有测试用例全部执行一遍，这虽然简化了人工操作，却极大影响了测试效率。

发明内容

本发明的目的是提供一种web前端组件的测试方法、测试装置、测试设备及计算机可读存储介质，用于在web前端组件发生变更时保证覆盖涉及修改的文件的基础上，提高测试效率。

为解决上述技术问题，本发明提供一种web前端组件的测试方法，包括：

当web前端的组件被修改后，调用预设扫描工具扫描与修改后的组件同一根目录下的引用所述修改后的组件的目标文件；

调用与所述修改后的组件和所述目标文件对应的目标测试用例；

利用所述目标测试用例对所述修改后的组件和所述目标文件进行测试；

判断各所述目标测试用例是否执行成功；

如果否，则输出与所述修改后的组件对应的报错信息。

可选的，所述调用预设扫描工具扫描与修改后的组件同一根目录下的引用所述修改后的组件的目标文件，具体为：

调用所述预设扫描工具在所述根目录下扫描得到包含所述修改后的组件的唯一标识的文件，得到所述目标文件。

可选的，所述当web前端的组件被修改后，调用预设扫描工具扫描与修改后的组件同一根目录下的引用所述修改后的组件的目标文件，具体为：

当接收到对所述web前端的组件的编辑保存信息时，调用所述预设扫描工具扫描与所述修改后的组件同一根目录下的引用所述修改后的组件的目标文件。

可选的，所述利用所述目标测试用例对所述修改后的组件和所述目标文件进行测试，具体包括：

利用与所述修改后的组件对应的目标测试用例对所述修改后的组件进行测试，并判断是否测试通过；

如果是，则进行其他所述目标测试用例的测试；

如果否，则输出与所述修改后的组件对应的报错信息。

可选的，当存在未执行成功的目标测试用例时，还包括：

输出所述未执行成功的测试用例的信息，以及与所述未执行成功的测试用例对应的目标文件。

可选的，当各所述测试用例均执行成功时，还包括：

输出所述修改后的组件修改成功的信息。

可选的，还包括：

记录各所述目标测试用例的测试结果，生成所述修改后的组件的测试报告。

为解决上述技术问题，本发明还提供一种web前端组件的测试装置，包括：

扫描单元，用于当web前端的组件被修改后，调用预设扫描工具扫描与修改后的组件同一根目录下的引用所述修改后的组件的目标文件；

调用单元，用于调用与所述修改后的组件和所述目标文件对应的目标测试用例；

测试单元，用于利用所述目标测试用例对所述修改后的组件和所述目标文件进行测试；

判断单元，用于判断各所述目标测试用例是否执行成功；如果否，则进入输出单元；

所述输出单元，用于输出与所述修改后的组件对应的报错信息。

为解决上述技术问题，本发明还提供一种web前端组件的测试设备，包括：

存储器，用于存储指令，所述指令包括上述任意一项所述web前端组件的测试方法的步骤；

处理器，用于执行所述指令。

为解决上述技术问题，本发明还提供一种计算机可读存储介质，其上存储有计算机程序，所述计算机程序被处理器执行时实现如上述任意一项所述web前端组件的测试方法的步骤。

本发明所提供的web前端组件的测试方法，通过预先配置扫描工具，在web前端的组件被修改后，调用预设扫描工具扫描与修改后的组件同一根目录下的引用修改后的组件的目标文件，而后调用与修改后的组件和目标文件对应的目标测试用例，利用目标测试用例对修改后的组件和目标文件进行测试，若出现未执行成功的测试用例则输出与修改后的组件对应的报错信息。在每次web前端组件发生变更后仅进行与修改后的组件关联的目标测试用例的测试，减少了不必要的测试用例执行工作，从而在保证覆盖涉及修改的文件的基础上提高了测试效率。

本发明还提供一种web前端组件的测试装置、测试设备及计算机可读存储介质，具有上述有益效果，在此不再赘述。

附图说明

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

图1为本发明实施例提供的一种web前端组件的测试方法的流程图；

图2为本发明实施例提供的一种web前端组件的测试装置的结构示意图；

图3为本发明实施例提供的一种web前端组件的测试设备的结构示意图。

具体实施方式

本发明的核心是提供一种web前端组件的测试方法、测试装置、测试设备及计算机可读存储介质，用于在web前端组件发生变更时保证覆盖涉及修改的文件的基础上，提高测试效率。

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

图1为本发明实施例提供的一种web前端组件的测试方法的流程图。

如图1所示，本发明实施例提供的web前端组件的测试方法包括：

S101：当web前端的组件被修改后，调用预设扫描工具扫描与修改后的组件同一根目录下的引用修改后的组件的目标文件。

在实际应用中，开发人员在开发过程中对web前端组件(简称“组件”)进行版本更新或漏洞修复等操作时，可能涉及到变更组件代码，而后选择保存，而为了避免数据丢失，可能会每当修改一部分内容、未完成全部修改时就选择保存，而后再进行修改。因此可以以开发人员的保存操作作为触发测试的条件。

则步骤S101具体可以为：当接收到对web前端的组件的编辑保存信息时，调用预设扫描工具扫描与修改后的组件同一根目录下的引用修改后的组件的目标文件。

当然，也可以在接收到对修改后的组件的测试命令后，再调用预设扫描工具扫描与修改后的组件同一根目录下的引用修改后的组件的目标文件。

每个组件均设有唯一标识，如由数字的组成的一段ID。则在扫描文件时，可以基于修改后的组件的唯一标识进行。则步骤S101中调用预设扫描工具扫描与修改后的组件同一根目录下的引用修改后的组件的目标文件，具体可以为：调用预设扫描工具在根目录下扫描得到包含修改后的组件的唯一标识的文件，得到目标文件。

S102：调用与修改后的组件和目标文件对应的目标测试用例。

测试用例是测试人员针对组件所在的根目录以至整个系统所提供的各项业务预先编写的，在组件或其他文件未进行更改时，测试用例就可以复用。在确定修改后的组件及目标文件后，可以基于这些文件对应的唯一标识或这些文件的关联业务，到存储测试用例的地址获取对应的目标测试用例。

S103：利用目标测试用例对修改后的组件和目标文件进行测试。

S104：判断各目标测试用例是否执行成功；如果否，则进入步骤S105。

S105：输出与修改后的组件对应的报错信息。

利用目标测试用例对修改后的组件和目标文件进行有针对性的测试，避免无效测试(未涉及修改后的组件的文件的测试)。

具体可以循环读取各目标测试用例依次执行测试，直至最后一个目标测试用例测试结束。而由于各目标文件的交集即为修改后的组件，为进一步提高测试效率，步骤S103具体可以包括：

利用与修改后的组件对应的目标测试用例对修改后的组件进行测试，并判断是否测试通过；

如果是，则进行其他目标测试用例的测试；

如果否，则输出与修改后的组件对应的报错信息。

若修改后的组件对应的目标测试用例测试不通过，则引用了该组件的目标文件的测试很大可能不会通过，故在修改后的组件对应的目标测试用例测试不通过时无需进行后续测试，直接输出报错信息，以提示开发人员组件修改所造成的问题。

遍历所有目标测试用例，若出现测试不通过的目标测试用例，也说明组件修改出现问题。此时也输出报错信息，以提示开发人员查看。

若开发人员通过保存操作频繁触发组件测试进行时，可以通过弹窗加声音提示的方式提示开发人员当前修改存在问题，以便开发人员及时发现问题及时纠错。

本发明实施例提供的web前端组件的测试方法，通过预先配置扫描工具，在web前端的组件被修改后，调用预设扫描工具扫描与修改后的组件同一根目录下的引用修改后的组件的目标文件，而后调用与修改后的组件和目标文件对应的目标测试用例，利用目标测试用例对修改后的组件和目标文件进行测试，若出现未执行成功的测试用例则输出与修改后的组件对应的报错信息。在每次web前端组件发生变更后仅进行与修改后的组件关联的目标测试用例的测试，减少了不必要的测试用例执行工作，从而在保证覆盖涉及修改的文件的基础上提高了测试效率。

在上述实施例的基础上，在本发明实施例提供的web前端组件的测试方法中，当步骤S104判断存在未执行成功的目标测试用例时，还可以包括：

输出未执行成功的测试用例的信息，以及与未执行成功的测试用例对应的目标文件。

目标测试用例不通过，主要有两个可能，一是组件修改错误，二是组件发生了业务变更导致测试用例不匹配。通过输出与修改后的组件对应的报错信息，进而可以输出与测试不通过的文件(可能是修改后的组件，可能是目标文件)对应的目标测试用例，以使开发人员进一步分析问题所在。

进一步的，若步骤S104判断各测试用例均执行成功时，还包括：

输出修改后的组件修改成功的信息。

进一步的，为方便开发人员追溯组件修改过程中存在的问题，本发明实施例提供的web前端组件的测试方法还可以包括：

记录各目标测试用例的测试结果，生成修改后的组件的测试报告。

调用预设的日志脚本，将各目标测试用例的测试结果以预定格式进行存储与分析，形成修改后的组件的测试报告，以便开发人员查看组件修改所造成的影响。

上文详述了web前端组件的测试方法对应的各个实施例，在此基础上，本发明还公开了与上述方法对应的web前端组件的测试装置、测试设备及计算机可读存储介质。

图2为本发明实施例提供的一种web前端组件的测试装置的结构示意图。

如图2所示，本发明实施例提供的web前端组件的测试装置包括：

扫描单元201，用于当web前端的组件被修改后，调用预设扫描工具扫描与修改后的组件同一根目录下的引用修改后的组件的目标文件；

调用单元202，用于调用与修改后的组件和目标文件对应的目标测试用例；

测试单元203，用于利用目标测试用例对修改后的组件和目标文件进行测试；

判断单元204，用于判断各目标测试用例是否执行成功；如果否，则进入输出单元；

输出单元205，用于输出与所述修改后的组件对应的报错信息。

由于装置部分的实施例与方法部分的实施例相互对应，因此装置部分的实施例请参见方法部分的实施例的描述，这里暂不赘述。

图3为本发明实施例提供的一种web前端组件的测试设备的结构示意图。

如图3所示，本发明实施例提供的web前端组件的测试设备包括：

存储器310，用于存储指令，所述指令包括上述任意一项实施例所述的web前端组件的测试方法的步骤；

处理器320，用于执行所述指令。

其中，处理器320可以包括一个或多个处理核心，比如3核心处理器、8核心处理器等。处理器320可以采用数字信号处理DSP(Digital Signal Processing)、现场可编程门阵列FPGA(Field－Programmable Gate Array)、可编程逻辑阵列PLA(Programmable LogicArray)中的至少一种硬件形式来实现。处理器320也可以包括主处理器和协处理器，主处理器是用于对在唤醒状态下的数据进行处理的处理器，也称中央处理器CPU(CentralProcessing Unit)；协处理器是用于对在待机状态下的数据进行处理的低功耗处理器。在一些实施例中，处理器320可以集成有图像处理器GPU(Graphics Processing Unit)，GPU用于负责显示屏所需要显示的内容的渲染和绘制。一些实施例中，处理器320还可以包括人工智能AI(Artificial Intelligence)处理器，该AI处理器用于处理有关机器学习的计算操作。

存储器310可以包括一个或多个计算机可读存储介质，该计算机可读存储介质可以是非暂态的。存储器310还可包括高速随机存取存储器，以及非易失性存储器，比如一个或多个磁盘存储设备、闪存存储设备。本实施例中，存储器310至少用于存储以下计算机程序311，其中，该计算机程序311被处理器320加载并执行之后，能够实现前述任一实施例公开的web前端组件的测试方法中的相关步骤。另外，存储器310所存储的资源还可以包括操作系统312和数据313等，存储方式可以是短暂存储或者永久存储。其中，操作系统312可以为Windows。数据313可以包括但不限于上述方法所涉及到的数据。

在一些实施例中，web前端组件的测试设备还可包括有显示屏330、电源340、通信接口350、输入输出接口360、传感器370以及通信总线380。

本领域技术人员可以理解，图3中示出的结构并不构成对web前端组件的测试设备的限定，可以包括比图示更多或更少的组件。

本申请实施例提供的web前端组件的测试设备，包括存储器和处理器，处理器在执行存储器存储的程序时，能够实现如上所述的web前端组件的测试方法，效果同上。

需要说明的是，以上所描述的装置、设备实施例仅仅是示意性的，例如，模块的划分，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式，例如多个模块或组件可以结合或者可以集成到另一个系统，或一些特征可以忽略，或不执行。另一点，所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口，装置或模块的间接耦合或通信连接，可以是电性，机械或其它的形式。作为分离部件说明的模块可以是或者也可以不是物理上分开的，作为模块显示的部件可以是或者也可以不是物理模块，即可以位于一个地方，或者也可以分布到多个网络模块上。可以根据实际的需要选择其中的部分或者全部模块来实现本实施例方案的目的。

另外，在本申请各个实施例中的各功能模块可以集成在一个处理模块中，也可以是各个模块单独物理存在，也可以两个或两个以上模块集成在一个模块中。上述集成的模块既可以采用硬件的形式实现，也可以采用软件功能模块的形式实现。

集成的模块如果以软件功能模块的形式实现并作为独立的产品销售或使用时，可以存储在一个计算机可读存储介质中。基于这样的理解，本发明的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的全部或部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质中，执行本发明各个实施例所述方法的全部或部分步骤。

为此，本发明实施例还提供一种计算机可读存储介质，该计算机可读存储介质上存储有计算机程序，计算机程序被处理器执行时实现如web前端组件的测试方法的步骤。

该计算机可读存储介质可以包括：U盘、移动硬盘、只读存储器ROM(Read-OnlyMemory)、随机存取存储器RAM(Random Access Memory)、磁碟或者光盘等各种可以存储程序代码的介质。

本实施例中提供的计算机可读存储介质所包含的计算机程序能够在被处理器执行时实现如上所述的web前端组件的测试方法的步骤，效果同上。

以上对本发明所提供的一种web前端组件的测试方法、测试装置、测试设备及计算机可读存储介质进行了详细介绍。说明书中各个实施例采用递进的方式描述，每个实施例重点说明的都是与其他实施例的不同之处，各个实施例之间相同相似部分互相参见即可。对于实施例公开的装置、设备及计算机可读存储介质而言，由于其与实施例公开的方法相对应，所以描述的比较简单，相关之处参见方法部分说明即可。应当指出，对于本技术领域的普通技术人员来说，在不脱离本发明原理的前提下，还可以对本发明进行若干改进和修饰，这些改进和修饰也落入本发明权利要求的保护范围内。

还需要说明的是，在本说明书中，诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来，而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。

Claims (10)

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

当web前端的组件被修改后，调用预设扫描工具扫描与修改后的组件同一根目录下的引用所述修改后的组件的目标文件；

调用与所述修改后的组件和所述目标文件对应的目标测试用例；

利用所述目标测试用例对所述修改后的组件和所述目标文件进行测试；

判断各所述目标测试用例是否执行成功；

如果否，则输出与所述修改后的组件对应的报错信息。

2.根据权利要求1所述的测试方法，其特征在于，所述调用预设扫描工具扫描与修改后的组件同一根目录下的引用所述修改后的组件的目标文件，具体为：

调用所述预设扫描工具在所述根目录下扫描得到包含所述修改后的组件的唯一标识的文件，得到所述目标文件。

3.根据权利要求1所述的测试方法，其特征在于，所述当web前端的组件被修改后，调用预设扫描工具扫描与修改后的组件同一根目录下的引用所述修改后的组件的目标文件，具体为：

当接收到对所述web前端的组件的编辑保存信息时，调用所述预设扫描工具扫描与所述修改后的组件同一根目录下的引用所述修改后的组件的目标文件。

4.根据权利要求1所述的测试方法，其特征在于，所述利用所述目标测试用例对所述修改后的组件和所述目标文件进行测试，具体包括：

利用与所述修改后的组件对应的目标测试用例对所述修改后的组件进行测试，并判断是否测试通过；

如果是，则进行其他所述目标测试用例的测试；

如果否，则输出与所述修改后的组件对应的报错信息。

5.根据权利要求1所述的测试方法，其特征在于，当存在未执行成功的目标测试用例时，还包括：

输出所述未执行成功的测试用例的信息，以及与所述未执行成功的测试用例对应的目标文件。

6.根据权利要求1所述的测试方法，其特征在于，当各所述测试用例均执行成功时，还包括：

输出所述修改后的组件修改成功的信息。

7.根据权利要求1所述的测试方法，其特征在于，还包括：

记录各所述目标测试用例的测试结果，生成所述修改后的组件的测试报告。

8.一种web前端组件的测试装置，其特征在于，包括：

扫描单元，用于当web前端的组件被修改后，调用预设扫描工具扫描与修改后的组件同一根目录下的引用所述修改后的组件的目标文件；

调用单元，用于调用与所述修改后的组件和所述目标文件对应的目标测试用例；

测试单元，用于利用所述目标测试用例对所述修改后的组件和所述目标文件进行测试；

判断单元，用于判断各所述目标测试用例是否执行成功；如果否，则进入输出单元；

所述输出单元，用于输出与所述修改后的组件对应的报错信息。

9.一种web前端组件的测试设备，其特征在于，包括：

存储器，用于存储指令，所述指令包括权利要求1至7任意一项所述web前端组件的测试方法的步骤；

处理器，用于执行所述指令。

10.一种计算机可读存储介质，其上存储有计算机程序，其特征在于，所述计算机程序被处理器执行时实现如权利要求1至7任意一项所述web前端组件的测试方法的步骤。

Images