使用量角器定位阴影根内部的元素

Question

我的应用程序的大多数元素都在shadow-root（open）下。我需要使用量角器框架使它们自动化。 deepCSS没有解决。请帮助我自动化这些元素-大多是单击。

我必须使用量角器自动化框架单击阴影根元素。我尝试了deepCSS，xpath等。没有任何效果。

    var spanElem = element.all(by.deepCss('.heading'));
    spanElem.click()
            //browser.actions().mouseMove(spanElem).click().perform();

Answer 1

类似问题：

• deepCss is failing to identify an element inside the shadow root in Protractor
• Protractor: Unable select input element inside a shadow DOM (Polymer) using by.deepCss('input')

似乎Shadow DOM尚未得到量角器的良好支持。第二个问题的答案指向此问题https://github.com/angular/protractor/issues/4367，还提供了添加自定义定位符by.addLocator('css_sr', (cssSelector: string, opt_parentElement, ....的解决方法。我也确认这对我也有效。