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

发布时间：2020-12-17 09:09:48 所属栏目：安全来源：网络整理

导读：我试图测试一个元素是否可见使用量角器。这是元素的外观： i class="icon-spinner icon-spin ng-hide" ng-show="saving"/i 在Chrome控制台中，我可以使用此jQuery选择器来测试元素是否可见： $('[ng-show=saving].icon-spin')[i class=?"icon-spinner icon-s

我试图测试一个元素是否可见使用量角器。这是元素的外观：

<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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!