วิธีคลิกลิงค์แรกในกรณีนั้น:

<div class="item">
  <a href="/agree/">Agree</a>
</div>
<div class="item">
  <a href="/agree/">Agree</a>
</div>

within ".item" do
  first(:link, "Agree").click
end

และฉันได้รับข้อผิดพลาดนี้:

Capybara::Ambiguous:
  Ambiguous match, found 2 elements matching css ".item"

และหากไม่มีwithinฉันได้รับข้อผิดพลาดนี้:

Failure/Error: first(:link, "Agree").click
NoMethodError:
  undefined method `click' for nil:NilClass

คุณสามารถใช้:

first('.item').click_link('Agree')

หรือ

first('.item > a').click

(หากตัวเลือกเริ่มต้นของคุณคือ: css)

รหัสในคำถามของคุณไม่ทำงานเป็น:

within ".item" do
  first(:link, "Agree").click
end

เทียบเท่ากับ:

find('.item').first(:link, "Agree").click

Capybara พบหลาย.itemรายการดังนั้นจึงมีข้อยกเว้น ฉันถือว่าพฤติกรรมของ Capybara 2 นี้ดีมาก

ลองทำดังต่อไปนี้:

within ".item" do
  click_link("Agree", :match => :first)
end

แหล่งที่มา:

• http://rubydoc.info/github/jnicklas/capybara/master/Capybara/Node/Actions#click_link-instance_method
• https://github.com/jnicklas/capybara#strategy

วลีนี้ยังใช้ได้:

within first(".item") do
  click_link "Agree"
end

Xpath สามารถระบุองค์ประกอบได้ ฉันยังไม่ค่อยดีกับมัน แต่มีบางอย่างเช่น//div[@class='active'][1]/a

นั่นอาจได้ผลหรือไม่ก็ได้ แต่ประเด็นก็คือ xpath สามารถจัดการอาร์เรย์ของการจับคู่และดึงข้อมูลที่ต้องการ คุณน่าจะเข้ากับสิ่งนี้ได้

ตัวอย่างการทำงานจากหนึ่งในโครงการของฉัน:

ภายใน page.find ("div.panel", text: / Proposals /) do
  ภายใน page.find ('tr', ข้อความ: / Foo /) do
    page.should have_xpath ('td [3]', text: @today)
  ปลาย
ปลาย

โซลูชันเหล่านี้ส่วนใหญ่จะไม่ใช้คุณสมบัติการรอที่ยอดเยี่ยมของ Capybara

ทำได้ดีกว่าตามลิงค์นี้:
https://thoughtbot.com/blog/write-reliable-asynchronous-integration-tests-with-capybara#find-the-first-matching-element

แย่:

first(".active").click
หากยังไม่มีองค์ประกอบ. active ในหน้าขั้นแรกจะคืนค่าศูนย์และการคลิกจะล้มเหลว

ดี:

หากต้องการแน่ใจว่ามีอย่างใดอย่างหนึ่ง
find(".active").click

หากคุณต้องการเพียงแค่องค์ประกอบแรก
find(".active", match: :first).click
Capybara จะรอให้องค์ประกอบนั้นปรากฏก่อนที่จะพยายามคลิก

โปรดทราบว่าmatch: :firstมีความเปราะมากขึ้นเนื่องจากจะคลิกองค์ประกอบอื่นโดยไม่โต้ตอบหากคุณแนะนำองค์ประกอบใหม่ที่เข้ากันได้

ตั้งแต่แรก () ไม่รอเสมอไปบางทีนี่อาจเป็นประโยชน์:

expect(page).to have_css("selector")                               
first("selector").click

ใช้งานง่าย:

$('.item').find('a').first().click();