使用量角器获取具有特定属性值的 span 的子元素答案

【问题标题】：Get child element of span with certain attribute value with protractor使用量角器获取具有特定属性值的 span 的子元素
【发布时间】：2015-09-12 16:44:37
【问题描述】：

如果弹出一个弹出框，我想用量角器进行测试。这是我的html。弹出框位于最后一个子跨度中：

<span tariff-popover="views/popovers/c2g/airport.html" class="ng-isolate-scope">
    <span ng-transclude="">
        <span class="ng-scope">
           Flughafenpauschale
         </span>
     </span>
        &nbsp;
     <span popover-placement="right" popover-template="text" popover-trigger="mouseenter" class="fa fa-info-circle">
     </span>
</span>

如何选择最后一个跨度？我需要根据父跨度上tariff-popover 的值来选择它。这就是我尝试选择它的方式：

it('should display the popover-content on mouseover', function() {
  var popover = element(by.css('span[tariff-popover=views/popovers/c2g/airport.html] > .fa.fa-info-circle'));

  console.log(popover.getInnerHtml());

  /* more tests here */

});

由于 css 选择器错误，console.log 给了我错误。有什么建议吗？

【问题讨论】：

标签： javascript angularjs protractor angular-ui-bootstrap popover

【解决方案1】：

关税弹出值周围应该有引号。试试这个 -

var popover = element(by.css('span[tariff-popover="views/popovers/c2g/airport.html"] > .fa.fa-info-circle'));

此外，.getInnerHtml() 将返回一个承诺。所以，你需要等待它返回一个值。方法如下 -

popover.getInnerHtml().then(function(val){
    console.log(val);
});

希望这会有所帮助。

【讨论】：