水豚不能选中复选框

Question

I feel like I have tried everything, but I cannot select a checkbox in my application.

I have two checkboxes that look like this. One with 'cheese' and one with 'pickles'. they're auto generated with Rails form_with's = form.check_box

<input name="foods[]" type="hidden" value="0" autocomplete="off">
<input class="foodCheckbox" type="checkbox" value="cheese" name="food[]" id="food_cheese">
<a target="_blank" href="MyString">cheese</a>

Now to my testing. I have tried the following:

1.

check('food_cheese')
check('#food_cheese')

find("food_cheese").click
find("#food_cheese").click
find("food_cheese", visible: false).click
find("#food_cheese", visible: false).click

find(:css, "#food_cheese").set(true)

find(:css, "#food_cheese", visible: false).execute_script('this.checked = true')

The page finds the checkboxes. I cannot click the label because it is a link. When I do save_and_open nothing is selected. How do I select a checkbox?

Answer 1

You can use

find("#food_cheese").execute_script("this.click()")

or

page.execute_script("document.querySelector('#food_cheese').click()")