selenium-webdriver - 如何正确地将 shadow DOM CSS 选择器转换为非 shadow-DOM 选择器-6ren

selenium-webdriver - 如何正确地将 shadow DOM CSS 选择器转换为非 shadow-DOM 选择器

转载作者：行者123 更新时间：2023-12-01 02:10:37

28

4

我想使用不支持 Shadow-DOM 的浏览器(如 Firefox、PhantomJS 以及其他使用 WebDriver 的浏览器)测试 Polymer 应用程序。
当我使用类似的东西时，Firefox 和 PhantomJS 的 WebDriver 命令失败

driver.findElement(const By.cssSelector('* /deep/ #some-div'));

当无法应用 polyfill 时，是否有一些规则如何最好地翻译/近似这些选择器:

/deep/

::shadow

:host()

:host-context()

:content

我想创建一个函数，在发送请求之前，为不支持它们的浏览器自动将此类选择器转换为非影子 DOM 选择器，为此我需要知道如何翻译它们。

最佳答案

问题有点老了，但以防万一你自己还没有弄清楚。

/deep/ (已弃用):正如您在回答中所说，在大多数情况下只需将其删除即可。

::阴影 (已弃用):也可以删除。如果您的目标节点不是宿主元素影子根的直接子节点，则用 > 替换它可能不起作用。

:host() 伪类用于从 中选择自定义元素内 shadow-dom，在不支持的浏览器中，它等于从子元素中选择父元素。因为我们don't have parent selectors在 css 中并且您正在编写 js 进行转换，您可以识别宿主元素的 tagName 并使用它代替 :host 选择器。类似以下内容:

:host {
  opacity: 0.4;
  transition: opacity 420ms ease-in-out;
}
:host(:hover) {
  opacity: 1;
}
:host(:active) {
  position: relative;
  top: 3px;
  left: 3px;
}
/*Convert it to*/

x-element {
  opacity: 0.4;
  transition: opacity 420ms ease-in-out;
}
x-element:hover {
  opacity: 1;
}
x-element:active {
  position: relative;
  top: 3px;
  left: 3px;
}

:主机上下文(<selector>)伪类匹配宿主元素，如果它或其任何祖先匹配 <selector> .例如:
仅当自定义元素是类 .different 的元素的后代时，以下规则才适用于自定义元素。 .

:host-context(.different) {
  color: red;
}

<body class="different">
  <x-foo></x-foo>
</body>

用任何简单的东西替换这个并不容易。偶 webcomponents polyfill不尝试。我想不出任何 css 唯一的方法来实现这一点。

::内容目标宿主元素的分布式子节点，即使用内容选择器选择显示的所有元素。用宿主元素的 tagName 替换::content 选择器应该在这里工作。即

::content > h3 {
  color: green;
}

/*replace it with*/

x-element h3 {
  color: green;
}

请注意，我已经删除了子选择器 >同样来自上面，因为在分发 h3 后不受支持的浏览器中将不再是 x-element 的直接后代。鉴于内容选择器的使用方式，我建议在任何可用的地方也删除子选择器。

关于selenium-webdriver - 如何正确地将 shadow DOM CSS 选择器转换为非 shadow-DOM 选择器，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/29806506/

28

4

0

文章推荐： javascript - JQuery 滚动到窗口顶部时隐藏按钮

文章推荐： javascript - 结合 jQuery 准备 + 更改

文章推荐： python - Python的报纸包返回哪些文章？

文章推荐： jquery - Jquery 中的 If/Else 语句

watir-webdriver - 如何将 Selenium-Webdriver 对象转换为 Watir-Webdriver
我想在 Watir webdriver 中使用 selenium webdriver Actions。这可能吗？也可以在 watir webdriver 中使用 java 代码。请帮忙。我浏览了很
webdriver - Watir-webdriver 黑色截图
我正在使用 watir-webdriver 浏览我的网站并在不同的浏览器中抓取屏幕截图。有时在 IE 中截取的屏幕截图大小合适，但颜色完全是黑色。同时运行的 Firefox 测试看起来很好。 bro
selenium-webdriver - webdriver 警告服务器未提供任何堆栈跟踪信息
我已经编写了 driver.findElement(By.id("kfiDocumentLink")).click(); 用于单击“KFI 文档”按钮的代码。请找到HTML代码。 Download
webdriver - Selenium WebDriver - 如何验证多行文本
我有一个包含以下内容的 html 页面: This is Login page. Please click below link
webdriver - Java WebDriver 等待页面加载
我想获得页面加载异常，但仍然没有结果。我使用implicitlyWait 设置计时器以抛出异常。 WebDriver driver = new FirefoxDriver(); driver.man
webdriver - Selenium WebDriver 有没有录像机？
我正在使用具有 IE 特定应用程序的 Selenium Webdriver。我知道我们可以截取执行的截图。同样，是否有任何选项可以将 selenium 执行记录为视频？最佳答案 WebDriver
webdriver - Selenium WebDriver 如何克服同源策略
Selenium WebDriver 如何克服同源策略？ Selenium RC 中存在同源策略问题最佳答案 First of all “Same Origin Policy” is introdu
webdriver - 从输入字段中提取文本 - 使用 Webdriver
我将如何从输入文件中提取文本？我尝试使用 XPath/CSSSelector 但我得到一个空文本，因为它是一个输入字段。这是我的 html 代码: 结果:195 行中的 1 到 50
webdriver - 使用 webdriver 自动验证码？
如何使用 WebDriver 自动验证码？是否有其他方法可以使用 Webdriver 自动执行验证码？最佳答案您只能使用“alt”属性中的显示验证码值来自动化验证码。在 WebElement
webdriver - WebDriver 中的动态元素 ID
最近我开始学习 WebDriver，因为我工作的客户计划使用 WebDriver 来自动化 Web 应用程序。我怀疑 WebDriver 如何在网页上定位其 ID 动态变化的元素(比如每次登录应用程
webdriver - watir-webdriver 在沉重的页面上通过正则表达式定位元素非常慢
我发现 watir-webdriver 在一个非常大的页面上通过正则表达式定位元素非常慢，至少在 FF 8.0.1 中对我来说是这样。航类搜索结果页面示例(包含大约 50 个搜索结果，每个都是 htm
selenium-webdriver - WebDriver:如何等待文本在元素中消失
我有一个动态更改其文本的字段。我需要一种方法来等待文本被更改。我不知道会出现什么文本，但我知道当前那里有什么文本。所以我想等待它在元素中消失。有办法吗？最佳答案你可以试试ExpectedCondi
selenium - 在 System.setProperty ("webdriver.gecko.driver", "")中， "Path to your WebDriver"是什么意思？
自从我使用 Firefox 升级到 3.0 beta 后，我就有了这个异常(exception)。 Exception in thread "main" java.lang.IllegalStateE
webdriver - Selenium webdriver C# - 获取整页截图
任何人都可以帮助我使用 Selenium webdriver 截取整页屏幕截图。我正在使用 c#/Nunit。我正在使用的当前方法不是完整的浏览器页面。我正在使用下面的代码截取屏幕截图。 publi
selenium-webdriver - 如何从 WebDriver 的本地缓存中保存图像？
我通过 WebDriver (Chrome) 从网页下载图像 // STEP 1 $driver->get($link); // STEP 2 $els=$driver->findElements(W
selenium-webdriver - Selenium WebDriver 的默认隐式等待值是什么？
Selenium WebDriver 的默认隐式等待值是什么？ selenium 文档说它是“0”，但是当我在一个全新的项目上调用 .findElement 时，DOM 上不存在元素，它似乎在一段时间
selenium-webdriver - 测试失败后 webdriver 的超时问题和陈旧实例
我正在使用 Webdriver 测试 Web 应用程序，大致如下所述。当测试通过时，一切都很好。但是，当其中一个测试失败时，我注意到以下 2 个问题。 a) 如果一个测试失败，则套件中的其余测试将超时
webdriver - 如何调试 Selenium WebDriver 操作？
我正在使用 Selenium WebDriver 并遇到问题。在 UI 中，WebDriver 可以看到元素，但无法执行任何操作，例如单击、键入、选择等。元素由 selenium 找到并作为 web
webdriver - 使用 WebDriver 处理 UntrustedSSLcertificates
我在 Java 中使用 Web 驱动程序处理 UntrustedSSLcertificates 时陷入困境。我创建了 Firefox 配置文件，如: FirefoxProfile profile =
webdriver - 使用 Selenium WebDriver 时如何知道我使用的浏览器类型？
选择的编程语言是 Java。我已经用 Java 编写了一个方法，我将 WebDriver 作为参数传递给它... public boolean myMethod(WebDriver webDriver

首页

博学

6Ren·AI

商城

selenium-webdriver - 如何正确地将 shadow DOM CSS 选择器转换为非 shadow-DOM 选择器