如何使用量角器检查元素是否可见？

Question

我正在尝试使用量角器测试元素是否可见。元素的外观如下：

<i class="icon-spinner icon-spin ng-hide" ng-show="saving"></i>

在chrome控制台中时，我可以使用此jQuery选择器测试该元素是否可见：

$('[ng-show=saving].icon-spin')
[
<i class=​"icon-spinner icon-spin ng-hide" ng-show=​"saving">​</i>​
]
> $('[ng-show=saving].icon-spin:visible')
[]

但是，当我尝试在量角器中执行相同操作时，在运行时出现此错误：

InvalidElementStateError: 
invalid element state: Failed to execute 'querySelectorAll' on 'Document': 
'[ng-show=saving].icon-spin:visible' is not a valid selector.

为什么这无效？如何使用量角器检查可见性？

Answer 1

应该这样做：

expect($('[ng-show=saving].icon-spin').isDisplayed()).toBe(true);

记住量角器的$不是jQuery和:visible不_尚_的一部分提供CSS选择器+伪选择