在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样式为0。 这是新款式的新复选框。

如何查看Coypu中已检查项目的数量？

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

Answer 1

我找到了这个变种：

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

第一个参数：xPath to element; 第二个参数可以为null; 第三个参数是ConsideringInvisibleElements。我们可以在true或false上更改此参数的值。