测试<span>对于ng-show属性是否可见

Question

在我看来，我需要测试ng-show="showMsgRoundDownToHours"是否使跨度可见。这是视图：

<div class="highlight"> 
    ...  
    <span class="MsgRoundDownToHours" ng-show="showMsgRoundDownToHours"> 
     {{msgRoundDownToHours}} 
    </span><br> 
    ... 
</div> 

这是我针对该方案量角器测试：

describe('c2g test', function() { 
    ... 
    var showMsgRoundDownToHours = element(by.css('.MsgRoundDownToHours')); 
    ... 
    // 10km and 229 minutes) 
    it('10km, 229 minutes', function() { 
    ... 
    expect(showMsgRoundDownToHours).toBe(false); 
    ... 
    }); 
}); 

我不知道如何选择特定区间。我试过让span a div，但这打破了布局。我试过把它分配给一个css类MsgRoundDownToHours，但这会让我的控制台爆炸出错。有没有其他方法可以选择该跨度？我很高兴做css修改。

Answer 1

查找元素，并检查使用isDisplayed()能见度：

expect(element(by.css('span.MsgRoundDownToHours')).isDisplayed()).toBe(true);