使用量角器获取某个属性值的子元素

Question

如果弹出弹出窗口，我想用量角器测试。这是我的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来选择它。这就是我一直试图selet它：

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 */ 

}); 

的执行console.log给了我错误的CSS选择是错误的。有什么建议么？

Answer 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); 
}); 

希望这会有所帮助。