[发明专利]前端页面的样式测试方法及装置

权利要求书

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

遍历前端页面对应的dom树上的节点，根据每个节点占用的空间长宽和起始坐标，计算每个节点的实际坐标区间；

将每个节点的实际坐标区间与其相邻的兄弟节点的实际坐标区间或当前坐标区间相比对，判断其坐标区间是否有交叠；

将坐标区间有交叠的两节点的至少其中之一作为具有样式缺陷的节点。

2.根据权利要求1所述的前端页面的样式测试方法，其特征在于，所述“遍历前端页面对应的dom树上的节点，根据每个节点占用的空间长宽和起始坐标，计算每个节点的实际坐标区间”步骤具体包括：

首先，计算父节点下的子叶节点和所述子叶节点的兄弟节点的实际坐标区间；

其次，计算所述父节点的实际坐标区间。

3.根据权利要求1所述的前端页面的样式测试方法，其特征在于，所述实际坐标区间为：(节点最上边沿的坐标-节点最下边沿的坐标；节点最左边沿的坐标-节点最右边沿的坐标)。

4.根据权利要求1所述的前端页面的样式测试方法，其特征在于，所述“将每个节点的实际坐标区间与其相邻的兄弟节点的实际坐标区间或当前坐标区间相比对，判断其坐标区间是否有交叠”步骤具体包括：

判断当前节点与下一节点是否为父子关系，若是，则结束当前节点的比对；若否，则继续比对；

判断当前节点与下一节点是否为包含关系，若是，则结束当前节点的比对，若否，则根据当前节点的实际坐标区间与下一节点的实际坐标区间或当前坐标区间相比对，判断坐标区间是否存在交叠。

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

查询计算模块，用于遍历前端页面对应的dom树上的节点，根据每个节点占用的空间长宽和起始坐标，计算每个节点的实际坐标区间；

比对模块，用于将每个节点的实际坐标区间与其相邻的兄弟节点的实际坐标区间或当前坐标区间相比对，判断其坐标区间是否有交叠；

输出模块，用于将坐标区间有交叠的两节点的至少其中之一作为具有样式缺陷的节点。

6.根据权利要求5所述的前端页面的样式测试装置，其特征在于，所述实际坐标区间为：(节点最上边沿的坐标-节点最下边沿的坐标；节点最左边沿的坐标-节点最右边沿的坐标)。

7.根据权利要求5所述的前端页面的样式测试装置，其特征在于，所述比对模块用于：

判断当前节点与兄弟节点是否为父子关系，若是，则结束当前节点的比对；若否，则继续比对；

判断当前节点与兄弟节点是否为包含关系，若是，则结束当前节点的比对，若否，则根据当前节点的实际坐标区间与其兄弟节点的实际坐标区间或当前坐标区间相比对，判断坐标区间是否存在交叠。