[发明专利]页面元素点击测试的方法及装置

说明书

本申请公开了一种页面元素点击测试的方法及装置。该申请的方法包括接收外部输入的点击坐标，所述点击坐标为点击页面元素时点击位置对应的点击坐标；根据所述点击坐标在颜色查询映射表中查询与点击坐标相对应的颜色值，所述颜色查询映射表包含页面元素的不透明区域对应的颜色值与点击坐标之间的对应关系，不同的页面元素的不透明区域对应的颜色值是不同的，点击坐标与颜色值之间为多对一的对应关系；根据点击坐标对应的颜色值确定与点击坐标对应的页面元素。本申请解决现有的页面元素点击测试方式中无法根据输入的点击坐标选中用户想要选中的页面元素的问题。

技术领域

本申请涉及页面测试技术领域，具体而言，涉及一种页面元素点击测试的方法及装置。

背景技术

当前Web浏览器中主流的网页，其内容均是由一系列填充了文字、图片、矢量等内容的二维矩形页面元素组合而成的。对于用户执行一次点击之后应该选中哪个页面元素的点击测试(即输入点击坐标，输出所选中的页面元素的过程)，目前点击测试的方法是：输入点击坐标，然后根据点击坐标与矩形页面元素在二维坐标系上的坐标位置计算得到的。但是对于存在透明内容的图片元素，点击其透明区域时也会选中该图片，而无法选中位于透明区域下方的其它页面元素，导致无法根据输入的点击坐标选中用户想要选中的页面元素。

发明内容

本申请的主要目的在于提供一种页面元素点击测试的方法及装置，以解决现有的页面元素点击测试方式中无法根据输入的点击坐标选中用户想要选中的页面元素的问题。

为了实现上述目的，根据本申请的第一方面，提供了一种页面元素点击测试的方法。

根据本申请的页面元素点击测试的方法包括：

接收外部输入的点击坐标，所述点击坐标为点击页面元素时点击位置对应的点击坐标；

根据所述点击坐标在颜色查询映射表中查询与点击坐标相对应的颜色值，所述颜色查询映射表包含页面元素的不透明区域对应的颜色值与点击坐标之间的对应关系，不同的页面元素的不透明区域对应的颜色值是不同的，点击坐标与颜色值之间为多对一的对应关系；

根据点击坐标对应的颜色值确定与点击坐标对应的页面元素。

进一步的，所述方法还包括：

根据页面元素的位置关系以及形状创建所述颜色查询映射表。

进一步的，所述根据页面元素的位置关系以及形状创建所述颜色查询映射表包括：

获取位置互相覆盖的页面元素；

在预设空白图像上分别绘制与每个页面元素的不透明区域形状大小相同的纯色图形，不同的页面元素的不透明区域对应的颜色值是不同的；

将与每个页面元素的不透明区域形状大小相同的所有的纯色图形按照对应的页面元素之间的位置关系进行组合，得到颜色映射图；

将颜色映射图中每个位置的点击坐标与该位置对应的最上层的纯色图形的颜色值进行对应保存，得到颜色查询映射表。

进一步的，所述页面元素为支持画布Canvas与绘图协议WebGL的浏览器页面中的页面元素。

进一步的，所述方法还包括：

获取页面元素对应的浏览器的版本号；

根据所述版本号判断所述浏览器是否为支持Canvas与WebGL的浏览器。

为了实现上述目的，根据本申请的第二方面，提供了一种页面元素点击测试的装置。

根据本申请的页面元素点击测试的装置包括：

接收单元，用于接收外部输入的点击坐标，所述点击坐标为点击页面元素时点击位置对应的点击坐标；