使用 Selenium WebDriver (Java) 获取嵌套元素

Question

我想使用 Selenium 在 pdf-viewer 页面上单击“下载”按钮。这是该页面的 html 代码。

我想我需要使用switchTo().frame() 来获取标有红框的元素。为此，我使用以下 Java 代码。

driver.switchTo().frame(driver.findElement(By.xpath("//*[@id='viewer']")));
driver.switchTo().frame(driver.findElement(By.xpath("//*[@id='toolbar']")));
driver.switchTo().frame(driver.findElement(By.xpath("//*[@id='downloads']")));

driver.findElement(By.xpath("//*[@id='download']")).click();

但它不起作用:(请给我一些解决问题的想法。提前谢谢你！

Answer 1

根据屏幕截图，元素位于 shadow-root 和 Mode open。

要在shadow DOM 中获取所需的元素，我们需要使用Javascript。

你可以参考This Link与Shadom DOM互动

代码是这样的：

public class shadowdomexample {
    
    WebElement root1 = driver.findElement(By.id("viewer"));

    //Get shadow root element
    WebElement shadowRoot1 = expandRootElement(root1);
    
    WebElement root2 = shadowRoot1.findElement(By.id("toolbar"));
    WebElement shadowRoot2 = expandRootElement(root2);
    
    WebElement root3 = shadowRoot2.findElement(By.id("downloads"));
    WebElement shadowRoot3 = expandRootElement(root3);
    
    //This should return the required Element.
    WebElement DownloadsElement = shadowRoot3.findElement(By.cssSelector("cr-icon-button[id=downloads]"));

}
//Returns webelement
public WebElement expandRootElement(WebElement element) {
    WebElement ele = (WebElement) ((JavascriptExecutor) driver)
.executeScript("return arguments[0].shadowRoot",element);
    return ele;
}