測試<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);