如何在SeleniumWebDriver中单击svg元素

hfsqlsce 于 2021-06-30 发布在 Java

关注(0)|答案(2)|浏览(492)

我有一个svg对象，使用seleniumwebdriver，我需要作为按钮单击并转到上一页。使用xpath我无法做到这一点。下面是svg的html代码，但我无法获取相同的xpath。非常感谢您的帮助。
html代码：

<div class="title-holder">
   <h4>Home Dashboard</h4>
   <div class="time">3:48pm ET</div>
   <button class="update-button" type="button" data-testid="header-update-link" title="Refresh">
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
      <path fill="currentColor" d="M20 12l-2.5 3-.18-.22-.71-.84L15 12h2a5.007 5.007 0 0 0-8.49- 
      3.59l-.63-.76A5.9083 5.9083 0 0 1 12 6c3.3137 0 6 2.6863 6 6h2zm-4.51 3.59A5.007 5.007 0 0 1 7 
      12h2l-1.61-1.93v-.01l-.71-.84L6.5 9 4 12h2c0 3.3137 2.6863 6 6 6a5.9083 5.9083 0 0 0 4.12- 
      1.65l-.63-.76z"></path>
    </svg>
   </button>
</div>

Java selenium xpath webdriverwait css-selectors

来源：https://stackoverflow.com/questions/63714221/how-to-click-an-svg-element-in-selenium-webdriver

2条答案

按热度按时间

chy5wohz1#

根据您共享的html，您可以安全地避免 <svg> 元素并单击父元素 <button> 元素的webdriverwait elementToBeClickable() 您可以使用以下任一定位器策略： cssSelector :

new WebDriverWait(driver, 20).until(ExpectedConditions.elementToBeClickable(By.cssSelector("button.update-button[data-testid='header-update-link'][title='Refresh']"))).click();
``` `xpath` :

new WebDriverWait(driver, 20).until(ExpectedConditions.elementToBeClickable(By.xpath("//button[@class='update-button' and @data-testid='header-update-link'][@title='Refresh']"))).click();

赞(0）回复(0）举报 2021-06-30

ylamdve62#

xpath:

//*[@class='update-button']/*[name()='svg']

尝试javascript执行单击操作

WebElement ele = driver.findElement(By.xpath("//*[@class='update-button']/*[name()='svg']"));
((JavascriptExecutor) driver).executeScript("arguments[0].click();", ele);

赞(0）回复(0）举报 2021-06-30

我来回答

如何在SeleniumWebDriver中单击svg元素

2条答案

相关问题

热门标签

最新问答