coypu - 在 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；第三个参数是考虑不可见元素。我们可以在 true 或 false 上更改此参数的值。