前端自动化测试方法及装置与流程

1.本发明涉及网络安全技术领域，尤其涉及一种前端自动化测试方法及装置。


背景技术：

2.目前，很多网站登录时都需要输入图形类验证码，前端进行自动化测试时，由于不能一个一个图形进行识别，为了实现批量自动化测试，会采用一个万能验证码，即预先在后台设置一个固定的验证码，前端只要填入这个验证码，不论是否与实际验证码一致，都能通过验证。但采用万能验证码，需要对后台的代码做修改，增加了开发人员的工作量。并且测试与开发不能分离，测试前后，开发人员均需介入，测试完毕后，开发人员必须再次删除后台修改的代码，这样就导致测试效率比较低下。


技术实现要素：

3.本发明实施例提供一种前端自动化测试方法，用以自动录入图形类验证码，提高测试效率，该方法包括：
4.接收用户界面测试请求；
5.根据用户界面测试请求，确定需要输入图形类验证码时，定位图形类验证码元素的位置；
6.根据图形类验证码元素的位置，对图形类验证码进行截图，得到验证码截图；
7.利用文字识别技术，对验证码截图中的验证码进行识别，得到识别结果，录入识别结果。
8.具体实施例中，根据用户界面测试请求，确定需要输入图形类验证码，包括：
9.根据用户界面测试请求，确定待检测网页的地址；
10.根据待检测网页的地址，在待检测网页的前端页面中，查找是否存在图形类验证码元素；
11.若存在图形类验证码元素，确定需要输入图形类验证码。
12.相应地，具体实施例中，定位图形类验证码元素的位置，包括：
13.确定需要输入图形类验证码时，在待检测网页的前端页面中，确定图形类验证码元素的id标识；
14.根据图形类验证码元素的id标识，定位图形类验证码元素在待检测网页中的位置。
15.具体实施例中的前端自动化测试方法，还包括：
16.录入识别结果后，监控录入验证结果；
17.若录入验证结果错误，根据用户界面测试请求，确定待检测网页的地址；
18.根据待检测网页的地址，从待检测网页下载图形类验证码的原文件；
19.将所述原文件转码，得到预设格式的图片文件，利用文字识别技术，对预设格式的图片文件进行识别，得到验证码的识别结果，重新录入识别结果。
20.本发明实施例还提供一种前端自动化测试装置，用以动录入图形类验证码，提高测试效率，该装置包括：
21.请求接收模块，用于接收用户界面测试请求；
22.验证码定位模块，用于根据用户界面测试请求，确定需要输入图形类验证码时，定位图形类验证码元素的位置；
23.验证码截图模块，用于根据图形类验证码元素的位置，对图形类验证码进行截图，得到验证码截图；
24.文字识别模块，用于利用文字识别技术，对验证码截图中的验证码进行识别，得到识别结果，录入识别结果。
25.具体实施过程中，所述验证码定位模块，具体用于：
26.根据用户界面测试请求，确定待检测网页的地址；
27.根据待检测网页的地址，在待检测网页的前端页面中，查找是否存在图形类验证码元素；
28.若存在图形类验证码元素，确定需要输入图形类验证码。
29.相应地，具体实施时，所述验证码定位模块，具体用于：
30.确定需要输入图形类验证码时，在待检测网页的前端页面中，确定图形类验证码元素的id标识；
31.根据图形类验证码元素的id标识，定位图形类验证码元素在待检测网页中的位置。
32.本发明具体实施例中提供的前端自动化测试装置，还包括：错误校正模块，用于：
33.录入识别结果后，监控录入验证结果；
34.若录入验证结果错误，根据用户界面测试请求，确定待检测网页的地址；
35.根据待检测网页的地址，从待检测网页下载图形类验证码的原文件；
36.将所述原文件转码，得到预设格式的图片文件，利用文字识别技术，对预设格式的图片文件进行识别，得到验证码的识别结果，重新录入识别结果。
37.本发明实施例还提供一种计算机设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，所述处理器执行所述计算机程序时实现上述前端自动化测试方法。
38.本发明实施例也提供一种计算机可读存储介质，所述计算机可读存储介质存储有执行上述前端自动化测试方法的计算机程序。
39.本发明实施例中，通过接收用户界面测试请求；根据用户界面测试请求，确定需要输入图形类验证码时，定位图形类验证码元素的位置；根据图形类验证码元素的位置，对图形类验证码进行截图，得到验证码截图；利用文字识别技术，对验证码截图中的验证码进行识别，得到识别结果，录入识别结果。通过对验证码进行定位后截图，对截图进行文字识别，得到图形类验证码的识别结果，从而能针对不同的图形类验证码，填入对应的识别结果，即使是批量前端自动化测试也能够自动录入图形类验证码，从而提高了测试效率；且相较于万能验证码的现有技术，无需更改后台代码，使得开发和测试能够独立工作，进而提高测试效率。
附图说明
40.为了更清楚地说明本发明实施例的技术方案，下面将对实施例描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。
41.图1为本发明实施例中前端自动化测试方法的示意图。
42.图2为本发明具体实施例中根据用户界面测试请求，确定需要输入图形类验证码的实现过程示意图。
43.图3为本发明具体实施例中定位图形类验证码元素的位置的实现过程示意图。
44.图4为本发明具体实施例中前端自动化测试方法的示意图。
45.图5为本发明实施例中前端自动化测试装置示意图。
46.图6为本发明具体实施例中前端自动化测试装置的示意图。
具体实施方式
47.下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。
48.本发明实施例提供了一种前端自动化测试方法，用以自动录入图形类验证码，提高测试效率，如图1所示，该方法包括：
49.步骤101：接收用户界面测试请求；
50.步骤102：根据用户界面测试请求，确定需要输入图形类验证码时，定位图形类验证码元素的位置；
51.步骤103：根据图形类验证码元素的位置，对图形类验证码进行截图，得到验证码截图；
52.步骤104：利用文字识别技术，对验证码截图中的验证码进行识别，得到识别结果，录入识别结果。
53.由图1所示流程可以得知，本发明实施例中，通过接收用户界面测试请求；根据用户界面测试请求，确定需要输入图形类验证码时，定位图形类验证码元素的位置；根据图形类验证码元素的位置，对图形类验证码进行截图，得到验证码截图；利用文字识别技术，对验证码截图中的验证码进行识别，得到识别结果，录入识别结果。通过对验证码进行定位后截图，对截图进行文字识别，得到图形类验证码的识别结果，从而能针对不同的图形类验证码，填入对应的识别结果，即使是批量前端自动化测试也能够自动录入图形类验证码，从而提高了测试效率；且相较于万能验证码的现有技术，无需更改后台代码，使得开发和测试能够独立工作，进而提高测试效率。
54.具体实施时，首先接收用户界面测试请求(ui请求)，根据用户界面测试请求，确定需要输入图形类验证码时，定位图形类验证码元素的位置。具体实施时，根据用户界面测试请求，确定需要输入图形类验证码的过程，如图2所示，包括：
55.步骤201：根据用户界面测试请求，确定待检测网页的地址；
56.步骤202：根据待检测网页的地址，在待检测网页的前端页面中，查找是否存在图形类验证码元素；
57.步骤203：若存在图形类验证码元素，确定需要输入图形类验证码。
58.每个网页的前端页面中包含很多元素，每个元素对应网页中的一部分，如果在待检测网页的前端页面中发现存在图形类验证码元素，则证明本次测试需要输入图形类验证码。
59.具体实施例中，定位图形类验证码元素的位置的过程，如图3所示，包括：
60.步骤301：确定需要输入图形类验证码时，在待检测网页的前端页面中，确定图形类验证码元素的id标识；
61.步骤302：根据图形类验证码元素的id标识，定位图形类验证码元素在待检测网页中的位置。
62.具体实施时，前端页面中的每个元素都有对应的id标识，且id标识能够表征该元素在整个网页中的位置，包括位置坐标和该元素的长和宽。因此，根据图形类验证码元素的id标识，即可定位图形类验证码元素在待检测网页中的位置。
63.定位图形类验证码元素的位置后，根据图形类验证码元素的位置，对图形类验证码进行截图，得到验证码截图。
64.利用文字识别技术，对验证码截图中的验证码进行识别，得到识别结果，录入识别结果。具体实施例中，一般直接调用成熟的文字识别组件，即可对验证码截图中的验证码进行识别，例如具体实施例中使用的是百度图像识别软件，截图为jpg格式，直接输入该识别软件，即可得到识别结果。调用文字识别api来读取截图的图片，直接返回识别得到的文字。
65.具体实施例中，可能会存在识别结果不正确的情况，可重新对图形类验证码进行截图，得到新的验证码截图，重新进行文字识别，重复几次以便能够识别到正确的结果。
66.但如果重复多次，可预设一个次数上限(例如3次)，一旦重复次数超过该上限，还没有识别到正确的结果，则可能是验证码截图不够清晰的缘故。为了应对这种情况，具体实施例中，还提供一种前端自动化测试方法，如图4所示，在图1的基础上，还包括：
67.步骤401：录入识别结果后，监控录入验证结果；
68.步骤402：若录入验证结果错误，根据用户界面测试请求，确定待检测网页的地址；
69.步骤403：根据待检测网页的地址，从待检测网页下载图形类验证码的原文件；
70.步骤404：将上述原文件转码，得到预设格式的图片文件，利用文字识别技术，对预设格式的图片文件进行识别，得到验证码的识别结果，重新录入识别结果。
71.由于一般网站上的图形类验证码的原文件大多是gif格式，没办法直接进行文字识别，在下载图形类验证码的原文件后，要对原文件转码，转换成jpg或其他可识别的格式，转码结束后，重新进行识别，得到验证码的识别结果，重新录入识别结果。
72.基于同一发明构思，本发明实施例还提供一种前端自动化测试装置，由于前端自动化测试装置所解决问题的原理与前端自动化测试方法相似，因此前端自动化测试装置的实施可以参见前端自动化测试方法的实施，重复之处不再赘述，具体结构如图5所示：
73.请求接收模块501，用于接收用户界面测试请求；
74.验证码定位模块502，用于根据用户界面测试请求，确定需要输入图形类验证码时，定位图形类验证码元素的位置；
75.验证码截图模块503，用于根据图形类验证码元素的位置，对图形类验证码进行截图，得到验证码截图；
76.文字识别模块504，用于利用文字识别技术，对验证码截图中的验证码进行识别，得到识别结果，录入识别结果。
77.具体实施例中，验证码定位模块502，具体用于：
78.根据用户界面测试请求，确定待检测网页的地址；
79.根据待检测网页的地址，在待检测网页的前端页面中，查找是否存在图形类验证码元素；
80.若存在图形类验证码元素，确定需要输入图形类验证码。
81.进一步地，具体实施时，验证码定位模块502，具体用于：
82.确定需要输入图形类验证码时，在待检测网页的前端页面中，确定图形类验证码元素的id标识；
83.根据图形类验证码元素的id标识，定位图形类验证码元素在待检测网页中的位置。
84.具体实施例中，还提供一种前端自动化测试装置，如图6所示，在图5的基础上，还包括：错误校正模块601，用于：
85.录入识别结果后，监控录入验证结果；
86.若录入验证结果错误，根据用户界面测试请求，确定待检测网页的地址；
87.根据待检测网页的地址，从待检测网页下载图形类验证码的原文件；
88.将上述原文件转码，得到预设格式的图片文件，利用文字识别技术，对预设格式的图片文件进行识别，得到验证码的识别结果，重新录入识别结果。
89.本发明实施例还提供一种计算机设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，所述处理器执行所述计算机程序时实现上述前端自动化测试方法。
90.本发明实施例也提供一种计算机可读存储介质，所述计算机可读存储介质存储有执行上述前端自动化测试方法的计算机程序。
91.综上所述，本发明实施例提供的前端自动化测试方法及装置具有如下优点：
92.通过接收用户界面测试请求；根据用户界面测试请求，确定需要输入图形类验证码时，定位图形类验证码元素的位置；根据图形类验证码元素的位置，对图形类验证码进行截图，得到验证码截图；利用文字识别技术，对验证码截图中的验证码进行识别，得到识别结果，录入识别结果。通过对验证码进行定位后截图，对截图进行文字识别，得到图形类验证码的识别结果，从而能针对不同的图形类验证码，填入对应的识别结果，即使是批量前端自动化测试也能够自动录入图形类验证码，从而提高了测试效率；且相较于万能验证码的现有技术，无需更改后台代码，使得开发和测试能够独立工作，进而提高测试效率。
93.虽然本发明提供了如实施例或流程图所述的方法操作步骤，但基于常规或者无创造性的劳动可以包括更多或者更少的操作步骤。实施例中列举的步骤顺序仅仅为众多步骤执行顺序中的一种方式，不代表唯一的执行顺序。在实际中的装置或客户端产品执行时，可以按照实施例或者附图所示的方法顺序执行或者并行执行(例如并行处理器或者多线程处理的环境)。
94.本领域技术人员应明白，本说明书的实施例可提供为方法、装置(系统)或计算机程序产品。因此，本说明书实施例可采用完全硬件实施例、完全软件实施例或结合软件和硬件方面的实施例的形式。而且，本发明可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、cd
‑
rom、光学存储器等)上实施的计算机程序产品的形式。
95.本发明是参照根据本发明实施例的方法、装置(系统)和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器，使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。
96.这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中，使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品，该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。
97.这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上，使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理，从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。
98.本说明书中的各个实施例均采用递进的方式描述，各个实施例之间相同相似的部分互相参见即可，每个实施例重点说明的都是与其他实施例的不同之处。尤其，对于系统实施例而言，由于其基本相似于方法实施例，所以描述的比较简单，相关之处参见方法实施例的部分说明即可。在本文中，诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来，而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者设备所固有的要素。术语“上”、“下”等指示的方位或位置关系为基于附图所示的方位或位置关系，仅是为了便于描述本发明和简化描述，而不是指示或暗示所指的装置或元件必须具有特定的方位、以特定的方位构造和操作，因此不能理解为对本发明的限制。除非另有明确的规定和限定，术语“安装”、“相连”、“连接”应做广义理解，例如，可以是固定连接，也可以是可拆卸连接，或一体地连接；可以是机械连接，也可以是电连接；可以是直接相连，也可以通过中间媒介间接相连，可以是两个元件内部的连通。对于本领域的普通技术人员而言，可以根据具体情况理解上述术语在本发明中的具体含义。需要说明的是，在不冲突的情况下，本发明中的实施例及实施例中的特征可以相互组合。本发明并不局限于任何单一的方面，也不局限于任何单一的实施例，也不局限于这些方面和/或实施例的任意组合和/或置换。而且，可以单独使用本发明的每个方面和/或实施例或者与一个或更多其他方面和/或其实施例结合使用。
99.最后应说明的是：以上各实施例仅用以说明本发明的技术方案，而非对其限制；尽
管参照前述各实施例对本发明进行了详细的说明，本领域的普通技术人员应当理解：其依然可以对前述各实施例所记载的技术方案进行修改，或者对其中部分或者全部技术特征进行等同替换；而这些修改或者替换，并不使相应技术方案的本质脱离本发明各实施例技术方案的范围，其均应涵盖在本发明的权利要求和说明书的范围当中。