How to click on svg element in Selenium Java

Question

I have a problem with clicking on svg element in selenium Java.

HTML code:

I have tried next code examples but they are not helped.

Actions action = new Actions(webDriver);
action.click(webElement).build().perform();

JavascriptExecutor executor = (JavascriptExecutor) webDriver;
executor.executeScript("arguments[0].click;", webElement);

Actions action = new Actions(webDriver);
Thread.sleep(2000);
action.moveToElement(webElement).click().build().perform();

I did not get any exception or error. But can not click on SVG element Which solutions are exist for it?

Answer 1

The desired element is a svg element so to click() on the element you need to induce WebDriverWait for the elementToBeClickable() and you can use either of the following locator strategies:

selenium4 compatible code

• Using cssSelector:

  new WebDriverWait(driver, Duration.ofSeconds(10)).until(ExpectedConditions.elementToBeClickable(By.cssSelector("div[placement='bottom'] svg"))).click();
  

• Using xpath:

  new WebDriverWait(driver, Duration.ofSeconds(10)).until(ExpectedConditions.elementToBeClickable(By.xpath("//div[@placement='bottom']//*[name()='svg']"))).click();
  

References

You can find a couple of relevant detailed discussions in:

• How to click on SVG elements using XPath and Selenium WebDriver through Java