一尘不染

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

angularjs

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

<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.

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


阅读 228

收藏
2020-07-04

共1个答案

一尘不染

应该这样做:

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

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

2020-07-04