环境: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
Run Code Online (Sandbox Code Playgroud)
下面给出的是我的聚合物纤维网组件阴影根部,其铬镀铬层。您可以type = "text"
在此自定义元素中看到输入。
我无法使用量角器访问自定义聚合物组件内的输入元素by.deepCss
。
var polymerFirstName = element(by.className('polyFName'));
var inputs = polymerFirstName.element(by.deepCss('input')); // returns nothing.
Run Code Online (Sandbox Code Playgroud)
我需要访问内部输入元素,以便可以执行类似UI Automation的任务。
element(by.deepCss('input')).clear();
element(by.deepCss('input')).sendKeys('Ritchie');
Run Code Online (Sandbox Code Playgroud)
如果我尝试调用.clear
或.sendKeys
直接在Polymer组件上运行,它将失败"Failed: invalid element state: Element must be user-editable in order to clear it"
。基本上,我无法调用.clear
或调用.sendKeys
使用Polymer创建的自定义输入元素。
如何从量角器测试访问影子DOM内部的内部输入元素?
谢谢
巴桑斯
当轴类型为“时间”时,无法将垂直标记添加到 xAxis。我想添加代表时间轴上不同日期的事件的标记。
我尝试过的示例, https://jsfiddle.net/msbasanth/ez3cgm5d/3/
当我将 xAxis 类型设置为“类别”或“值”时,我可以毫无问题地添加标记线。这就是我在 xAxis 中设置 markLine 的方法。
xAxis: {
type: "time",
axisTick: {
show: false,
},
markLine: {
data: [
[
{
name: 'Mark line between two points',
x: 100,
y: 100
},
{
x: 500,
y: 200
}
]
],
}
}
Run Code Online (Sandbox Code Playgroud)
https://jsfiddle.net/msbasanth/2g614wzu/
在此示例中,我可以看到添加到 xAxis 的标记(类型:“时间”),但看起来很复杂,我可以看到它们具有时间轴的近似值。我们是否有直接的方法在指定日期值上设置时间 xAxis 标记?