小编Bac*_*chu的帖子

量角器:无法使用by.deepCss('input')在阴影DOM(聚合物)中选择输入元素

环境: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内部的内部输入元素?

谢谢

巴桑斯

typescript polymer protractor e2e-testing angular

4
推荐指数
1
解决办法
1615
查看次数

ECharts - 无法在时间轴(xAxis)上创建垂直标记线

当轴类型为“时间”时,无法将垂直标记添加到 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 标记?

echarts ngecharts

4
推荐指数
1
解决办法
3202
查看次数