页面测试方法、装置、介质以及电子设备与流程

1.本公开涉及计算机技术领域，具体地，涉及一种页面测试方法、装置、介质以及电子设备。


背景技术：

2.随着互联网技术的高速发展，前端页面的数量以及复杂性日趋增长，这也给页面测试工作带来了不小的挑战。虽然在相关技术中，能够使用测试工具对页面进行测试，但是这些测试工具只能对页面进行随机点击，无法对页面进行充分、准确且高效的测试。


技术实现要素：

3.提供该发明内容部分以便以简要的形式介绍构思，这些构思将在后面的具体实施方式部分被详细描述。该发明内容部分并不旨在标识要求保护的技术方案的关键特征或必要特征，也不旨在用于限制所要求的保护的技术方案的范围。
4.第一方面，本公开提供一种页面测试方法，包括：
5.访问第一页面，并对所述第一页面进行截图，获得第一截图；
6.根据所述第一页面中包括的各个元素对应的元素路径，在所述第一页面中定位目标元素，并对所述第一页面中的所述目标元素执行目标操作；
7.对第二页面进行截图，获得第二截图，其中所述第二页面是对所述第一页面中的所述目标元素执行所述目标操作后展示的页面；
8.根据所述第一截图以及所述第二截图，确定所述第一页面的第一测试结果。
9.第二方面，本公开提供一种页面测试装置，包括：
10.第一截图模块，被配置为访问第一页面，并对所述第一页面进行截图，获得第一截图；
11.定位模块，被配置为根据所述第一页面中包括的各个元素对应的元素路径，在所述第一页面中定位目标元素，并对所述第一页面中的所述目标元素执行目标操作；
12.第二截图模块，被配置为对第二页面进行截图，获得第二截图，其中所述第二页面是对所述第一页面中的所述目标元素执行所述目标操作后展示的页面；
13.确定模块，被配置为根据所述第一截图以及所述第二截图，确定所述第一页面的第一测试结果。
14.第三方面，本公开提供一种计算机可读介质，其上存储有计算机程序，该程序被处理装置执行时实现第一方面所述方法的步骤。
15.第四方面，本公开提供一种电子设备，包括：
16.存储装置，其上存储有计算机程序；
17.处理装置，用于执行所述存储装置中的所述计算机程序，以实现第一方面所述方法的步骤。
18.基于上述技术方案，通过访问第一页面并对第一页面进行截图获得第一截图，然
后根据第一页面中包括的各个元素对应的元素路径，在第一页面中定位目标元素，并对第一页面中的所述目标元素执行目标操作，以及对第二页面进行截图，获得第二截图，最后根据第一截图以及第二截图，确定第一页面的第一测试结果，由于获得了第一页面中包括的各个元素对应的元素路径，则可以对第一页面中的每一个元素进行准确的定位以及测试，以保证第一页面中的每一个元素都能够得到准确的测试，使得页面测试能够充分、准确且高效。
19.本公开的其他特征和优点将在随后的具体实施方式部分予以详细说明。
附图说明
20.结合附图并参考以下具体实施方式，本公开各实施例的上述和其他特征、优点及方面将变得更加明显。贯穿附图中，相同或相似的附图标记表示相同或相似的元素。应当理解附图是示意性的，原件和元素不一定按照比例绘制。在附图中：
21.图1是根据一示例性实施例示出的一种页面测试方法的流程图。
22.图2是根据一示例性实施例示出的确定元素路径的流程图。
23.图3是根据一示例性实施例示出的第一页面的示意图。
24.图4是根据另一示例性实施例示出的页面测试方法的流程图。
25.图5是根据又一示例性实施例示出的页面测试方法的流程图。
26.图6是根据另一示例性实施例示出的页面测试方法的流程图。
27.图7是根据又一示例性实施例示出的页面测试方法的流程图。
28.图8是根据一示例性实施例示出的页面测试装置的模块连接示意图。
29.图9是根据一示例性实施例示出的电子设备的结构示意图。
具体实施方式
30.下面将参照附图更详细地描述本公开的实施例。虽然附图中显示了本公开的某些实施例，然而应当理解的是，本公开可以通过各种形式来实现，而且不应该被解释为限于这里阐述的实施例，相反提供这些实施例是为了更加透彻和完整地理解本公开。应当理解的是，本公开的附图及实施例仅用于示例性作用，并非用于限制本公开的保护范围。
31.应当理解，本公开的方法实施方式中记载的各个步骤可以按照不同的顺序执行，和/或并行执行。此外，方法实施方式可以包括附加的步骤和/或省略执行示出的步骤。本公开的范围在此方面不受限制。
32.本文使用的术语“包括”及其变形是开放性包括，即“包括但不限于”。术语“基于”是“至少部分地基于”。术语“一个实施例”表示“至少一个实施例”；术语“另一实施例”表示“至少一个另外的实施例”；术语“一些实施例”表示“至少一些实施例”。其他术语的相关定义将在下文描述中给出。
33.需要注意，本公开中提及的“第一”、“第二”等概念仅用于对不同的装置、模块或单元进行区分，并非用于限定这些装置、模块或单元所执行的功能的顺序或者相互依存关系。
34.需要注意，本公开中提及的“一个”、“多个”的修饰是示意性而非限制性的，本领域技术人员应当理解，除非在上下文另有明确指出，否则应该理解为“一个或多个”。
35.本公开实施方式中的多个装置之间所交互的消息或者信息的名称仅用于说明性
的目的，而并不是用于对这些消息或信息的范围进行限制。
36.可以理解的是，在使用本公开各实施例公开的技术方案之前，均应当依据相关法律法规通过恰当的方式对本公开所涉及个人信息的类型、使用范围、使用场景等告知用户并获得用户的授权。
37.例如，在响应于接收到用户的主动请求时，向用户发送提示信息，以明确地提示用户，其请求执行的操作将需要获取和使用到用户的个人信息。从而，使得用户可以根据提示信息来自主地选择是否向执行本公开技术方案的操作的电子设备、应用程序、服务器或存储介质等软件或硬件提供个人信息。
38.作为一种可选的但非限定性的实现方式，响应于接收到用户的主动请求，向用户发送提示信息的方式例如可以是弹窗的方式，弹窗中可以以文字的方式呈现提示信息。此外，弹窗中还可以承载供用户选择“同意”或者“不同意”向电子设备提供个人信息的选择控件。
39.可以理解的是，上述通知和获取用户授权过程仅是示意性的，不对本公开的实现方式构成限定，其它满足相关法律法规的方式也可应用于本公开的实现方式中。
40.同时，可以理解的是，本技术方案所涉及的数据(包括但不限于数据本身、数据的获取或使用)应当遵循相应法律法规及相关规定的要求。
41.图1是根据一示例性实施例示出的一种页面测试方法的流程图。如图1所示，本公开实施例提供一种页面测试方法，该方法可以通过电子设备执行，具体可以是通过一种页面测试装置来执行，该装置可以由软件和/或硬件的方式实现，配置于电子设备中。如图1所示，该方法可以包括以下步骤。
42.在步骤110中，访问第一页面，并对第一页面进行截图，获得第一截图。
43.这里，第一页面可以是需要进行测试的网页页面，也可以是需要测试的应用程序(application)的页面。在本公开实施例中，将主要以网页页面的测试进行举例说明，但并不意味着本公开实施例提供的页面测试方法仅能用于网页页面的测试。
44.示例性地，电子设备可以通过浏览器，基于第一页面的统一资源定位符(uniform resource locator，url)访问第一页面，并在第一页面的页面内容稳定后，对第一页面进行截图，获得第一截图。
45.应当理解的是，针对第一页面的第一截图，该第一截图用于表征第一页面的页面初始状态。即第一截图表示还未对第一页面执行任何操作(包括点选、输入等等操作)的页面状态。
46.在步骤120中，根据第一页面中包括的各个元素对应的元素路径，在第一页面中定位目标元素，并对第一页面中的目标元素执行目标操作。
47.这里，第一页面中包括的元素是指网页页面中包括的文本、图像、动画、声音、视频、控件等等。其中，控件可以包括按钮、滑块、下拉框、文本框、单选按钮、多选框和日期选择器等等。针对第一页面中的每一个元素，该元素均存在一个对应的元素路径。应当理解的是，第一页面中的元素的元素路径可以是指该元素在第一页面的层级结构树(document object model tree，dom树)中的路径。其中，层级结构树是指网页文档中所有元素的层次结构。每个html(hyper text markup language，超文本标记语言)标记、文本节点和属性都作为一个节点在dom树中表示，它们都是一个对象，可以通过javascript(一种具有函数优
先的轻量级，解释型或即时编译型的编程语言)或其他脚本语言进行访问和操作。dom树从网页的根节点开始，逐级向下表示网页的结构。
48.例如，元素路径可以表示为：
49.body:nth-child(2)》div:nth-child(2)》div:nth-child(1)》header:nth-chil d(1)》div:nth-child(1)》div:nth-child(1)》div:nth-child(1)》div:nth-child(1)》di v:nth-child(1)》app-launcher:nth-child(1)》app-launcher-preset-tr igger:nth-child(1)。
50.值得说明的是，第一页面的层级结构树可以通过第一页面的源代码来确定。而且，通过元素路径可以在第一页面中唯一定位到该元素路径对应的元素。
51.目标元素可以是第一页面中的至少一个需要进行测试的元素，或者目标元素可以是本次测试所针对的元素。电子设备根据第一页面中包括的各个元素对应的元素路径，确定目标元素对应的元素路径，并基于该目标元素对应的元素路径，在第一页面中定位目标元素的位置信息，并基于定位到的目标元素的位置信息对该目标元素进行测试。
52.示例性地，对目标元素进行测试可以是对目标元素执行目标操作。其中，目标操作是与目标元素的类型相关的操作。例如，在目标元素为可点击控件时，目标操作为点击，则可以点击该目标元素，以测试该目标元素是否能够被正常点击。又例如，在目标元素为文本输入框时，目标操作为输入文本，则可以在该目标元素中输入文本，以测试该目标元素是否能够正常输入文本。
53.在步骤130中，对第二页面进行截图，获得第二截图。
54.这里，第二页面是对第一页面中的目标元素执行目标操作后展示的页面。对第二页面进行截图是指对第一页面中的目标元素执行完目标操作后呈现的第二页面进行截图。
55.应当理解的是，第二页面可以是一个新的url指向的页面。例如，在目标元素为超链接按钮的情况下，点击第一页面中的该目标元素，则会切换至其他页面，该其他页面则为第二页面。当然，第二页面也可以是指第一页面，即在对第一页面中的目标元素执行目标操作时，未跳转至其他页面，而是第一页面的内容发生变化，则第二页面还是第一页面。例如，目标元素为点选框，对应的目标操作是点击，点击第一页面中的点选框，第一页面变更为第二页面。进而，对第二页面进行截图是指对点击该点选框之后的第一页面呈现的内容进行截图，以根据获得第二截图判断该点选框是否能够被正常点选。
56.值得说明的是，第二截图用于表征执行完目标操作的第一页面的内容变化。例如，在目标元素为文本输入框时，目标操作为输入文本，通过第二截图可以反映该文本输入框是否能够正常输入文本。
57.在步骤140中，根据第一截图以及第二截图，确定第一页面的第一测试结果。
58.这里，可以对第一截图以及第二截图进行对比，获得第一页面的第一测试结果。其中，第一测试结果可以表示目标元素是否能够被正常操作，和/或第一测试结果可以用于表示执行完目标操作的第一页面是否满足页面设计要求。
59.值得说明的是，为了保证第一页面中的每一个元素均能够得到测试，并且保证测试一个元素的过程中不被其他元素影响，可以通过上述步骤110至步骤140对第一页面包括的每一个元素进行遍历测试。例如，第一页面包括100个元素，则可以按照元素排列顺序从100个元素中选取一个目标元素，然后在选取到的元素为可操作元素的情况下，执行步骤
110至步骤140。然后，重新按照元素排列顺序从100个元素中选取一个新的目标元素，并再次根据步骤110至步骤140对选取到的新的目标元素进行测试，直至第一页面的100个元素全部被测试完。
60.其中，可操作元素指能够响应于用户的触发操作，执行对应操作的元素。例如，可操作元素可以是按钮、滑块、下拉框、文本框、单选按钮、多选框和日期选择器等等控件。在选取到的元素为可操作元素的情况下，执行步骤110至步骤140，是由于在目标元素为可操作元素的情况下，对目标元素执行目标操作才会导致第一页面的内容发生变化，若选取到的元素不是可操作元素，表示选取到的元素无法响应于用户的触发操作做出对应的状态变化，对此，可以不对该选取到的元素进行测试。例如，在选取到的元素为静态图片或者文字，即使对该静态图片或者文字进行点击也无法使其发生状态变化，则不对静态图片或者文字进行测试。
61.由此，通过访问第一页面并对第一页面进行截图获得第一截图，然后根据第一页面中包括的各个元素对应的元素路径，在第一页面中定位目标元素，并对第一页面中的所述目标元素执行目标操作，以及对第二页面进行截图，获得第二截图，最后根据第一截图以及第二截图，确定第一页面的第一测试结果，由于获得了第一页面中包括的各个元素对应的元素路径，则可以对第一页面中的每一个元素进行准确的定位以及测试，以保证第一页面中的每一个元素都能够得到准确的测试，使得页面测试能够充分、准确且高效。
62.值得说明的是，上述步骤110至步骤140可以由部署于电子设备上的页面测试系统执行，即页面测试系统能够执行上述步骤110至步骤140提供的页面测试方法对页面进行测试。
63.图2是根据一示例性实施例示出的确定元素路径的流程图。如图2所示，可以通过以下步骤确定第一页面中包括的各个元素对应的元素路径。
64.在步骤210中，访问第一页面，并对第一页面进行截图，获得第三截图。
65.这里，可以通过浏览器访问，基于第一页面的url，访问第一页面，并在第一页面的页面内容稳定后，对第一页面进行截图，获得第三截图。
66.值得说明的是，步骤210可以是在步骤110之前执行的。即可以在执行步骤110之前，预先通过步骤210至步骤230确定第一页面中包括的各个元素对应的元素路径。
67.当然，在其他实时方式中，步骤210也可以是上述步骤110。即在执行步骤110之后，可以将第一截图作为第三截图，然后执行后续的步骤220至步骤230，获得元素路径。
68.在步骤220中，对第三截图进行目标检测，确定第一页面中包括的各个元素对应的元素坐标信息。
69.这里，对第三截图进行目标检测可以是通过目标检测框对第三截图进行关键目标检测，从而在第三截图中找到第一页面包括的所有元素以及确定各个元素对应的元素坐标信息。其中，该元素坐标信息是指各个元素在第一页面的页面坐标系中的坐标信息。该页面坐标系可以是以第一页面中的任意一点为坐标原点构建的二维坐标系。
70.图3是根据一示例性实施例示出的第一页面的示意图。如图3所示，对第一页面进行目标检测，每一目标检测框(如图3中的虚线框)中的内容为第一页面中的一个元素。值得说明的是，图3中的文字、图形仅表示为页面中的一个元素，与本公开的技术方案无关。
71.应当理解的是，元素对应的元素坐标信息可以通过虚线框的左上角点以及右下角
点的坐标来表示。当然，元素对应的元素坐标信息也可以通过虚线框的中点坐标来表示。
72.在一些实施例中，可以将第三截图输入目标检测模型，获得目标检测模型输出的第一页面中包括的各个元素对应的元素坐标信息。其中，该目标检测模型可以是利用训练样本图像对机器学习模型进行训练而获得的。该训练样本图像可以是标记有每一元素的位置的页面。
73.在步骤230中，根据各个元素对应的元素坐标信息，结合第一页面的层级结构树，确定第一页面中包括的各个元素对应的元素路径。
74.这里，可以根据确定到的元素对应的元素坐标信息，确定该元素在第一页面中对应的对象(在html中，对象表示将网页中的每一个元素转换为一个对象)。
75.具体地，可以是通过向浏览器注入document.elementfrompoint(x,y)的脚本来获得元素在第一页面中对应的对象。其中，document.elementfrompoint()为用于根据坐标获得元素的函数，(x,y)为元素对应的元素坐标信息。
76.然后，通过确定到的元素在第一页面中对应的对象，在第一页面的层级结构树(dom树)，查找得到元素的元素路径。应当理解的是，在dom树中，对象是dom树的一个节点。因此，可以通过在dom树中查找元素在第一页面中对应的对象的父节点，直至查找至dom树的根节点，查找到的所有父节点以及元素在第一页面中对应的对象之间的路径为元素路径。
77.例如，元素路径可以表示为：
78.body:nth-child(2)》div:nth-child(2)》div:nth-child(1)》header:nth-chil d(1)》div:nth-child(1)》div:nth-child(1)》div:nth-child(1)》div:nth-child(1)》di v:nth-child(1)》app-launcher:nth-child(1)》app-launcher-preset-tr igger:nth-child(1)。
79.其中，app-launcher-preset-trigger:nth-child(1)为元素。
80.由此，通过对第三截图进行目标检测，确定第一页面中包括的各个元素对应的元素坐标信息，并根据各个元素对应的元素坐标信息，结合第一页面的层级结构树，确定第一页面中包括的各个元素对应的元素路径，可以保证第一页面的每一个元素均能够被测试到，且通过该元素路径，能够在测试的过程中准确定位到对应的元素。
81.在一些可以实现的实施方式中，可以通过前缀树算法对各个元素对应的元素路径进行剪枝，获得优化后的元素路径。其中，前缀树算法是将一个“最小”单位的数据看成是一个节点到另一个节点的路径。每个节点具有两个属性，一个是所有数据经过这个节点的次数pass，另一个是这个节点作为结束位置的次数end。
82.通过前缀树算法可以将第一页面中包括的各个元素对应的元素路径中重复的路径进行去除，以避免重复的元素路径对测试造成干扰。例如，在第一页面中确定到100个元素路径，100个元素路径实际上指向80个元素，则说明存在20个元素路径是重复的元素路径，通过前缀树算法则可以去除重复的20个元素路径。
83.在一些可以实现的实施方式中，步骤210中，电子设备可以接收消息中间件发送的测试消息，根据测试消息中的统一资源定位符，访问第一页面，并对第一页面进行截图，获得第三截图。
84.这里，测试消息包括第一页面的统一资源定位符。消息中间件被配置为在正在测
试的页面的数量小于预设数量阈值的情况下，发送测试消息。其中，电子设备可以通过页面测试系统接收消息中间件发送的测试消息，并根据测试消息中的统一资源定位符，通过浏览器访问该统一资源定位符对应的第一页面，并对第一页面进行截图，获得第三截图。
85.电子设备可以将需要测试的第一页面对应的测试消息发送至消息中间件，消息中间件通过分布式限速器查询页面测试系统正在测试的页面的数量，若该数量小于预设数量阈值，则向页面测试系统发送一条测试消息，以使页面测试系统测试该测试消息对应的第一页面。若大于或等于预设数量阈值，则将测试消息标记为延迟消息，在页面测试系统正在测试的页面数量小于预设数量阈值的情况下，再向页面测试系统发送延迟消息。其中，预设数量阈值可以设置为4，当然预设数量阈值也可以根据实际情况进行设置。
86.示例性地，消息中间件可以为rocketmq。其中，rocketmq为一款分布式消息中间件。
87.电子设备通过页面测试系统获取到消息中间件发送的测试消息之后，电子设备对测试消息进行反序列化，获得测试消息中的统一资源定位符。然后，电子设备可以向分布式缓存(redis)查询该统一资源定位符对应的页面是否已经测试过，若已经测试过，则确认向消息中间发送ack(acknowledge character，确认字符)。若未测试过，则进一步查询该统一资源定位符对应的测试任务是否已经被删除，若未被删除，则开始对该统一资源定位符对应的页面进行测试。即根据该统一资源定位符，访问对应的第一页面，并对第一页面进行截图，获得第三截图。
88.值得说明的是，通过消息中间件发送测试消息，可以将测试消息发送至不同的电子设备，进行分布式的页面测试，即一个测试任务可以分布在多个电子设备的实例上进行异步执行。从而在显著缩短页面测试时间以及维持高效率的同时，也能够保证页面结果的幂等性。而且，消息中间件通过在正在测试的页面的数量小于预设数量阈值的情况下，发送测试消息，也能够页面测试访问并发限制在预设数量阈值下，可以平衡测试速度和对被测系统的压力。
89.由此，通过消息中间件，可以控制同时进行测试的页面的数量，以减轻系统的测试压力，而且也能够使得页面测试能够分布式执行，从而提高测试速度。
90.值得说明的是，页面测试系统可以设置在多个分布式服务器中，消息中间件则可以将测试消息发送中不同的分布式服务器中，以使多个分布式服务器能够同时对不同的页面进行测试。
91.在一些可以实现的实施方式中，可以从页面列表中选取第一页面，根据选取到的第一页面对应的统一资源定位符，构建测试消息，并将该测试消息发送至消息中间件。
92.这里，页面列表包括多个待测试页面及其对应的统一资源定位符。电子设备可以从页面列表中依次选取url，根据选取到的url以及其他必要参数，构建测试消息，并将测试消息发送至消息中间件。
93.作为一些示例，页面列表中的url可以是根据需要测试的前端页面的锚标签(anchor)来确定的。在html的页面中，通常使用锚标签来指向网页。例如，通过在锚标签的超文本链接(href)中填写网址链接的方式来进行网页跳转，如《a href＝xxx指向网址链接xxx。因此，可以抓取测试的前端页面的锚标签，并根据锚标签指向的网址链接来确定该前端页面包括的url，进而根据确定到的url构建页面列表。
94.作为又一些示例，可以获取从数据库中获取历史测试任务对应的url，进而根据获取到的url构建页面列表。例如，在历史测试任务a中对多个url进行了测试，则该多个url可以作为当前测试的页面列表中的url。
95.作为另一些示例，可以通过预设的url模板来构建页面列表。例如，可以通过展示url模板，以使用户在url模板中填写一个或多个url，用户填写的url即为需要测试的页面。
96.值得说明的是，从页面列表中选取第一页面可以是根据页面列表中多个待测试页面的排列顺序，依次选取一个页面作为第一页面，直至页面列表中的待测试页面被选取完毕。
97.由此，通过从页面列表中依次选取第一页面，根据选取到的第一页面的url生成测试消息，并且将测试消息发送至消息中间件，从而可以使得页面测试能够分布式执行，并且保证页面测试的有序性、稳定性。
98.值得说明的是，在上述实施方式中，每生成一条测试消息，则用于计数生产的redis自增加1。页面测试系统每消费一条消息中间件中的测试消息，则用于计数消费的redis自增加1。当计数到的消费次数大于或等于计数到的生产次数，则表示页面列表中的所有待测试页面均已被测试完毕。
99.在一些可以实现的实施方式中，在对第一页面中的目标元素执行目标操作的过程中，若目标元素指向新的页面、且新的页面对应的统一资源定位符满足预设条件，则将新的页面添加进页面列表中。
100.这里，目标元素指向新的页面是指对目标元素执行目标操作时，从一个页面跳转指另一个页面。例如，在目标元素为超链接按钮时，通过点击该目标元素，会跳转至另一个页面。应当理解的是，若目标元素指向新的页面，则表示在页面测试过程中出现了其他需要进行测试的页面。此时，如果新的页面对应的url满足预设条件，则可以将新的页面添加进页面列表中，从而可以首先对该新的页面进行测试。
101.其中，预设条件可以是新的页面对应的url不在页面列表中。即该新的页面不是已经测试过的页面，也不是页面列表中还未测试的页面。
102.由此，通过将新的页面添加进页面列表中，可以对测试过程中出现的新的页面也进行滚动测试，以保证页面测试的充分性。
103.下面结合附图4对上述实施方式进行详细说明。
104.图4是根据另一示例性实施例示出的页面测试方法的流程图。如图4所示，页面测试方法可以包括以下步骤：
105.s401，从页面列表中依次选取第一页面；
106.s402，根据选取到的第一页面对应的统一资源定位符，构建测试消息；
107.s403，将测试消息发送至消息中间件；
108.s404，判断正在测试的页面的数量是否小于预设数量阈值；
109.s405，若小于预设数量阈值，则控制消息中间件将测试消息发送至页面测试系统；
110.s406，页面测试系统确定测试消息对应的第一页面中包括的各个元素对应的元素路径；
111.s407，根据元素路径对第一页面中的元素进行测试；
112.s408，在页面测试系统对第一页面中的目标元素执行目标操作的过程中，若目标
元素指向新的页面、且新的页面对应的统一资源定位符满足预设条件，将新的页面添加进页面列表中。
113.应当理解的是，关于上述步骤s401至s408的详细描述，可以参照上述实施方式，在此不再赘述。
114.在一些可以实现的实施方式中，第一测试结果包括目标元素的可操作信息、第一截图、第二截图以及页面内容异常信息中的至少一种。
115.其中，目标元素的可操作信息用于表示目标元素能够响应于目标操作而做出动作。例如，若目标元素对应的目标操作为点击，若目标元素能够响应点击，则可操作信息表示目标元素能够被正常点击。页面内容异常信息用于表示执行完目标操作之后的第一页面的内容是否存在异常。
116.在一些可以实现的实施方式中，可以在第一截图以及第二截图之间的相似度小于预设相似度阈值的情况下，记录目标元素的可操作信息；和/或记录第一截图和/或第二截图；和/或通过异常检测模型对第二截图的页面内容进行异常检测，获得页面内容异常信息。
117.这里，第一截图以及第二截图之间的相似度小于预设相似度阈值，表示在对第一页面的目标元素执行目标操作时，目标元素能够响应于目标操作而做出动作，引起第一页面的内容发生变化。若第一截图以及第二截图之间的相似度大于或等于预设相似度阈值，则表示在对第一页面的目标元素执行目标操作时，目标元素未响应于目标操作而做出动作，第一页面的内容未发生变化。其中，预设相似度阈值可以为100％。即第一截图以及第二截图之间的相似度若小于100％，对目标元素执行目标操作引起了第一页面的内容变化。
118.在第一截图以及第二截图之间的相似度小于预设相似度阈值的情况下，表示第一页面的内容发生变化，目标元素能够响应目标操作，则可以记录目标元素的可操作信息。示例性地，可以数据库写入目标元素的可操作信息。该数据库可以为mysql(一个关系型数据库管理系统)。
119.在第一截图以及第二截图之间的相似度小于预设相似度阈值的情况下，表示第一页面的内容发生变化，目标元素能够响应目标操作，则记录第一截图和/或第二截图，以在后续的测试验证阶段能够根据记录到的第一截图和/或第二截图来对第一页面的测试进行回顾或者验证。示例性地，可以将第一截图和/或第二截图上传至对象存储服务器，该对象存储服务器可以是tos(tinder object storage，是一种分布式云存储服务)。
120.在第一截图以及第二截图之间的相似度小于预设相似度阈值的情况下，表示第一页面的内容发生变化，目标元素能够响应目标操作，则可以通过异常检测模型对第二截图进行异常检测，获得页面内容异常信息。
121.作为一些示例，页面内容异常信息可以包括语言异常信息，相应地，异常检测模型可以对第二截图的语言进行检测，获得语言异常信息。
122.其中，语言异常信息用于表示第二截图中存在异常的语言。例如，假设第一页面是针对英语这一语言环境而开发的页面，如果在页面中出现出英语之外的语言，很大程度上是页面出错，因此，通过对第二截图的语言进行检测，可以识别出页面中出现的异常语言，从而确定页面可能出现的错误。
123.作为又一些示例，页面内容异常信息可以包括用于表征页面内容是否存在异常的
信息，相应地，异常检测模型可以对第二截图的页面内容进行检测，获得页面内容异常信息。
124.其中，页面内容异常信息可以包括用于表征第一页面出现特定图像的第一信息、用于表征文本输入存在异常的第二信息、用于表征页面白屏的第三信息以及用于表征第一页面是否存在水印的第四信息中的至少一种。例如，特定图像可以包括报错弹窗、loading(加载)图标等等。第一页面出现特定图像表示虽然目标元素能够响应目标操作，但是目标元素响应于目标操作并未呈现正常的页面，即第一页面的目标元素存在错误。应当理解的是，异常检测模型可以是对第二截图进行目标检测，以确定第二截图中是否存在特定图像，获得第一信息。
125.用于表征文本输入存在异常的第二信息表示第一页面的目标元素的输入存在问题，虽然目标元素能够响应于目标操作实现文本输入，但是该目标元素可能无法正常输入文本。应当理解的是，异常检测模型可以是对第二截图的文本框内容进行检查，获得第二信息。
126.用于表征页面白屏的第三信息表示第一页面的目标元素无法正常显示页面。例如，在点击目标元素时，目标元素无法正常跳转页面而显示白屏页面。应当理解的是，异常检测模型可以是对第二截图的像素进行识别，以确定第二截图是否为白屏页面，获得第三信息。
127.用于表征第一页面是否存在水印的第四信息表示页面是否符合前端页面设计规范。应当理解的是，异常检测模型可以是对第二截图进行水印检测，以确定第二截图是否存在水印，获得第四信息。
128.值得说明的是，上述异常检测模型可以是利用标记有页面内容异常信息的页面截图对机器学习模型进行训练而获得的。其中，机器学习模型可以是神经网络模型。
129.应当理解的是，页面内容异常信息可以存储在mysql。
130.图5是根据又一示例性实施例示出的页面测试方法的流程图。如图5所示，本公开实施例提供的又一页面测试方法可以包括以下步骤。
131.在步骤510中，创建多个浏览器，并为各浏览器分配由该浏览器进行测试的至少一个目标元素。
132.这里，每一浏览器相当于一个进程，为各浏览器分配由该浏览器进行测试的至少一个目标元素是指将第一页面中包括的所有元素分配至多个浏览器进行测试，以在进程级别上对第一页面进行并行测试。
133.例如，假设第一页面包括100个元素，创建的浏览器个数为4，则可以为每一浏览器分配25个元素。该25个元素为每一浏览器需要进行测试的目标元素。
134.在步骤520中，针对分配给任一浏览器的任一目标元素，通过该浏览器访问第一页面，并在目标元素为可操作元素的情况下，对第一页面进行截图，获得第一截图。
135.这里，多个浏览器可以并行对分配给该浏览器的目标元素进行测试。针对每一浏览器，浏览器访问第一页面，从分配给该浏览器的目标元素中选取一个目标元素，在目标元素为可操作元素的情况下，对第一页面进行截图，获得第一截图。
136.值得说明的是，可以通过向mysql查询目标元素是否为可操作元素。其中，mysql中存储有不同元素的类型信息以及该元素对应的目标操作。
137.在步骤530中，针对分配给任一浏览器的任一目标元素，根据目标元素对应的元素路径，在第一页面中定位目标元素，并对目标元素执行目标操作。
138.这里，浏览器根据目标元素对应的元素路径，在第一页面中定位目标元素的位置信息，并基于定位到的目标元素的位置信息，对目标元素执行目标操作。
139.在步骤540中，对第二页面进行截图，获得第二截图。
140.这里，关于步骤540的详细实现方式可以参见上述实施例关于步骤130的相关描述，在此不再赘述。
141.在步骤550中，根据第一截图以及第二截图，确定第一页面的第一测试结果。
142.这里，关于步骤550的详细实现方式可以参见上述实施例关于步骤140的相关描述，在此不再赘述。
143.值得说明的是，多个浏览器可以并行对分配给该浏览器的目标元素进行测试。针对分配给每一浏览器的多个目标元素，浏览器每次从多个目标元素中选取一个目标元素，浏览器通过第一页面的url访问第一页面，并在目标元素为可操作元素的情况下，对第一页面进行截图，获得第一截图。并且，浏览器基于选取的目标元素的元素路径，在第一页面中定位目标元素，并对第一页面中的目标元素执行目标操作，然后对执行完目标操作的第一页面进行截图，获得第二截图，以及根据第一截图以及第二截图，确定第一页面的第一测试结果，然后，将第一页面恢复为初始状态，再从未选取的目标元素中重新选取一个目标元素。
144.值得说明的是，电子设备可以通过async(一个流程控制工具包)的maplimit()函数来控制多个浏览器并行测试多个元素，即实现多个浏览器在测试完一个目标元素之后能够自动再对下一个目标元素进行测试，保证浏览器能够处于非空闲状态。
145.由此，通过多个浏览器，并为每一浏览器分配至少一个由该浏览器进行测试的目标元素，可以使得针对第一页面的多个元素的测试能够并行地进行，以提高页面测试的速度。
146.图6是根据另一示例性实施例示出的页面测试方法的流程图。如图6所示，页面测试方法可以包括以下步骤。
147.s601，访问第一页面；
148.s602，从分配给浏览器的多个目标元素中选取一个目标元素；
149.s603，判断目标元素是否为可操作元素；
150.s604，对第一页面进行截图，获得第一截图；
151.s605，根据目标元素的元素路径，在第一页面中定位目标元素，并对第一页面中的目标元素执行目标操作；
152.s606，对第二页面进行截图，获得第二截图；
153.s607，判断第一截图与第二截图之间的相似度是否小于预设像素度阈值；
154.s608，根据第一截图以及第二截图获得第一测试结果；
155.s609，将第一页面恢复为初始状态，并返回执行s602，直至分配给浏览器的多个目标元素选取完毕。
156.其中，关于上述步骤s601至步骤s609的详细实现过程可以参见上述实施例的相关描述，在此不再赘述。
157.值得说明的是，上述步骤s601至步骤s609可以是电子设备通过浏览器实现的。而且，在步骤s609中，将第一页面恢复为初始状态是指将第一页面恢复为还未执行任何操作的状态，相当于重新访问第一页面。应当理解的是，将第一页面恢复为初始状态是由于针对上一个目标元素的目标操作可能已经引起了页面变化，将第一页面恢复为初始状态是为了避免页面变化造成错误的测试结果。
158.图7是根据又一示例性实施例示出的页面测试方法的流程图。如图7所示，页面测试方法还可以包括以下步骤。
159.在步骤710中，获取历史测试任务中与第一页面相关联的历史页面的第四截图。
160.这里，历史测试任务是指在历史时刻进行过的页面测试任务。第四截图是对历史页面中的元素执行预设操作，并对执行完预设操作的历史页面进行截图而获得的。其中，第四截图相当于是在历史测试任务中，通过上述实施例的步骤110至步骤130来对历史页面进行测试而获得的第二截图。
161.相应地，与第一页面相关联的历史页面实际上是与第一页面具有同一url的页面，即历史页面与第一页面是属于同一页面。例如，当前测试的第一页面为页面a，与第一页面相关联的历史页面也是页面a。但是，应当理解的是，当前测试的第一页面可能存在迭代更新，所以当前测试的第一页面的内容可以与历史页面的内容存在区别。
162.值得说明的是，步骤710可以是在步骤140之后执行的。
163.在步骤720中，根据第二截图以及第四截图，确定目标图像对。
164.这里，目标图像对包括同一目标元素对应的第二截图以及第四截图。目标图像对中包括的第二截图以及第四截图是第一页面和历史页面中属于对同一目标元素进行测试的截图。即目标图像对实际上是所有的第二截图以及所有的第四截图中属于针对同一目标元素进行测试而获得的截图对。
165.应当理解的是，目标图像对本质上是指当前测试任务和历史测试任务中针对同一页面、同一元素以及能够进行比对的第二截图以及第四截图。
166.在步骤730中，根据目标图像对中的第二截图和第四截图之间的图像相似度，确定第二测试结果。
167.这里，图像相似度可以是指结构相似度，电子设备可以通过相似度计算模型来计算第二截图和第四截图之间的结构相似度，若结构相似度小于预设结构相似度阈值，则获得用于表示第一页面出现错误(bug)的第二测试结果，若结构相似度大于或等于预设结构相似度阈值，则获得用于表示第一页面正常的第二测试结果。当然，若结构相似度小于预设结构相似度阈值，第二测试结果也可以包括页面异常区域，例如，可以在第二截图和第四截图中高亮标记存在不一致的页面区域。
168.值得说明的是，结构相似度小于预设结构相似度阈值，说明当前测试的第一页面相较于历史页面，页面发生的变化已经超过了正常的页面迭代的变化，可能是在页面迭代的过程中引入了bug。
169.由此，通过对比目标图像对，可以将当前测试任务与历史测试任务进行比较，从而能够检查第一页面在版本变更中是否引入bug，实现针对第一页面的回归测试。
170.图8是根据一示例性实施例示出的页面测试装置的模块连接示意图。如图8所示，本公开实施例提供一种页面测试装置，该装置800可以包括：
171.第一截图模块801，被配置为访问第一页面，并对所述第一页面进行截图，获得第一截图；
172.定位模块802，被配置为根据所述第一页面中包括的各个元素对应的元素路径，在所述第一页面中定位目标元素，并对所述第一页面中的所述目标元素执行目标操作；
173.第二截图模块803，被配置为对第二页面进行截图，获得第二截图，其中所述第二页面是对所述第一页面中的所述目标元素执行所述目标操作后展示的页面；
174.确定模块804，被配置为根据所述第一截图以及所述第二截图，确定所述第一页面的第一测试结果。
175.可选地，所述装置800包括元素确定单元，所述元素确定单元包括：
176.第三截图单元，被配置为访问第一页面，并对所述第一页面进行截图，获得第三截图；
177.目标检测单元，被配置为对所述第三截图进行目标检测，确定所述第一页面中包括的各个元素对应的元素坐标信息；
178.路径确定单元，被配置为根据所述各个元素对应的元素坐标信息，结合所述第一页面的层级结构树，确定所述第一页面中包括的各个元素对应的元素路径。
179.可选地，所述第三截图模块包括：
180.接收单元，被配置为接收消息中间件发送的测试消息，其中所述测试消息包括第一页面的统一资源定位符，所述消息中间件被配置为在正在测试的页面的数量小于预设数量阈值的情况下，发送所述测试消息；
181.截图单元，被配置为根据所述测试消息中的统一资源定位符，访问所述第一页面，并对所述第一页面进行截图，获得第三截图。
182.可选地，所述装置800还包括：
183.选取单元，被配置为从页面列表中选取第一页面，其中所述页面列表包括多个待测试页面及其对应的统一资源定位符；
184.发送单元，被配置为根据选取到的所述第一页面对应的统一资源定位符，构建测试消息，并将该测试消息发送至所述消息中间件。
185.可选地，所述装置800还包括：
186.添加模块，被配置为在对所述第一页面中的所述目标元素执行目标操作的过程中，若所述目标元素指向新的页面、且所述新的页面对应的统一资源定位符满足预设条件，则将所述新的页面添加进所述页面列表中。
187.可选地，所述第一测试结果包括所述目标元素的可操作信息、所述第一截图、所述第二截图以及页面内容异常信息中的至少一种；所述确定模块804具体被配置为：
188.在所述第一截图以及所述第二截图之间的相似度小于预设相似度阈值的情况下，记录所述目标元素的可操作信息；和/或
189.记录所述第一截图和/或所述第二截图；和/或
190.通过异常检测模型对所述第二截图的页面内容进行异常检测，获得所述页面内容异常信息。
191.可选地，所述装置800还包括：
192.创建模块，被配置为创建多个浏览器，并为任一所述浏览器分配由该浏览器进行
测试的至少一个目标元素；
193.所述第一截图模块801具体被配置为：
194.针对分配给任一所述浏览器的任一所述目标元素，通过该浏览器访问所述第一页面，并在所述目标元素为可操作元素的情况下，对所述第一页面进行截图，获得第一截图；
195.所述定位模块802具体被配置为：
196.针对分配给任一所述浏览器的任一所述目标元素，根据所述目标元素对应的元素路径，在所述第一页面中定位所述目标元素，并对所述目标元素执行目标操作。
197.可选地，所述装置800还包括：
198.获取模块，被配置为获取历史测试任务中与所述第一页面相关联的历史页面的第四截图，其中所述第四截图是对所述历史页面中的元素执行预设操作，并对执行完所述预设操作的历史页面进行截图而获得的；
199.图像对获得模块，被配置为根据所述第二截图以及所述第四截图，确定目标图像对，其中所述目标图像对包括同一目标元素对应的第二截图以及第四截图；
200.结果获得模块，被配置为根据所述目标图像对中的所述第二截图和所述第四截图之间的图像相似度，确定第二测试结果。
201.关于上述装置800中的各个功能模块执行的方法的逻辑可以参照上述实施例关于方法的部分，在此不再赘述。
202.下面参考图9，其示出了适于用来实现本公开实施例的电子设备900的结构示意图。电子设备900可以是终端设备或者服务器。本公开实施例中的终端设备可以包括但不限于诸如移动电话、笔记本电脑、数字广播接收器、pda(个人数字助理)、pad(平板电脑)、pmp(便携式多媒体播放器)、车载终端(例如车载导航终端)等等的移动终端以及诸如数字tv、台式计算机等等的固定终端。图9示出的电子设备仅仅是一个示例，不应对本公开实施例的功能和使用范围带来任何限制。
203.如图9所示，电子设备900可以包括处理装置(例如中央处理器、图形处理器等)901，其可以根据存储在只读存储器(rom)902中的程序或者从存储装置908加载到随机访问存储器(ram)903中的程序而执行各种适当的动作和处理。在ram 903中，还存储有电子设备900操作所需的各种程序和数据。处理装置901、rom 902以及ram 903通过总线904彼此相连。输入/输出(i/o)接口905也连接至总线904。
204.通常，以下装置可以连接至i/o接口905：包括例如触摸屏、触摸板、键盘、鼠标、摄像头、麦克风、加速度计、陀螺仪等的输入装置908；包括例如液晶显示器(lcd)、扬声器、振动器等的输出装置907；包括例如磁带、硬盘等的存储装置908；以及通信装置909。通信装置909可以允许电子设备900与其他设备进行无线或有线通信以交换数据。虽然图9示出了具有各种装置的电子设备900，但是应理解的是，并不要求实施或具备所有示出的装置。可以替代地实施或具备更多或更少的装置。
205.特别地，根据本公开的实施例，上文参考流程图描述的过程可以被实现为计算机软件程序。例如，本公开的实施例包括一种计算机程序产品，其包括承载在非暂态计算机可读介质上的计算机程序，该计算机程序包含用于执行流程图所示的方法的程序代码。在这样的实施例中，该计算机程序可以通过通信装置909从网络上被下载和安装，或者从存储装置908被安装，或者从rom 902被安装。在该计算机程序被处理装置901执行时，执行本公开
实施例的方法中限定的上述功能。
206.需要说明的是，本公开上述的计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质或者是上述两者的任意组合。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的系统、装置或器件，或者任意以上的组合。计算机可读存储介质的更具体的例子可以包括但不限于：具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储器(ram)、只读存储器(rom)、可擦式可编程只读存储器(eprom或闪存)、光纤、便携式紧凑磁盘只读存储器(cd-rom)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本公开中，计算机可读存储介质可以是任何包含或存储程序的有形介质，该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。而在本公开中，计算机可读信号介质可以包括在基带中或者作为载波一部分传播的数据信号，其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式，包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读信号介质还可以是计算机可读存储介质以外的任何计算机可读介质，该计算机可读信号介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输，包括但不限于：电线、光缆、rf(射频)等等，或者上述的任意合适的组合。
207.在一些实施方式中，电子设备可以利用诸如http(hypertext transfer protocol，超文本传输协议)之类的任何当前已知或未来研发的网络协议进行通信，并且可以与任意形式或介质的数字数据通信(例如，通信网络)互连。通信网络的示例包括局域网(“lan”)，广域网(“wan”)，网际网(例如，互联网)以及端对端网络(例如，ad hoc端对端网络)，以及任何当前已知或未来研发的网络。
208.上述计算机可读介质可以是上述电子设备中所包含的；也可以是单独存在，而未装配入该电子设备中。
209.上述计算机可读介质承载有一个或者多个程序，当上述一个或者多个程序被该电子设备执行时，使得该电子设备：访问第一页面，并对所述第一页面进行截图，获得第一截图；根据所述第一页面中包括的各个元素对应的元素路径，在所述第一页面中定位目标元素，并对所述第一页面中的所述目标元素执行目标操作；对第二页面进行截图，获得第二截图，其中所述第二页面是对所述第一页面中的所述目标元素执行所述目标操作后展示的页面；根据所述第一截图以及所述第二截图，确定所述第一页面的第一测试结果。
210.可以以一种或多种程序设计语言或其组合来编写用于执行本公开的操作的计算机程序代码，上述程序设计语言包括但不限于面向对象的程序设计语言—诸如java、smalltalk、c++，还包括常规的过程式程序设计语言——诸如“c”语言或类似的程序设计语言。程序代码可以完全地在用户计算机上执行、部分地在用户计算机上执行、作为一个独立的软件包执行、部分在用户计算机上部分在远程计算机上执行、或者完全在远程计算机或服务器上执行。在涉及远程计算机的情形中，远程计算机可以通过任意种类的网络——包括局域网(lan)或广域网(wan)——连接到用户计算机，或者，可以连接到外部计算机(例如利用因特网服务提供商来通过因特网连接)。
211.附图中的流程图和框图，图示了按照本公开各种实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上，流程图或框图中的每个方框可以代
表一个模块、程序段、或代码的一部分，该模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意，在有些作为替换的实现中，方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如，两个接连地表示的方框实际上可以基本并行地执行，它们有时也可以按相反的顺序执行，这依所涉及的功能而定。也要注意的是，框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合，可以用执行规定的功能或操作的专用的基于硬件的系统来实现，或者可以用专用硬件与计算机指令的组合来实现。
212.描述于本公开实施例中所涉及到的模块可以通过软件的方式实现，也可以通过硬件的方式来实现。其中，模块的名称在某种情况下并不构成对该模块本身的限定。
213.本文中以上描述的功能可以至少部分地由一个或多个硬件逻辑部件来执行。例如，非限制性地，可以使用的示范类型的硬件逻辑部件包括：现场可编程门阵列(fpga)、专用集成电路(asic)、专用标准产品(assp)、片上系统(soc)、复杂可编程逻辑设备(cpld)等等。
214.在本公开的上下文中，机器可读介质可以是有形的介质，其可以包含或存储以供指令执行系统、装置或设备使用或与指令执行系统、装置或设备结合地使用的程序。机器可读介质可以是机器可读信号介质或机器可读储存介质。机器可读介质可以包括但不限于电子的、磁性的、光学的、电磁的、红外的、或半导体系统、装置或设备，或者上述内容的任何合适组合。机器可读存储介质的更具体示例会包括基于一个或多个线的电气连接、便携式计算机盘、硬盘、随机存取存储器(ram)、只读存储器(rom)、可擦除可编程只读存储器(eprom或快闪存储器)、光纤、便捷式紧凑盘只读存储器(cd-rom)、光学储存设备、磁储存设备、或上述内容的任何合适组合。
215.以上描述仅为本公开的较佳实施例以及对所运用技术原理的说明。本领域技术人员应当理解，本公开中所涉及的公开范围，并不限于上述技术特征的特定组合而成的技术方案，同时也应涵盖在不脱离上述公开构思的情况下，由上述技术特征或其等同特征进行任意组合而形成的其它技术方案。例如上述特征与本公开中公开的(但不限于)具有类似功能的技术特征进行互相替换而形成的技术方案。
216.此外，虽然采用特定次序描绘了各操作，但是这不应当理解为要求这些操作以所示出的特定次序或以顺序次序执行来执行。在一定环境下，多任务和并行处理可能是有利的。同样地，虽然在上面论述中包含了若干具体实现细节，但是这些不应当被解释为对本公开的范围的限制。在单独的实施例的上下文中描述的某些特征还可以组合地实现在单个实施例中。相反地，在单个实施例的上下文中描述的各种特征也可以单独地或以任何合适的子组合的方式实现在多个实施例中。
217.尽管已经采用特定于结构特征和/或方法逻辑动作的语言描述了本主题，但是应当理解所附权利要求书中所限定的主题未必局限于上面描述的特定特征或动作。相反，上面所描述的特定特征和动作仅仅是实现权利要求书的示例形式。关于上述实施例中的装置，其中各个模块执行操作的具体方式已经在有关该方法的实施例中进行了详细描述，此处将不做详细阐述说明。

技术特征：
1.一种页面测试方法，其特征在于，包括：访问第一页面，并对所述第一页面进行截图，获得第一截图；根据所述第一页面中包括的各个元素对应的元素路径，在所述第一页面中定位目标元素，并对所述第一页面中的所述目标元素执行目标操作；对第二页面进行截图，获得第二截图，其中所述第二页面是对所述第一页面中的所述目标元素执行所述目标操作后展示的页面；根据所述第一截图以及所述第二截图，确定所述第一页面的第一测试结果。2.根据权利要求1所述的方法，其特征在于，所述元素路径通过以下步骤确定：访问第一页面，并对所述第一页面进行截图，获得第三截图；对所述第三截图进行目标检测，确定所述第一页面中包括的各个元素对应的元素坐标信息；根据所述各个元素对应的元素坐标信息，结合所述第一页面的层级结构树，确定所述第一页面中包括的各个元素对应的元素路径。3.根据权利要求2所述的方法，其特征在于，所述访问第一页面，并对所述第一页面进行截图，获得第三截图，包括：接收消息中间件发送的测试消息，其中所述测试消息包括第一页面的统一资源定位符，所述消息中间件被配置为在正在测试的页面的数量小于预设数量阈值的情况下，发送所述测试消息；根据所述测试消息中的统一资源定位符，访问所述第一页面，并对所述第一页面进行截图，获得第三截图。4.根据权利要求3所述的方法，其特征在于，在接收消息中间件发送的测试消息之前，所述方法还包括：从页面列表中选取第一页面，其中所述页面列表包括多个待测试页面及其对应的统一资源定位符；根据选取到的所述第一页面对应的统一资源定位符，构建测试消息，并将该测试消息发送至所述消息中间件。5.根据权利要求4所述的方法，其特征在于，所述方法还包括：在对所述第一页面中的所述目标元素执行目标操作的过程中，若所述目标元素指向新的页面、且所述新的页面对应的统一资源定位符满足预设条件，则将所述新的页面添加进所述页面列表中。6.根据权利要求1至5中任一项所述的方法，其特征在于，所述第一测试结果包括所述目标元素的可操作信息、所述第一截图、所述第二截图以及页面内容异常信息中的至少一种；所述根据所述第一截图以及所述第二截图，确定所述第一页面的第一测试结果，包括：在所述第一截图以及所述第二截图之间的相似度小于预设相似度阈值的情况下，记录所述目标元素的可操作信息；和/或记录所述第一截图和/或所述第二截图；和/或通过异常检测模型对所述第二截图的页面内容进行异常检测，获得所述页面内容异常信息。7.根据权利要求1至5中任一项所述的方法，其特征在于，在访问所述第一页面，并对所
述第一页面进行截图，获得第一截图之前，所述方法还包括：创建多个浏览器，并为各所述浏览器分配由该浏览器进行测试的至少一个目标元素；所述访问所述第一页面，并对所述第一页面进行截图，获得第一截图，包括：针对分配给任一所述浏览器的任一所述目标元素，通过该浏览器访问所述第一页面，并在所述目标元素为可操作元素的情况下，对所述第一页面进行截图，获得第一截图；所述根据所述第一页面中包括的各个元素对应的元素路径，在所述第一页面中定位目标元素，并对所述第一页面中的所述目标元素执行目标操作，包括：针对分配给任一所述浏览器的任一所述目标元素，根据所述目标元素对应的元素路径，在所述第一页面中定位所述目标元素，并对所述目标元素执行目标操作。8.根据权利要求1至5中任一项所述的方法，其特征在于，所述方法还包括：获取历史测试任务中与所述第一页面相关联的历史页面的第四截图，其中所述第四截图是对所述历史页面中的元素执行预设操作，并对执行完所述预设操作的历史页面进行截图而获得的；根据所述第二截图以及所述第四截图，确定目标图像对，其中所述目标图像对包括同一目标元素对应的第二截图以及第四截图；根据所述目标图像对中的所述第二截图和所述第四截图之间的图像相似度，确定第二测试结果。9.一种页面测试装置，其特征在于，包括：第一截图模块，被配置为访问第一页面，并对所述第一页面进行截图，获得第一截图；定位模块，被配置为根据所述第一页面中包括的各个元素对应的元素路径，在所述第一页面中定位目标元素，并对所述第一页面中的所述目标元素执行目标操作；第二截图模块，被配置为对第二页面进行截图，获得第二截图，其中所述第二页面是对所述第一页面中的所述目标元素执行所述目标操作后展示的页面；确定模块，被配置为根据所述第一截图以及所述第二截图，确定所述第一页面的第一测试结果。10.一种计算机可读介质，其上存储有计算机程序，其特征在于，该程序被处理装置执行时实现权利要求1至8中任一项所述方法的步骤。11.一种电子设备，其特征在于，包括：存储装置，其上存储有计算机程序；处理装置，用于执行所述存储装置中的所述计算机程序，以实现权利要求1至8中任一项所述方法的步骤。

技术总结
本公开涉及一种页面测试方法、装置、介质以及电子设备，涉及计算机技术领域，该方法通过访问第一页面并对第一页面进行截图获得第一截图，然后根据第一页面中包括的各个元素对应的元素路径，在第一页面中定位目标元素，并对第一页面中的所述目标元素执行目标操作，以及对第二页面进行截图，获得第二截图，最后根据第一截图以及第二截图，确定第一页面的第一测试结果，由于获得了第一页面中包括的各个元素对应的元素路径，则可以对第一页面中的每一个元素进行准确的定位以及测试，以保证第一页面中的每一个元素都能够得到准确的测试，使得页面测试能够充分、准确且高效。准确且高效。准确且高效。


技术研发人员：闫志鹏 张尤长 高亚 吴昊睿 黄甜甜
受保护的技术使用者：抖音视界有限公司
技术研发日：2023.05.09
技术公布日：2023/8/14