硒：chromedriver在聚合物网站上找不到元素

Question

我有一个自动化项目使用Selenium，它将调用ChromeWebDriver并运行testcase

但Chromedriver不能在聚合物框架构建的网站上显示元素，
我们可以通过检查F12查看元素。但chromedriver找不到元素。

这里是网站的urlhttps://shop.polymer-project.org/我们不能使用ChomeDriver来查找元素内部节点“影子根”。此处代码：

System.setProperty("webdriver.chrome.driver", "chromedriver_win_2.23.exe");
WebDriver driver = new ChromeDriver();
driver.manage().timeouts().implicitlyWait(10, TimeUnit.SECONDS);
driver.get("https://shop.polymer-project.org/");
Thread.sleep(5000);

System.out.println(driver.getTitle());
System.out.println(driver.getPageSource());
WebElement shopnowbtn = driver.findElement(By.xpath("//shop-button/a"));
shopnowbtn.click();

这里是错误

异常在线程"main"org.openqa.selenium.NoSuchElement异常：没有这样的元素：无法定位元素：{"方法"："xpath"，"选择器":"//*[@类='样式范围商店-家']/a"}（会话信息： chrome=52.0.2743.116)（驱动程序信息： chromeDrier=2.23.409699 (49b0fa931cda1caad0ae15b7d1b68004acd05129），平台=Windows NT 6.1.7601 SP1x86_64）（警告：服务器未提供任何stackTrace信息）命令持续时间或超时：10.04秒

一些我的信息： Chrome版本52.0.2743.116m， Selenium-server-独立版2.53， ChromeDriver版本2.23
我用过FirefoxDriver工作正常。

那么，有没有运行自动化脚本的chromeDrivePolymer网站？
非常感谢

Answer 1

无法找到元素，因为浏览器之间存在一些差异。

在这种情况下，您应该手动检查两个浏览器中的选择器。

如果您在chrome浏览器上进行检查，您将看到“style scope shop home”类丢失。

我建议使用基于href的选择器。下面是xpath和css选择器的一个变体。

//shop-button/a[contains(@href, 'list')]

或者

shop-button a[href*=list]

当您知道不同浏览器的页面可能不同时，请始终检查两个浏览器中的选择器。

Answer 2

因为我在这里是新手，所以不能使用注释，所以添加到@Lauda答案中，聚合物使用阴影DOM。但是火狐网页的最终页面来源和样式Chrome之间存在差异。有时，文档级别的CSS会覆盖阴影DOM元素的本地样式。在这两种浏览器中，甚至立即购物元素的外观也不同。

如前所述，您需要修改定位器以删除类值。也许添加id到你想要的元素。