javascript - Access element inside shadow root in selenium with Java

Question

I am tying to access this element inside of shadow-root (closed)

I have tried to do:

driver.findElement(By.xpath("//*[@id="solver-button"]")).click();

but it cant locate the element because of shadow root.

So I am searching for a method to go inside of shadow root to locate "solver-button".

question from:https://stackoverflow.com/questions/65846986/access-element-inside-shadow-root-in-selenium-with-java

Answer 1

shadowbutton=driver.execute_script(
    "return document.querySelector('div[class="button-holder help-button-holder"]').shadowRoot.querySelector('button[id="solver-button"]')")

shadowbutton.click()

shadowRoot is not part of dom so you have to first find the root element that has the shadow root and then call it using 'shadowRoot' and then call the target element from it