如何测试没有显示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';