จะตรวจสอบช่องทำเครื่องหมายใน Capybara ได้อย่างไร?

ฉันใช้ Rspec และ Capybara

ฉันจะเขียนขั้นตอนในการตรวจสอบได้checkboxอย่างไร? ฉันพยายามcheckตามค่า แต่ไม่พบcheckboxไฟล์. ฉันไม่แน่ใจว่าต้องทำอย่างไรเนื่องจากฉันมี ID เดียวกันและมีค่าต่างกัน

นี่คือรหัส:

 <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">

ฉันพบว่าสิ่งต่อไปนี้ใช้ได้ผลสำหรับฉัน:

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

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

จะเป็นการดีกว่าที่จะไม่สร้างองค์ประกอบหลายรายการด้วยรหัสเดียวกันดังนั้น (และไม่เพียงเท่านั้น) คุณสามารถเลือก / ยกเลิกการเลือกช่องทำเครื่องหมายด้วย elegant

check 'cityID'
uncheck 'cityID'

หากไม่สามารถหลีกเลี่ยงหลายองค์ประกอบที่มีรหัสเดียวกันและยังคงต้องทำเครื่องหมายในช่องที่มีค่าบางอย่างเขาสามารถทำได้ด้วย

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

ดูข้อมูลเพิ่มเติมเกี่ยวกับการปรับแต่งการป้อนข้อมูลคาปิบาราได้ที่นี่

เมื่อทำการทดสอบคาปิบาร่าคุณจะได้รับpageวัตถุ คุณสามารถใช้เพื่อทำเครื่องหมาย / ยกเลิกการเลือกช่องทำเครื่องหมายใด ๆ ดังที่ @buruzaemon ได้กล่าวไว้แล้ว:

เพื่อค้นหาและเลือกช่องทำเครื่องหมายตามชื่อรหัสหรือข้อความป้ายกำกับ

สมมติว่าคุณมีช่องทำเครื่องหมายใน html ของคุณเช่น:

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

คุณสามารถตรวจสอบสิ่งนี้ได้ด้วย:

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

ยกเลิกการเลือกก็เหมือนกันใช้page.uncheckวิธี

ฉันคิดว่าคุณอาจต้องให้idองค์ประกอบแบบฟอร์มของคุณที่ไม่ซ้ำใครก่อนอื่น

แต่ในส่วนที่เกี่ยวกับ Capybara และช่องทำเครื่องหมายนั้นวิธีการตรวจสอบอินสแตนซ์ Capybara :: Node :: Actions #จะช่วยให้คุณค้นหาและทำเครื่องหมายในช่องตามชื่อรหัสหรือข้อความป้ายกำกับ

หากช่องนั้นเชื่อมโยงกับข้อความเช่น 'ตัวเลือก 3' ก็ทำได้ตามที่capybara 3.0.3คุณต้องการ

check 'Option 3'

ฉันรู้ว่านี่เป็นคำถามที่เก่ากว่า แต่ฉันได้ดำเนินการด้วยตัวเองและได้ลองทำทุกข้อข้างต้นแล้วนี่คือสิ่งที่ได้ผลสำหรับฉันในที่สุด:

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

หวังว่านี่จะเป็นประโยชน์กับใครบางคน ฉันใช้ Capybara 2.4.4

หัวข้อเก่า แต่วิธีแก้ปัญหาอื่นคือ:

check('Option 3', allow_label_click: true)

คุณยังสามารถใช้: xpath แทน: css หากคุณมีปัญหาในการค้นหา

ค้นหา (: xpath, '//*[@id="example"]').set(true)

บน Chrome (และเบราว์เซอร์อื่น ๆ ) คุณสามารถ "ตรวจสอบองค์ประกอบ" จากนั้นคลิกขวาที่องค์ประกอบที่คุณสนใจจะมี "คัดลอก xpath" หากคุณไม่รู้ว่า xpath คืออะไรตอนนี้คุณทำ

คุณยังสามารถตรวจสอบว่าไม่ได้เลือกช่องทำเครื่องหมายทั้งหมดด้วยตัวอย่างนี้

ทั้งหมด ('input [type = checkbox]') แต่ละทำ | ช่องทำเครื่องหมาย | checkbox.should_not be_checked end

.set (true) ใช้ไม่ได้สำหรับฉันดังนั้นฉันจึงต้องโทร. คลิก:

find(...).click

มีปัญหาบางอย่างกับช่องทำเครื่องหมายที่กำหนดเองซึ่งซ่อนอยู่หลังองค์ประกอบป้ายกำกับ allow_label_click: trueที่จำเป็น

มีการอ้างอิงถึงนี้โพสต์บล็อก ,

check 'checkbox[name]', allow_label_click: true

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

ฉันคิดว่าสิ่งนี้จะทำให้ capybara รอให้ผู้ฟังเหตุการณ์ใด ๆ ที่แนบมากับอินพุตนั้นซึ่งบางครั้งก็เป็นเรื่องที่เจ็บปวดหากไม่รอ .... หากอินพุตนั้นไม่มี ID ให้เลือกคุณสมบัติอื่น (ต้องมีอย่างใดอย่างหนึ่ง) ...

เพื่อเลือกช่องทำเครื่องหมาย

  check 'name_of_checkbox'