使用watir设置复选框

Question

<div class="icheckbox_minimal" style="position: relative;">
<input class="checkbox" type="checkbox" value="1" name="order[terms]" 
id="order_terms" style="position: absolute; top: -20%; left: -20%; 
display: block; width: 140%; height: 140%; margin: 0px; padding: 0px;     
background: rgb(255, 255, 255); border: 0px; opacity: 0;">
<ins class="iCheck-helper" style="position: absolute; top: -20%; left: -20%; 
display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; 
background: rgb(255, 255, 255); border: 0px; opacity: 0;">
</ins>
</div>

如何设置此元素的复选框？

我尝试了以下

browser.checkbox(:class => "iCheck-helper").when_present.set

browser.div(:class => "icheckbox_minimal").fire_event :click

Answer 1

您可以点击ins标签来设置如下所示的复选框值。

if !browser.checkbox(id: 'order_terms').set? then
puts "not set"
browser.element(class: 'iCheck-helper').click
end
puts browser.checkbox(id: 'order_terms').set? 

Answer 2

试试这个

browser.checkbox(id: "order_terms").set

当您定位一个元素时，当您使用方法checkbox时，该元素必须是checkbox，但您将div的定位器传递给checkbox方法。