通过selenium javascriptExecutor访问影子DOM元素（聚合物）

Question

正在尝试访问中男式外饰部分下的“立即购买”按钮https://shop.polymer-project.org/在chrome浏览器（V51）的JS控制台上使用以下代码：

document.querySelector('shop-app').shadowRoot.querySelector('shop-home').shadowRoot.querySelector('shop-button');

我试图在我的自动化测试中访问相同的元素，使用selenium，第1行：WebElement shop Btn=（WebElement）（（JavascriptExecator）驱动程序）。执行脚本（"返回document.query选择器（'shop-app'）。阴影Root.query选择器（'shop-home'）。阴影Root.query选择器（'商店按钮')");

第2行：shopBtn。单击（）

此代码给出错误：

Exception in thread "main" org.openqa.selenium.WebDriverException: unknown error: Cannot read property 'querySelector' of null
  (Session info: chrome=51.0.2704.106)
  (Driver info: chromedriver=2.20.353124 (035346203162d32c80f1dce587c8154a1efa0c3b),platform=Mac OS X 10.11.3 x86_64).

我们非常感谢您在这方面提供的任何帮助。




Answer 1

我尝试执行这个点击，我能够做到这一点使用火狐和使用xpath定位器

.//shop-button/a[starts-with(@aria-label, 'Men') and contains(@aria-label, 'Outerwear Shop Now')]

我正在使用硒3。

我不确定我使用的方法是否正确

干杯

Answer 2

您必须逐个循环通过阴影根元素来找到相应的元素。

document.querySelector('nuxeo-app').shadowRoot.querySelector('nuxeo-document-create-button').shadowRoot.querySelector('paper-fab').shadowRoot.querySelector('iron-icon');

Answer 3

您没有指定，但看起来您正在使用Java。下面是一些有效的代码。不需要JSE。

WebDriver driver = new FirefoxDriver();
String searchText = "Men's Outerwear";
driver.get("https://shop.polymer-project.org/");
WebDriverWait wait = new WebDriverWait(driver, 5);
List<WebElement> sections = wait.until(ExpectedConditions.presenceOfAllElementsLocatedBy(By.cssSelector("div.item")));
for (WebElement section : sections)
{
    if (section.getText().toLowerCase().contains(searchText.toLowerCase()))
    {
        section.findElement(By.linkText("SHOP NOW")).click();
        break;
    }
}