使用Selenium测试Polymer元素和阴影DOM

概述我在使用Selenium时遇到了阴影DOM内部元素的问题.这有诀窍吗？难道我做错了什么？ 这是我的各种尝试： var webdriver = require('selenium-webdriver');var driver = new webdriver.Builder().forBrowser('chrome').build();driver.get('https://shop.polym 我在使用Selenium时遇到了阴影DOM内部元素的问题.这有诀窍吗？难道我做错了什么？

这是我的各种尝试：

var webdriver = require('selenium-webdriver');var driver = new webdriver.Builder().forbrowser('@R_502_5567@').build();driver.get('https://shop.polymer-project.org/');// Goal is to find shop-app #shadow-root app-header//// This is OK; no shadow DOMsdriver.findElement(webdriver.By.CSS('shop-app'));// This fails because:// NoSuchElementError: no such element: Unable to locate elementdriver.findElement(webdriver.By.CSS('shop-app /deep/ app-header'));// This fails because:// NoSuchElementError: no such element: Unable to locate elementdriver.findElement(webdriver.By.CSS('shop-app::shadow app-header'));// This fails because:// TypeError: Custom locator dID not return a WebElementdriver.findElement(webdriver.By.Js(function() {    return document.querySelector('shop-app /deep/ app-header');}));// This fails because:// TypeError: Custom locator dID not return a WebElementdriver.findElement(webdriver.By.Js(function() {    return document.querySelector('shop-app::shadow app-header');}));// This fails because:// WebDriverError: unkNown error: Cannot read property 'querySelector' of nulldriver.findElement(webdriver.By.Js(function() {    return document.querySelector('shop-app').shadowRoot.querySelector('app-header');}));// This fails because:// WebDriverError: unkNown error: Cannot read property 'header' of undefineddriver.findElement(webdriver.By.Js(function() {    return document.querySelector('shop-app').$.header;}));

我正在运行节点7.1.0和selenium-webdriver 3.0.1.

解决方法 我认为最好使用selenium选择器并注入脚本以获取阴影根：

def expand_shadow_element(element):  shadow_root = driver.execute_script('return arguments[0].shadowRoot',element)  return shadow_rootouter = expand_shadow_element(driver.find_element_by_CSS_selector("#test_button"))inner = outer.find_element_by_ID("inner_button")inner.click()

为了说明这一点,我刚刚在@R_502_5567@的下载页面添加了一个可测试的示例,单击搜索按钮需要打开3个嵌套的阴影根元素：

import seleniumfrom selenium import webdriverdriver = webdriver.@R_502_5567@()def expand_shadow_element(element):  shadow_root = driver.execute_script('return arguments[0].shadowRoot',element)  return shadow_rootdriver.get("@R_502_5567@://downloads")root1 = driver.find_element_by_tag_name('downloads-manager')shadow_root1 = expand_shadow_element(root1)root2 = shadow_root1.find_element_by_CSS_selector('downloads-toolbar')shadow_root2 = expand_shadow_element(root2)root3 = shadow_root2.find_element_by_CSS_selector('cr-search-fIEld')shadow_root3 = expand_shadow_element(root3)search_button = shadow_root3.find_element_by_CSS_selector("#search-button")search_button.click()

执行其他答案中建议的相同方法的缺点是它对查询进行硬编码,可读性较差,并且您无法将中间选择用于其他 *** 作：

search_button = driver.execute_script('return document.querySelector("downloads-manager").shadowRoot.querySelector("downloads-toolbar").shadowRoot.querySelector("cr-search-fIEld").shadowRoot.querySelector("#search-button")')search_button.click()

总结

以上是内存溢出为你收集整理的使用Selenium测试Polymer元素和阴影DOM全部内容，希望文章能够帮你解决使用Selenium测试Polymer元素和阴影DOM所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。