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

前端之家收集整理的这篇文章主要介绍了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.

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

这应该做:
expect($('[ng-show=saving].icon-spin').isDisplayed()).toBeTruthy();

记住量角器的$不是jQuery和:visible不是available CSS selectors + pseudo-selectors的一部分

更多信息http://stackoverflow.com/a/13388700/511069

猜你在找的Angularjs相关文章