使用Selenium訪問shadow dom

以chrome爲例

獲取下載的文件名並且判斷是否下載完成

在打開download manager窗口後雖然發現頁面是HTML元素，但是直接操作會獲取不到元素。這是因爲元素是被包含在shadow dom中。

例如

圖中#shadow-root (open) 即表示該層以下的元素存在與shadow dom中，selenium並能直接訪問

解決方法，首先要根據自己需要了解需要定位的元素的層級關係

private WebElement extendShadowDom (WebElement element) {
    WebElement shadowRoot = (WebElement) driver.executeScript("return arguments[0].shadowRoot", element);
    return shadowRoot;
}

上面的方法可以獲將shadow dom中的元素顯現出來這樣就可以用selenium進行定位了

如此以來，獲取下載文件信息就可以這樣實現

private void verifyDownloadPDF() throws InterruptedException {
    WebElement downloadManagerShadow = driver.findElementByTagName("downloads-manager");
    WebElement downloadManager = extendShadowDom(downloadManagerShadow);
    WebElement downloadListShadow = downloadManager.findElement(By.cssSelector("#downloadsList > downloads-item"));
    WebElement downloadList = extendShadowDom(downloadListShadow);
    WebElement downloadDesc = downloadList.findElement(By.cssSelector("#description"));
}

一層一層找下來就OK啦。