javascript - 如何使用javascript检查 Protractor 中的复选框是否被选中

Question

我正在尝试编写一个端到端的 Protractor 测试，但我一直在检查复选框是否已启用，因为它没有 checked 属性或任何东西。在 javascript 中有什么方法我们可以通过获取一个元素来检查列表并检查它是否被选中，如果它被选中则获取该元素的文本。

这是我对 HTML 的看法:

<li>

<div _ngcontent-c8="" class="ng-tns-c8-2" >

<input _ngcontent-c8="" class="ng-tns-c8-2" type="checkbox" id="Team TableAccepted">

<label _ngcontent-c8="" class="ng-tns-c8-2" for="Team TableAccepted">Accepted</label></div>

</li>

Answer 1

isSelected()应该在这里做的伎俩:

鉴于此输入:<input type="checkbox" id="team" />

要检查它是否被选中，我们将编写以下内容:

const checkbox = element(by.id('team'));

expect(checkbox.isSelected()).toBe(true);

如果您不想使用 Protractor 而更喜欢 vanilla js，这是另一种选择:

const isChecked = document.getElementById('team').checked;

此外，HTML4 和 HTML5 都不允许在 id 中使用空格字符属性值。在您输入的情况下:<input _ngcontent-c8="" class="ng-tns-c8-2" type="checkbox" id="Team TableAccepted"> , id="Team TableAccepted不是有效的 HTML。对于 id属性，将值限制为一个描述符。

希望这对您有所帮助!