量角器获取 DOM 元素并使用它们的属性

Question

我在 Polymer/Angular 应用程序上使用 Protractor 和 Selenium 运行 e2e 测试。 大多数元素都在 shadow DOM 中（我设法使用自定义 css 定位器来处理它，但它使我的测试变得不稳定，因为 dom 中的任何更改都会破坏它们）。问题是开发人员已经实现了一个虚拟滚动列表： 滚动列表中只加载了几个项目，滚动时会加载下一个项目。 我问我的开发人员如何处理它，他们告诉我我必须获取 Web 组件并在没有量角器的情况下对其进行测试，也就是运行这样的命令：

document.querySelector('virtual-scroll').baseList

其中 baseList 是标签的公共属性。 我试过了

var element = browser.executeScript('return document.querySelector("virtual-scroll")');
element.then(function (el){
  console.log(el.$.baseList);
});

但上面的命令返回一个 WebElement。有没有办法像 javascript querySelector 命令一样返回 HTML DOM 元素？

编辑：根据要求提供我想获得的带有滚动列表属性的源代码

Answer 1

如果“virtual-scroll”是影子根元素的名称，baseList 是该元素的属性。您可以使用以下命令获取它。

var baseList = browser.executeScript('return document.querySelector("virtual-scroll").baseList');

顺便说一句，您可以使用 Selenium 测试 shadow DOM。请参阅下面的示例。

var shadowRootElement = browser.executeScript('return document.querySelector("virtual-scroll").shadowRoot');
var element = shadowRootElement.findElement(......);