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

权利要求书

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

获取设计页面和开发页面；

对所述设计页面进行渲染，并从渲染后的设计页面中提取多个第一元素；

在所述设计页面中对每个所述第一元素进行定位，得到多个第一定位结果，并获取每个所述第一元素的样式，得到多个第一样式，根据多个所述第一定位结果和每个所述第一定位结果的所述第一样式生成第一信息表；

从所述开发页面中提取多个第二元素；

在所述开发页面中对每个所述第二元素进行定位，得到多个第二定位结果，并获取每个所述第二元素的样式，得到多个第二样式，根据多个所述第二定位结果和每个所述第二定位结果的所述第二样式生成第二信息表；

将所述第一信息表和所述第二信息表进行匹配，在匹配成功的情况下，确定所述开发页面测试通过。

2.根据权利要求1所述的方法，其特征在于，对所述设计页面进行渲染，从渲染后的设计页面中提取多个第一元素包括：

通过预设前端工具对所述设计页面进行渲染，得到所述渲染后的设计页面；

遍历所述渲染后的设计页面，得到至少一个第一子元素；

通过所述预设前端工具点击所有所述第一子元素，得到更新后的设计页面；

对所述更新后的设计页面再次进行渲染，得到再次渲染后的设计页面；

遍历所述再次渲染后的设计页面，得到至少一个第二子元素；

将所述第一子元素和所述第二子元素确定为所述第一元素。

3.根据权利要求1所述的方法，其特征在于，从所述开发页面中提取多个第二元素包括：

遍历所述开发页面，得到至少一个第三子元素；

点击所述开发页面中的所有所述第三子元素，得到更新后的开发页面；

遍历所述更新后的开发页面，得到至少一个第四子元素；

将所述第三子元素和所述第四子元素确定为所述第二元素。

4.根据权利要求2所述的方法，其特征在于，在所述设计页面中对每个所述第一元素进行定位，得到多个第一定位结果包括：

确定所述第一子元素与所述设计页面的第一预设位置之间的距离，得到第一距离；

确定所述第二子元素与所述设计页面的所述第一预设位置之间的距离，得到第二距离；

将所述第一距离和所述第二距离确定为所述第一定位结果。

5.根据权利要求1所述的方法，其特征在于，获取每个所述第一元素的第一样式包括：

确定所述第一元素的类型；

按照所述第一元素的类型对所述第一元素进行赋值，得到所述第一样式。

6.根据权利要求3所述的方法，其特征在于，在所述开发页面中对每个所述第二元素进行定位，得到第二定位结果包括：

确定所述第三子元素与所述开发页面的第二预设位置之间的距离，得到第三距离；

确定所述第四子元素与所述开发页面的第二预设位置之间的距离，得到第四距离；

将所述第三距离和所述第四距离确定为所述第二定位结果。

7.根据权利要求1所述的方法，其特征在于，获取每个所述第二元素的第二样式包括：

确定所述第二元素的类型；

按照所述第二元素的类型对所述第二元素进行赋值，得到所述第二样式。

8.根据权利要求1所述的方法，其特征在于，将所述第一信息表和所述第二信息表进行匹配包括：

确定所述第一元素和所述第二元素的映射关系；

按照所述映射关系确定各个所述第一元素关联的第二元素，依次对比每个所述第一元素的所述第一定位结果和关联的所述第二元素的所述第二定位结果，得到多个距离差值；

在每个所述距离差值均未超过预设阈值的情况下，依次判断每个所述第一元素的所述第一样式和关联的所述第二元素的所述第二样式是否相同；

在每个所述第一元素的所述第一样式和关联的所述第二元素的所述第二样式均相同的情况下，确定所述第一信息表和所述第二信息表匹配成功。