小编Ole*_*sii的帖子

环境：Angular（带有Polymer Web Components的v5应用程序。用于运行e2e测试的量角器。

Angular CLI: 1.6.4
Node: 6.10.0
Angular: 5.2.0
@angular/cli: 1.6.4
typescript: 2.5.3

下面给出的是我的聚合物纤维网组件阴影根部，其铬镀铬层。您可以type = "text"在此自定义元素中看到输入。

我无法使用量角器访问自定义聚合物组件内的输入元素by.deepCss。

var polymerFirstName = element(by.className('polyFName'));

var inputs = polymerFirstName.element(by.deepCss('input')); // returns nothing.

我需要访问内部输入元素，以便可以执行类似UI Automation的任务。

element(by.deepCss('input')).clear();

element(by.deepCss('input')).sendKeys('Ritchie');

如果我尝试调用.clear或.sendKeys直接在Polymer组件上运行，它将失败"Failed: invalid element state: Element must be user-editable in order to clear it"。基本上，我无法调用.clear或调用.sendKeys使用Polymer创建的自定义输入元素。

如何从量角器测试访问影子DOM内部的内部输入元素？

谢谢

巴桑斯