Làm thế nào để kiểm tra một hộp kiểm trong capybara?

Tôi đang sử dụng Rspec và Capybara.

Làm thế nào tôi có thể viết một bước để kiểm tra checkbox? Tôi đã cố gắng checktheo giá trị nhưng nó không thể tìm thấy của tôi checkbox. Tôi không chắc phải làm gì, vì thực tế tôi có cùng một ID với các giá trị khác nhau

Đây là mã:

 <input id="cityID" type="checkbox" style="text-align: center; opacity: 0;" value="61" name="cityID">
 <input id="cityID" type="checkbox" style="text-align: center; opacity: 0;" value="62" name="cityID">
 <input id="cityID" type="checkbox" style="text-align: center; opacity: 0;" value="63" name="cityID">

Tôi tìm thấy những điều sau đây làm việc cho tôi:

# Check
find(:css, "#cityID[value='62']").set(true)

# Uncheck
find(:css, "#cityID[value='62']").set(false)

Tốt hơn hết là không tạo nhiều phần tử với cùng một id , để (và không chỉ cho điều đó) bạn có thể dễ dàng kiểm tra / bỏ chọn hộp kiểm một cách trang nhã

check 'cityID'
uncheck 'cityID'

Nếu một người không thể tránh được nhiều yếu tố có cùng id và vẫn cần kiểm tra hộp kiểm có giá trị nhất định , anh ta có thể làm như vậy với

find(:css, "#cityID[value='62']").set(true)
find(:css, "#cityID[value='62']").set(false)

Thông tin thêm về các thao tác nhập liệu capybara có thể được tìm thấy ở đây

Khi chạy thử nghiệm capybara, bạn đã có pageđối tượng. Điều này bạn có thể sử dụng để kiểm tra / bỏ chọn bất kỳ hộp kiểm nào. Như @buruzaemon đã đề cập:

để tìm và kiểm tra hộp kiểm theo tên, id hoặc văn bản nhãn.

Vì vậy, giả sử bạn có một hộp kiểm trong html của bạn như:

<label>  
  <input type="checkbox" value="myvalue" name="myname" id="myid">
  MyLabel
</label>

Bạn có thể kiểm tra điều này với:

page.check('myid')
page.check('MyLabel')
page.check('myname')

Bỏ chọn là giống nhau chỉ sử dụng page.uncheckphương pháp.

Tôi nghĩ rằng bạn có thể phải cung cấp ids duy nhất cho các yếu tố hình thức của bạn , trước hết.

Nhưng liên quan đến Capybara và các hộp kiểm, phương thức kiểm tra Capybara :: Node :: Action # sẽ cho phép bạn tìm và kiểm tra hộp kiểm theo tên, id hoặc văn bản nhãn.

Nếu hộp được liên kết với văn bản, ví dụ: 'Tùy chọn 3', thì capybara 3.0.3bạn có thể làm

check 'Option 3'

Tôi biết đây là một câu hỏi cũ hơn, nhưng tôi đã tự mình giải quyết vấn đề này và đã thử tất cả những điều trên, đây là điều cuối cùng đã làm cho tôi:

find("input[type='checkbox'][value='#{cityID.id}']").set(true)

Hy vọng điều này là hữu ích cho một ai đó. Tôi đang sử dụng Capybara 2.4.4.

Một chủ đề cũ nhưng một giải pháp khác là:

check('Option 3', allow_label_click: true)

bạn cũng có thể sử dụng: xpath thay vì: css nếu bạn gặp một số vấn đề khi tìm nó.

tìm (: xpath, '//*[@id="example"[').set(true)

trên Chrome (và chắc chắn là các trình duyệt khác), bạn có thể "kiểm tra phần tử" và sau đó nhấp chuột phải vào phần tử bạn quan tâm, có 'sao chép xpath' nếu bạn không biết xpath là gì, bây giờ bạn sẽ làm gì.

Bạn cũng có thể kiểm tra xem tất cả các hộp kiểm tra không được kiểm tra với ví dụ này.

tất cả ('đầu vào [loại = hộp kiểm]'). mỗi do | hộp kiểm | hộp kiểm.should_not be_checked end

.set (true) không hoạt động với tôi nên tôi phải gọi .click:

find(...).click

Có một số vấn đề với hộp kiểm tùy chỉnh được ẩn đằng sau phần tử nhãn. Cần a allow_label_click: true.

Với tham chiếu đến bài viết trên blog này ,

check 'checkbox[name]', allow_label_click: true

check find(".whenever input")[:id]

Tôi nghĩ rằng điều này sẽ khiến capybara chờ đợi bất kỳ người nghe sự kiện nào được đính kèm với đầu vào đó, đôi khi là một sự đau đớn nếu nó không chờ đợi .... Nếu đầu vào đó không có ID, hãy chọn một thuộc tính khác (phải có một) ...

để chọn hộp kiểm

  check 'name_of_checkbox'