[发明专利]前端页面的测试方法、处理器及电子设备

说明书

本申请公开了一种前端页面的测试方法、处理器及电子设备。涉及金融科技领域，该方法包括：获取设计页面和开发页面；对设计页面进行渲染，提取多个第一元素；对每个第一元素进行定位，得到多个第一定位结果，并获取每个第一元素的样式，由第一定位结果和第一样式生成第一信息表；从开发页面中提取多个第二元素；对每个第二元素进行定位，得到多个第二定位结果，并获取每个第二元素的样式，由第二定位结果和第二样式生成第二信息表；将第一信息表和第二信息表进行匹配，在匹配成功的情况下，确定开发页面测试通过。通过本申请，解决了相关技术中对前端页面进行测试时需要通过人工来测试，需要设计人员与开发人员进行沟通，导致测试效率低的问题。

技术领域

本申请涉及金融科技领域，具体而言，涉及一种前端页面的测试方法、处理器及电子设备。

背景技术

页面易用性测试是主流互联网公司和大型商业银行必不可少的测试流程之一。相关技术中，易用性测试是通过开发人员依据自身审美或者代码开发评审人员根据自身审美对开发出的页面进行评估和修改修复。或者通过专职的UI开发人员进行易用性审核，由UI开发人员给出易用性需求和前端页面设计，在前端开发人员完成前端开发后，由UI开发人员对前端易用性进行评估。或者通过UI开发人员设计的完整设计稿图片或详细的元素样式信息，通过测试人员对UI开发人员设计的设计稿和前端开发人员开发的前端的实际页面进行比对。

然而，易用性测试过程和结果完全依赖于开发人员或者代码开发审核人员的主观判断，在需求说明中没有该功能场景的详细描述和易用性需求时，通常无法根据业务实际、功能使用人员及背景等实际使用场景对业务易用性进行评估。此外，易用性领域开发和测试依赖于UI开发人员的主观判断，如果是文字描述和样式类的需求文档，UI开发人员实质上主观判断对结果影响较大，同时测试验证链路较长，需要经过前端开发、测试、UI开发人员多次沟通和确认，从成本上来说，人力资源成本过大，迭代速度较慢。此外，易用性测试依赖于UI设计人员对前端页面的设计方法，如果交付PS文件等图片类设计稿，元素在不同的浏览器有不同的样式，对元素的可测性会有极大的影响。此外，回归性测试成本太高，前端页面的修改需要大量的人力对内容进行重新理解和测试。

针对相关技术中对前端页面进行测试时需要通过人工来测试，需要设计人员与开发人员进行沟通，导致测试效率低的问题，目前尚未提出有效的解决方案。

发明内容

本申请的主要目的在于提供一种前端页面的测试方法、处理器及电子设备，以解决相关技术中对前端页面进行测试时需要通过人工来测试，需要设计人员与开发人员进行沟通，导致测试效率低的问题。

为了实现上述目的，根据本申请的一个方面，提供了一种前端页面的测试方法。该方法包括：获取设计页面和开发页面；对设计页面进行渲染，并从渲染后的设计页面中提取多个第一元素；在设计页面中对每个第一元素进行定位，得到多个第一定位结果，并获取每个第一元素的样式，得到多个第一样式，根据多个第一定位结果和每个第一定位结果的第一样式生成第一信息表；从开发页面中提取多个第二元素；在开发页面中对每个第二元素进行定位，得到多个第二定位结果，并获取每个第二元素的样式，得到多个第二样式，根据多个第二定位结果和每个第二定位结果的第二样式生成第二信息表；将第一信息表和第二信息表进行匹配，在匹配成功的情况下，确定开发页面测试通过。

可选地，对设计页面进行渲染，从渲染后的设计页面中提取多个第一元素包括：通过预设前端工具对设计页面进行渲染，得到渲染后的设计页面；遍历渲染后的设计页面，得到至少一个第一子元素；通过预设前端工具点击所有第一子元素，得到更新后的设计页面；对更新后的设计页面再次进行渲染，得到再次渲染后的设计页面；遍历再次渲染后的设计页面，得到至少一个第二子元素；将第一子元素和第二子元素确定为第一元素。

可选地，从开发页面中提取多个第二元素包括：遍历开发页面，得到至少一个第三子元素；点击开发页面中的所有第三子元素，得到更新后的开发页面；遍历更新后的开发页面，得到至少一个第四子元素；将第三子元素和第四子元素确定为第二元素。