Selenium Web驱动程序（Java）。 如何在HTML5页面的画布内单击地图内的航点

Question

Selenium Web驱动程序（Java）。 如何在HTML5页面的画布内单击地图内的航点

目前，我面临着一个挑战，即在html5页面中的画布上拖放地图的问题。

地图上航点的源代码如下：

 <div id-"tool-tip" class="tool-tip-target" sytle="left 25.2597px;top:-13.085.px">

我实际上如何在画布地图上找到Web元素并单击它，因为稍后我需要将目的地放置在地图上的某个航点上。

我正在使用的Selenium Web驱动程序是2.48.2 ，编程语言是Java。

这是我尝试执行的解决方案，但它们都不起作用。

driver.findElement(By.cssSelector("div#tool-tip.tool-tip-target")).click();
WebElement To = driver.findElement(By.cssSelector("div[id='tool-tip'][class='tool-tip-target'][style='left:292.769px; top: 72.815px;']"))

Answer 1

据我所知，您无法直接识别DOM中基于画布设计的元素。 因此，您不能提供任何元素定位器来执行点击操作。

实现此方案自动化的一种方法是使用Action类，方法是提供canvas元素的定位符以及可单击元素的x，y坐标。

动作clickAt = new动作（getDriver（））; clickAt.moveToElement（getDriver（）。findElement（By.id（“ $ zObj_717”）），100，400）.click（）; clickAt.build（）执行（）;

但是不能保证它在所有机器上都能完美运行。