如何测试没有显示div?
How to test if a div is not displayed?
我有一个 div
和一个独特的 id='myDiv'
。在 CasperJS 测试中,我需要验证此 div
未显示(即 display=none
)。
我怎样才能做到这一点?
CasperJS 在 tester
模块中提供 visible
function in the casper
module and assertVisible
。
它检查
- 是否
getComputedStyle
产生异常,
style.visibility === 'hidden' || style.display === 'none'
,
style.display === "inline" || style.display === "inline-block"
和
elem.clientHeight > 0 && elem.clientWidth > 0
顺序。
如果隐藏了祖先元素但不隐藏测试元素,这也有效。
您可以在 vanilla-js 中尝试计算样式:
getComputedStyle(document.getElementById('myDiv')).display == 'none';
我有一个 div
和一个独特的 id='myDiv'
。在 CasperJS 测试中,我需要验证此 div
未显示(即 display=none
)。
我怎样才能做到这一点?
CasperJS 在 tester
模块中提供 visible
function in the casper
module and assertVisible
。
它检查
- 是否
getComputedStyle
产生异常, style.visibility === 'hidden' || style.display === 'none'
,style.display === "inline" || style.display === "inline-block"
和elem.clientHeight > 0 && elem.clientWidth > 0
顺序。
如果隐藏了祖先元素但不隐藏测试元素,这也有效。
您可以在 vanilla-js 中尝试计算样式:
getComputedStyle(document.getElementById('myDiv')).display == 'none';