在Coypu中查找隐藏的复选框

Question

我正在尝试为我的Bootstrap项目创建测试。我使用的是Coypu。但我遇到了一些问题。我不能选中我的复选框。问题是我改变了我的复选框的样式。现在，标准的Bootstraps复选框被隐藏了。新的复选框隐藏在标准模式中：

 <label> 
     <input type="checkbox" data-bind="checkedValue: key, checked: $parent.selectedCatchments, attr: { id: key }" class="catchment-checkbox" />
 <span data-bind=" text: value, attr: { for: key }" class="lbl padding-8 openSans-Text catchment-checkbox-span"></span>
 </label>

问题是Coypu无法在浏览器上找到隐藏的元素。现在我不能选中选中的复选框或不选中。

这是标准的复选框：

​

​

我在CSS样式中关闭了: opacity: 0。这是具有新样式的新复选框。

​

​

如何在Coypu中检查选中项目的数量？

我可以在SetUp方法中添加ConsideringInvisibleElements = true，但此选项将始终适用于所有测试。当我需要内部测试代码时，如何更改ConsideringInvisibleElements选项的true或false的值？

Answer 1

我找到了这个变体：

var catchmentsCheckboxes = Browser.FindAllXPath("id('catchmentsColumn')/div[1]/div/label/input", null, new Coypu.Options { ConsiderInvisibleElements = true });

第一个参数: xPath to element；第二个参数是可以为空；第三个参数是ConsideringInvisibleElements。我们可以将此参数的值更改为true或false。