CN115543835A - 前端页面的测试方法、装置、测试设备及存储介质 - Google Patents

Abstract

本申请涉及测试技术领域，特别涉及一种前端页面的测试方法、装置、测试设备及存储介质，其中，方法包括：获取目标前端页面的测试请求；根据测试请求启动测试脚本，利用测试脚本对目标前端页面执行预设点击动作，并获取目标前端页面执行预设点击动作后的执行图，并利用测试脚本中的预设判断图对执行图进行匹配；若任意执行图片为预设判断图，则判定目标前端页面执行对应点击动作时处于预设异常状态，判定目标前端页面测试不合格，否则判定目标前端页面测试合格。由此，解决了相关技术中测试脚本编写复杂，测试效率低，用户使用难度较高，体验差等问题。

Description

前端页面的测试方法、装置、测试设备及存储介质

技术领域

本申请涉及测试技术领域，特别涉及一种前端页面的测试方法、装置、测试设备及存储介质。

背景技术

在测试技术领域中，对于前端页面的测试，传统的测试模式基本上是人工手动在页面上进行操作，同时相关技术人员还需要维护大量的测试用例与测试数据，然而对于一个成熟的系统或者系统中成熟的模块，前端页面的主体业务逻辑基本上已经固定，即使变动也只是一些细节元素位置，但是每次系统的迭代更新，相关技术人员都要进行大量的重复测试操作，导致大量的精力和时间成本被浪费。

相关技术中，对于前端页面的测试实现了自动化，但是基本都是定位前端页面的html标签的方法，且编写自动化脚本较为复杂，使用难度较高，测试效率低下，用户体验不佳。

发明内容

本申请提供一种前端页面的测试方法、装置、车辆及存储介质，以解决相关技术中测试脚本编写复杂，测试效率低，用户使用难度较高，体验差等问题。

本申请第一方面实施例提供一种前端页面的测试方法，包括以下步骤：获取目标前端页面的测试请求；根据所述测试请求启动测试脚本，利用所述测试脚本对所述目标前端页面执行预设点击动作，并获取所述目标前端页面执行所述预设点击动作后的执行图，并利用所述测试脚本中的预设判断图对所述执行图进行匹配；若任意执行图片为所述预设判断图，则判定所述目标前端页面执行对应点击动作时处于预设异常状态，判定所述目标前端页面测试不合格，否则判定所述目标前端页面测试合格。

根据上述技术手段，本申请实施例可以利用测试脚本对前端页面进行测试，通过匹配测试所得的执行图与预设判断图是否相同，判定前端页面的测试是否合格，打破了传统模式的人工手工操作，利用图像匹配的方式进行自动化测试，实现了自动化测试的高效性，节省了测试成本，降低了自动化测试方法的使用难度。由此，解决了相关技术中测试脚本编写复杂，测试效率低，用户使用难度较高，体验差等问题。

可选地，在本申请的一个实施例中，在根据所述测试请求启动测试脚本之前，还包括：获取所述目标前端页面的测试需求；根据所述测试需求和预设脚本编写规则编写所述目标前端页面的一个或多个点击动作，并定位每个点击动作的点击坐标，截取所述目标前端页面中一个或多个目标按钮的点击图片和所述目标前端页面执行点击动作后变化特征满足预设条件的一个或多个预设判断图；根据所述每个点击动作的点击坐标、每个目标按钮的点击图片和每个判断图生成所述测试脚本。

根据上述技术手段，本申请实施例可以根据获取的目标前端页面的测试需求和预设编写脚本编写点击动作，并定位点击坐标，然后截取目标按钮的点击图片和目标前端页面执行点击动作后变化特征满足预设条件的预设判断图，基于所有的点击动作、点击图片和判断图生成测试脚本，通过创建测试脚本的方法，避免了人工操作的复杂性，简化了测试脚本编写的难度，从而提高了测试的效率。

可选地，在本申请的一个实施例中，所述预设脚本编写规则包括鼠标的每个点击动作和键盘中的每个预设按键对应不同的预设操作符。

可选地，在本申请的一个实施例中，在判定所述目标前端页面执行对应点击动作时处于预设异常状态之后，还包括：根据目标前端页面执行对应点击动作的预设异常状态生成异常提示，并发送所述异常提醒至预设终端。

根据上述技术手段，本申请实施例可以将目标前端页面测试生成的异常提示发送到预设终端，便于相关技术人员快速了解异常情况并及时修改，提升了用户的测试体验。

本申请第二方面实施例提供一种前端页面的测试装置，包括：获取模块，用于获取目标前端页面的测试请求；测试模块，用于根据所述测试请求启动测试脚本，利用所述测试脚本对目前前端页面执行预设点击动作，并获取所述目标前端页面执行所述预设点击动作后的执行图，并利用所述测试脚本中的预设判断图对所有执行图进行匹配；判定模块，用于若任意执行图片为所述预设判断图，则判定所述目标前端页面执行对应点击动作时处于预设异常状态，判定所述目标前端页面测试不合格，否则判定所述目标前端页面测试合格。

可选地，在本申请的一个实施例中，前端页面的测试装置还包括：创建模块，用于在根据所述测试请求启动测试脚本之前，获取所述目标前端页面的测试需求；根据所述测试需求和预设脚本编写规则编写所述目标前端页面的一个或多个点击动作，并定位每个点击动作的点击坐标，截取所述目标前端页面中一个或多个目标按钮的点击图片和所述目标前端页面执行点击动作后变化特征满足预设条件的一个或多个预设判断图；根据所述每个点击动作的点击坐标、每个目标按钮的点击图片和每个判断图生成所述测试脚本。

可选地，在本申请的一个实施例中，所述预设脚本编写规则包括鼠标的每个点击动作和键盘中的每个预设按键对应不同的预设操作符。

可选地，在本申请的一个实施例中，前端页面的测试装置还包括：提示模块，用于在判定所述目标前端页面执行对应点击动作时处于预设异常状态之后，根据目标前端页面执行对应点击动作的预设异常状态生成异常提示，并发送所述异常提醒至预设终端。

本申请第三方面实施例提供一种测试设备，包括：存储器、处理器及存储在所述存储器上并可在所述处理器上运行的计算机程序，所述处理器执行所述程序，以实现如上述实施例所述的前端页面的测试方法。

本申请第四方面实施例提供一种计算机可读存储介质，其上存储有计算机程序，该程序被处理器执行，以用于实现如上述实施例所述的前端页面的测试方法。

由此，本申请至少具有如下有益效果：

1、本申请实施例可以利用测试脚本对前端页面进行测试，通过匹配测试所得的执行图与预设判断图是否相同，判定前端页面的测试是否合格，打破了传统模式的人工手工操作，利用图像匹配的方式进行自动化测试，实现了自动化测试的高效性，节省了测试成本，降低了自动化测试方法的使用难度。由此，解决了相关技术中测试脚本编写复杂，测试效率低，用户使用难度较高，体验差等问题。

2、本申请实施例可以根据获取的目标前端页面的测试需求和预设编写脚本编写点击动作，并定位点击坐标，然后截取目标按钮的点击图片和目标前端页面执行点击动作后变化特征满足预设条件的预设判断图，基于所有的点击动作、点击图片和判断图生成测试脚本，通过创建测试脚本的方法，避免了人工操作的复杂性，简化了测试脚本编写的难度，从而提高了测试的效率。

3、本申请实施例可以将目标前端页面测试生成的异常提示发送到预设终端，便于相关技术人员快速了解异常情况并及时修改，提升了用户的测试体验。

由此，解决了相关技术中测试脚本编写复杂，测试效率低，用户使用难度较高，体验差等技术问题。

本申请附加的方面和优点将在下面的描述中部分给出，部分将从下面的描述中变得明显，或通过本申请的实践了解到。

附图说明

本申请上述的和/或附加的方面和优点从下面结合附图对实施例的描述中将变得明显和容易理解，其中：

图1为根据本申请实施例提供的一种前端页面的测试方法的流程图；

图2为根据具体实施例提供的一种前端页面的测试方法的执行流程图；

图3为根据本申请实施例提供的一种前端页面的测试装置的示例图；

图4为根据本申请实施例的测试设备的结构示意图。

附图标记说明：获取模块-100、测试模块-200、判定模块-300、存储器-401、处理器-402、通信接口-403。

具体实施方式

下面详细描述本申请的实施例，实施例的示例在附图中示出，其中自始至终相同或类似的标号表示相同或类似的元件或具有相同或类似功能的元件。下面通过参考附图描述的实施例是示例性的，旨在用于解释本申请，而不能理解为对本申请的限制。

下面参考附图描述本申请实施例的前端页面的测试方法、装置、测试设备及存储介质。针对上述背景技术中提到的问题，本申请提供了一种前端页面的测试方法，在该方法中，通过获取目标前端页面的测试请求，根据测试请求启动测试脚本，利用测试脚本对目标前端页面执行预设点击动作，并获取目标前端页面执行预设点击动作后的执行图，并利用测试脚本中的预设判断图对执行图进行匹配，若任意执行图片为预设判断图，则判定目标前端页面执行对应点击动作时处于预设异常状态，判定目标前端页面测试不合格，否则判定目标前端页面测试合格。由此，解决了相关技术中测试脚本编写复杂，测试效率低，用户使用难度较高，体验差等问题。

具体而言，图1为本申请实施例所提供的一种前端页面的测试方法的流程示意图。

如图1所示，该前端页面的测试方法包括以下步骤：

在步骤S101中，获取目标前端页面的测试请求。

其中，获取请求的方式有多种，如通过屏幕等人机交互界面进行人机交互，再如通过智能语音系统进行人机对话等，不作具体限定。

其中，前端页面由三个层次构成，分别为：结构层、样式层、行为层。

结构层为该页面的基础HTML(Hyper Text Markup Language，超文本标记语言)代码。

样式层为指示结构化HTML文档如何看待网站的访问者，并由CSS(CascadingStyle Sheets，层叠样式表)定义。

行为层为允许页面响应用户操作或基于一组条件进行更改。

在步骤S102中，根据测试请求启动测试脚本，利用测试脚本对目标前端页面执行预设点击动作，并获取目标前端页面执行预设点击动作后的执行图，并利用测试脚本中的预设判断图对执行图进行匹配。

其中，测试脚本可以为进行自动化测试而编写的程序指令，可以被自动化测试工具执行。

其中，预设点击动作可以根据实际情况进行设置，不作具体限定，且将在以下实施例进行阐述，此处不做过多描述。

其中，预设判断图可以为用户根据预设点击动作执行后页面发生变化的显著的特征作为判断图。

可以理解的是，利用测试脚本测试目标前端页面获取执行图，并与预设判断图进行匹配，打破了传统模式的人工手工操作，利用图像匹配的方式进行自动化测试，实现了自动化测试的高效性，节省了测试成本，降低了自动化测试方法的使用难度。

可选地，在本申请的一个实施例中，在根据测试请求启动测试脚本之前，还包括：获取目标前端页面的测试需求；根据测试需求和预设脚本编写规则编写目标前端页面的一个或多个点击动作，并定位每个点击动作的点击坐标，截取目标前端页面中一个或多个目标按钮的点击图片和目标前端页面执行点击动作后变化特征满足预设条件的一个或多个预设判断图；根据每个点击动作的点击坐标、每个目标按钮的点击图片和每个判断图生成测试脚本。

其中，预设脚本编写规则、点击动作将在下面实施例进行解释说明，此处不做过多描述。

其中，关于脚本编写的详细方法如下：首先需要了解的是脚本执行动作编号需要加一个#再加上内容才可以正确的执行。接下来对脚本执行动作进行一一说明：

1.点击某处按钮则编写为1#anniu.jpg，其中anniu.jpg为目标按钮的截图。

2.双击某处同样为2#tu.jpg，tu.jpg为目标点击处的截图。

3.右键单击与左键单击使用方法一致。

4.右键双击与左键双击使用方法一致。

5.鼠标滚轮使用方法为5#200，200为向上移动200格(向下移动200格则为-200)，一格在win10的64位机上为1.125个像素点。

6.拖动光标的使用方法为6#10,30>200,500，将鼠标从坐标点(10，30)移动到坐标点(200，500)，由于屏幕分辨率不同，所以在程序中会根据当前屏幕的分辨率进行重新计算。

7.左键点击指定位置的使用方法为7#50,100，其中50,100为屏幕中点位的横纵坐标。

8.条件执行的使用方法为8#tu.jpg&6#10,30>200,500&7#50,100*5#200，这段执行语句的表达的意思为如果在页面中找到tu.jpg所显示的内容则将鼠标从坐标点(10,30)移动到坐标点(200,500)否则点击坐标点(10,30)这个位置过后向上滚动200格；也是说找到tu.jpg的内容执行两个&符号中间的语句，否则执行第二个&过后的语句。

9.按一下键盘的使用方法为a#enter，意为按一下回车键。

10.按住键盘的某键的使用方法为b#ctrlleft，意为按住键盘上的左控制/Ctrl键。

11.松开键盘的某键使用方法为c#ctrlleft，意为松开键盘上的左控制/Ctrl键。

12.输入内容的使用方法为d#你好。

13.打字不支持中文输入，其使用方法为e#good。

14.重复动作的使用方法为重复2次＝5#200，意为重复两次向上移动200格。

15.等待的使用方法为0#5，意为等待5秒。

16.控制台命令使用方法为cmd#cd E:\lib，意为将执行目录切换到E盘下的lib目录；还需要补充的一点就是如果该条语句有结果判断，拿点击动作举例，1#annniu.jpg#pict.jpg,pict.jpg为动作执行点击按钮结束后的结果判断图。

可以理解的是，本申请实施例可以根据获取的目标前端页面的测试需求和预设编写脚本编写点击动作，并定位点击坐标，然后截取目标按钮的点击图片和目标前端页面执行点击动作后变化特征满足预设条件的预设判断图，基于所有的点击动作、点击图片和判断图生成测试脚本，通过创建测试脚本的方法，避免了人工操作的复杂性，简化了测试脚本编写的难度，从而提高了测试的效率。

可选地，在本申请的一个实施例中，预设脚本编写规则包括鼠标的每个点击动作和键盘中的每个预设按键对应不同的预设操作符。

如表1所示，点击动作规范如下：左键单击对应的操作符为1；左键双对应的操作符为2；右键单击对应的操作符为3；右键双击对应的操作符为4；鼠标滚轮对应的操作符为5；拖动光标对应的操作符为6；左键点击指定位置对应的操作符为7；条件执行对应的操作符为8；按一下键盘某键对应的操作符为a；持续按住键盘某键对应的操作符为b；松开键盘某键对应的操作符为c；输入内容对应的操作符为d；打字对应的操作符为e；重复动作对应的操作符为重复N次(N为阿拉伯数字)；等待对应的操作符为0；控制台命令对应的操作符为cmd。其中，表1为脚本中动作及其编号表。

表1

如表2所示，关于脚本中的键盘规范如下：回车对应的操作符为enter or\n；退出/ESC对应的操作符为esc；左Shift对应的操作符为shiftleft；右Shift对应的操作符为shilfright；左Alt对应的操作符为altleft；右Alt对应的操作符为alrtight；左Ctrl对应的操作符为ctrlleft；右Ctrl对应的操作符为ctrlright；制表/Tab对应的操作符为tabor\t；空格键对应的操作符为backspace；删除/Delete对应的操作符为delete；上页/Pg up对应的操作符为pageup；下页/Pg dn对应的操作符为pagedown；起始/Home对应的操作符为home；结束/End对应的操作符为end；↑对应的操作符为up；→对应的操作符为right；←对应的操作符为left；↓对应的操作符为down；F1-F12对应的操作符为f1-f12；Pause对应的操作符为pause；Caps Lock对应的操作符为capslock；Num Lock对应的操作符为numlock；Scroll Lock对应的操作符为scrolllock；Print Sc对应的操作符为printscreen；插入/Insert对应的操作符为insert；左Win键对应的操作符为winleft；右Win键对应的操作符为winright。其中，表2为脚本中键盘键位及其编号表。

表2

在步骤S103中，若任意执行图片为预设判断图，则判定目标前端页面执行对应点击动作时处于预设异常状态，判定目标前端页面测试不合格，否则判定目标前端页面测试合格。

其中，预设异常状态可以为预先设定的目标前端页面的异常状态。

可以理解的是，通过将任意执行图片与预设判断图进行对比，从而判定出目标前端页面测试是否合格，实现了自动化测试的高效性，节省了测试成本，降低了自动化测试方法的使用难度。

可选地，在本申请的一个实施例中，在判定目标前端页面执行对应点击动作时处于预设异常状态之后，还包括：根据目标前端页面执行对应点击动作的预设异常状态生成异常提示，并发送异常提醒至预设终端。

其中，预设终端可以为人为设定的接受数据的终端，如用户的邮箱等，不作具体限定。

可以理解的是，本申请实施例可以将目标前端页面测试生成的异常提示发送到预设终端，便于相关技术人员快速了解异常情况并及时修改，提升了用户的测试体验。

根据本申请实施例提出的前端页面的测试方法，通过获取目标前端页面的测试请求，根据测试请求启动测试脚本，利用测试脚本对目标前端页面执行预设点击动作，并获取目标前端页面执行预设点击动作后的执行图，并利用测试脚本中的预设判断图对执行图进行匹配，若任意执行图片为预设判断图，则判定目标前端页面执行对应点击动作时处于预设异常状态，判定目标前端页面测试不合格，否则判定目标前端页面测试合格。由此，解决了相关技术中测试脚本编写复杂，测试效率低，用户使用难度较高，体验差等问题。

下面通过一个具体实施例对根据本申请实施例提出的前端页面的测试方法作进一步详细说明，如图2所示，包括以下步骤：

步骤1：自动化测试脚本规划，在这个阶段需要就是规划后续脚本中所执行的动作以及所执行动作中需要点击的坐标或者按钮或者需要输入的内容。其中执行动作需要点击的坐标可以打开自动化测试工具使用工具的获取坐标的功能再移动光标即可获得需要点击的坐标的准确数字；其次对于需要点击图片可以通过本机自带的截图工具截取图片过后将图片命名好然后放入自动化测试工具的同目录下的img文件夹中。对于判断图，用户可以根据该动作执行后页面发生变化的显著的特征作为判断图，并且将截取好的图片命名后放入pict文件夹下。

步骤2：自动化测试脚本的编写，脚本的主要内容就是如上文中所描述的点击、输入等动作，但是需要补充的一点就是在脚本中输入执行动作之前需要输入用户的邮箱以及脚本所使用的邮箱账号和密码信息之间用#分割，这样以便于在页面发生异常事件时在第一时间通知用户。这样过后就可以开始编写脚本了，并且将脚本命名为autotest.txt文件放在自动化测试工具的同目录下。

步骤3：自动化脚本的执行，直接点击目录下的exe文件就可以打开自动化测试工具，用户可以设定自动化测试于什么时间过后开始，若不进行设定则默认时间后开启执行。脚本开始执行后用户可以等脚本执行完结束执行也可以由用户手动点击停止动作。无论是脚本执行完所有的语句还是用户手动停止执行脚本，自动化测试工具都会输出一份关于脚本每个执行动作结果的执行报告。

由此，解决了相关技术中测试脚本编写复杂，测试效率低，用户使用难度较高，体验差等问题。

其次参照附图描述根据本申请实施例提出的前端页面的测试装置。

图3是本申请实施例的前端页面的测试装置的方框示意图。

如图3所示，该前端页面的测试装置10包括：获取模块100、测试模块200和判定模块300。

其中，获取模块100，用于获取目标前端页面的测试请求；测试模块200，用于根据测试请求启动测试脚本，利用测试脚本对目前前端页面执行预设点击动作，并获取目标前端页面执行预设点击动作后的执行图，并利用测试脚本中的预设判断图对所有执行图进行匹配；判定模块300，用于若任意执行图片为预设判断图，则判定目标前端页面执行对应点击动作时处于预设异常状态，判定目标前端页面测试不合格，否则判定目标前端页面测试合格。

可选地，在本申请的一个实施例中，本申请实施例的装置10还包括：创建模块。

其中，创建模块，用于在根据测试请求启动测试脚本之前，获取目标前端页面的测试需求；根据测试需求和预设脚本编写规则编写目标前端页面的一个或多个点击动作，并定位每个点击动作的点击坐标，截取目标前端页面中一个或多个目标按钮的点击图片和目标前端页面执行点击动作后变化特征满足预设条件的一个或多个预设判断图；根据每个点击动作的点击坐标、每个目标按钮的点击图片和每个判断图生成测试脚本。

可选地，在本申请的一个实施例中，预设脚本编写规则包括鼠标的每个点击动作和键盘中的每个预设按键对应不同的预设操作符。

可选地，在本申请的一个实施例中，本申请实施例的装置10还包括：提示模块。

其中，提示模块，用于在判定目标前端页面执行对应点击动作时处于预设异常状态之后，根据目标前端页面执行对应点击动作的预设异常状态生成异常提示，并发送异常提醒至预设终端。

需要说明的是，前述对前端页面的测试方法实施例的解释说明也适用于该实施例的前端页面的测试装置，此处不再赘述。

根据本申请实施例提出的前端页面的测试装置，通过获取目标前端页面的测试请求，根据测试请求启动测试脚本，利用测试脚本对目标前端页面执行预设点击动作，并获取目标前端页面执行预设点击动作后的执行图，并利用测试脚本中的预设判断图对执行图进行匹配，若任意执行图片为预设判断图，则判定目标前端页面执行对应点击动作时处于预设异常状态，判定目标前端页面测试不合格，否则判定目标前端页面测试合格。由此，解决了相关技术中测试脚本编写复杂，测试效率低，用户使用难度较高，体验差等问题。

图4为本申请实施例提供的测试设备的结构示意图。该测试设备可以包括：

存储器401、处理器402及存储在存储器401上并可在处理器402上运行的计算机程序。

处理器402执行程序时实现上述实施例中提供的前端页面的测试方法。

进一步地，测试设备还包括：

通信接口403，用于存储器401和处理器402之间的通信。

存储器401，用于存放可在处理器402上运行的计算机程序。

存储器401可能包含高速RAM(Random Access Memory，随机存取存储器)存储器，也可能还包括非易失性存储器，例如至少一个磁盘存储器。

如果存储器401、处理器402和通信接口403独立实现，则通信接口403、存储器401和处理器402可以通过总线相互连接并完成相互间的通信。总线可以是ISA(IndustryStandard Architecture，工业标准体系结构)总线、PCI(Peripheral Component，外部设备互连)总线或EISA(Extended Industry Standard Architecture，扩展工业标准体系结构)总线等。总线可以分为地址总线、数据总线、控制总线等。为便于表示，图4中仅用一条粗线表示，但并不表示仅有一根总线或一种类型的总线。

可选的，在具体实现上，如果存储器401、处理器402及通信接口403，集成在一块芯片上实现，则存储器401、处理器402及通信接口403可以通过内部接口完成相互间的通信。

处理器402可能是一个CPU(Central Processing Unit，中央处理器)，或者是ASIC(Application Specific Integrated Circuit，特定集成电路)，或者是被配置成实施本申请实施例的一个或多个集成电路。

本申请实施例还提供一种计算机可读存储介质，其上存储有计算机程序，该程序被处理器执行时实现如上的前端页面的测试方法。

在本说明书的描述中，参考术语“一个实施例”、“一些实施例”、“示例”、“具体示例”、或“一些示例”等的描述意指结合该实施例或示例描述的具体特征、结构、材料或者特点包含于本申请的至少一个实施例或示例中。在本说明书中，对上述术语的示意性表述不是必须针对的是相同的实施例或示例。而且，描述的具体特征、结构、材料或者特点可以在任一个或N个实施例或示例中以合适的方式结合。此外，在不相互矛盾的情况下，本领域的技术人员可以将本说明书中描述的不同实施例或示例以及不同实施例或示例的特征进行结合和组合。

此外，术语“第一”、“第二”仅用于描述目的，而不能理解为指示或暗示相对重要性或者隐含指明所指示的技术特征的数量。由此，限定有“第一”、“第二”的特征可以明示或者隐含地包括至少一个该特征。在本申请的描述中，“N个”的含义是至少两个，例如两个，三个等，除非另有明确具体的限定。

流程图中或在此以其他方式描述的任何过程或方法描述可以被理解为，表示包括一个或更N个用于实现定制逻辑功能或过程的步骤的可执行指令的代码的模块、片段或部分，并且本申请的优选实施方式的范围包括另外的实现，其中可以不按所示出或讨论的顺序，包括根据所涉及的功能按基本同时的方式或按相反的顺序，来执行功能，这应被本申请的实施例所属技术领域的技术人员所理解。

应当理解，本申请的各部分可以用硬件、软件、固件或它们的组合来实现。在上述实施方式中，N个步骤或方法可以用存储在存储器中且由合适的指令执行系统执行的软件或固件来实现。如，如果用硬件来实现和在另一实施方式中一样，可用本领域公知的下列技术中的任一项或他们的组合来实现：具有用于对数据信号实现逻辑功能的逻辑门电路的离散逻辑电路，具有合适的组合逻辑门电路的专用集成电路，可编程门阵列，现场可编程门阵列等。

本技术领域的普通技术人员可以理解实现上述实施例方法携带的全部或部分步骤是可以通过程序来指令相关的硬件完成，的程序可以存储于一种计算机可读存储介质中，该程序在执行时，包括方法实施例的步骤之一或其组合。

尽管上面已经示出和描述了本申请的实施例，可以理解的是，上述实施例是示例性的，不能理解为对本申请的限制，本领域的普通技术人员在本申请的范围内可以对上述实施例进行变化、修改、替换和变型。

Claims (10)

1.一种前端页面的测试方法，其特征在于，包括以下步骤：

获取目标前端页面的测试请求；

根据所述测试请求启动测试脚本，利用所述测试脚本对所述目标前端页面执行预设点击动作，并获取所述目标前端页面执行所述预设点击动作后的执行图，并利用所述测试脚本中的预设判断图对所述执行图进行匹配；

若任意执行图片为所述预设判断图，则判定所述目标前端页面执行对应点击动作时处于预设异常状态，判定所述目标前端页面测试不合格，否则判定所述目标前端页面测试合格。

2.根据权利要求1所述的方法，其特征在于，在根据所述测试请求启动测试脚本之前，还包括：

获取所述目标前端页面的测试需求；

根据所述测试需求和预设脚本编写规则编写所述目标前端页面的一个或多个点击动作，并定位每个点击动作的点击坐标，截取所述目标前端页面中一个或多个目标按钮的点击图片和所述目标前端页面执行点击动作后变化特征满足预设条件的一个或多个预设判断图；

根据所述每个点击动作的点击坐标、每个目标按钮的点击图片和每个判断图生成所述测试脚本。

3.根据权利要求2所述的方法，其特征在于，所述预设脚本编写规则包括鼠标的每个点击动作和键盘中的每个预设按键对应不同的预设操作符。

4.根据权利要求1所述的方法，其特征在于，在判定所述目标前端页面执行对应点击动作时处于预设异常状态之后，还包括：

根据目标前端页面执行对应点击动作的预设异常状态生成异常提示，并发送所述异常提醒至预设终端。

5.一种前端页面的测试装置，其特征在于，包括：

获取模块，用于获取目标前端页面的测试请求；

测试模块，用于根据所述测试请求启动测试脚本，利用所述测试脚本对目前前端页面执行预设点击动作，并获取所述目标前端页面执行所述预设点击动作后的执行图，并利用所述测试脚本中的预设判断图对所有执行图进行匹配；

判定模块，用于若任意执行图片为所述预设判断图，则判定所述目标前端页面执行对应点击动作时处于预设异常状态，判定所述目标前端页面测试不合格，否则判定所述目标前端页面测试合格。

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

创建模块，用于在根据所述测试请求启动测试脚本之前，获取所述目标前端页面的测试需求；根据所述测试需求和预设脚本编写规则编写所述目标前端页面的一个或多个点击动作，并定位每个点击动作的点击坐标，截取所述目标前端页面中一个或多个目标按钮的点击图片和所述目标前端页面执行点击动作后变化特征满足预设条件的一个或多个预设判断图；根据所述每个点击动作的点击坐标、每个目标按钮的点击图片和每个判断图生成所述测试脚本。

7.根据权利要求6所述的装置，其特征在于，所述预设脚本编写规则包括鼠标的每个点击动作和键盘中的每个预设按键对应不同的预设操作符。

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

提示模块，用于在判定所述目标前端页面执行对应点击动作时处于预设异常状态之后，根据目标前端页面执行对应点击动作的预设异常状态生成异常提示，并发送所述异常提醒至预设终端。

9.一种测试设备，其特征在于，包括：存储器、处理器及存储在所述存储器上并可在所述处理器上运行的计算机程序，所述处理器执行所述程序，以实现如权利要求1-4任一项所述的前端页面的测试方法。

10.一种计算机可读存储介质，其上存储有计算机程序，其特征在于，该程序被处理器执行，以用于实现如权利要求1-4任一项所述的前端页面的测试方法。

Images