无法使用 selenium webdriver 单击 svg 路径元素答案

【问题标题】：Not able to click an svg path element using selenium webdriver无法使用 selenium webdriver 单击 svg 路径元素
【发布时间】：2016-09-22 19:40:42
【问题描述】：

我正在研究自动化图表数据，以下是数据的表示方式。

<g style="cursor:pointer;" clip-path="url(#highcharts-2)" transform="translate(62,10) scale(1 1)" class="highcharts-markers highcharts-series-0 highcharts-tracker">
<path d="M 811 367.23566666666665 L 816 372.23566666666665 811 377.23566666666665 806 372.23566666666665 Z" fill="#18abc9"></path>
<path d="M 731 400.91344444444445 L 736 405.91344444444445 731 410.91344444444445 726 405.91344444444445 Z" fill="#18abc9"></path>
<path d="M 651 386.432 L 656 391.432 651 396.432 646 391.432 Z" fill="#18abc9"></path>
<path d="M 570 390.61766666666665 L 575 395.61766666666665 570 400.61766666666665 565 395.61766666666665 Z" fill="#18abc9"></path>
<path d="M 490 381.09166666666664 L 495 386.09166666666664 490 391.09166666666664 485 386.09166666666664 Z" fill="#18abc9">
</path><path d="M 410 334.905 L 415 339.905 410 344.905 405 339.905 Z" fill="#18abc9"></path></g>

我编写了以下 Selenium 代码来单击第一个路径元素。

List<WebElement> a = driver.findElements(By.xpath("(//*[name()='svg']//*[name()='path' and contains(@fill, '#090')])[1]"));
Actions actionBuilder = new Actions(driver);
actionBuilder.click(a.get(0)).build().perform();

列表a 仅收到一个网络元素。程序在尝试点击时抛出错误。

org.openqa.selenium.WebDriverException：元素在点 (904, 556.86669921875) 处不可点击。其他元素会收到点击：<path d="M 801 341.00352 L 806 346.00352 801 351.00352 796 346.00352 Z" fill="#090"></path>

我在错误中提供的路径与我提供的 DOM 不完全相同。

【问题讨论】：

尝试使用JavascriptExecutor 然后作为((JavascriptExecutor)driver).executeScript("arguments[0].click()" ,a.get(0)); 告诉我
@Saurabh Gaur 它抛出 org.openqa.selenium.WebDriverException: arguments[0].click is not a function
应该是arguments[0].cli‌ck()，你缺少()。请更正。
对不起。它只是我提供的一个日志。我有 () 在
((JavascriptExecutor)driver).executeScript("arguments[0].click();",a.get(0));

标签： javascript selenium xpath selenium-webdriver ui-automation

【解决方案1】：

错误是由于另一个路径元素与您要单击的路径重叠。我猜路径的形状很奇怪，Selenium 试图单击它的中间并最终单击另一条路径。您可以在Actions 中尝试moveToElement() 并使用偏移量，直到正确为止。

【讨论】：