Angularjs 量角器表示复选框不可见，但它是可见的。如何调查和修复它？

因此，我在angular应用程序中有一个HTML：

<div class="panel">
    <input class="eula" id="eula" type="checkbox" />
    <label for="eula">I agree</label>
</div>

第一个是真的。第二个是错误的。真奇怪。这也应该是事实

因此，我尝试：

element( by.css( '.panel' ) ).getOuterHtml()
.then( function ( html ) {
    console.log( html );
});

我得到：

<input class="eula" id="eula" type="checkbox">

---

从我所看到的，没有什么隐藏复选框，所以我不明白为什么量角器说这是不可见的。有没有其他方法来测试这一点？有没有关于如何继续调试和修复它的想法？

来自量角器isDisplayed（）文档：

检查元素是否存在于页面的DOM中且可见的期望。可见性意味着不仅显示图元，而且其高度和宽度都大于0

---

输入有一个display:none属性，这就是问题所在。

如果这是答案，请随意输入它作为此问题的正式答案，并在可能的情况下接受它。是否使用以下内容进行了测试：expect（element（by.id（'eula'））.isDisplayed（））.toBeTruthy（）；是的，但仍然不起作用。问题是display:none属性的输入。不管我使用哪个选择器，它仍然是隐藏的。

<input class="eula" id="eula" type="checkbox">