その場合の最初のリンクをクリックする方法：

<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

カピバラはいくつか.itemのを見つけたため、例外が発生します。カピバラ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が一致の配列を処理し、特定の一致を抽出できることです。あなたはこれと一致することができるはずです。

私のプロジェクトの1つからの実用的な例：

page.find（ "div.panel"、text：/ Proposals /）内
  page.find（ 'tr'、text：/ Foo /）内
    page.should have_xpath（ 'td [3]'、text：@today）
  終わり
終わり

first（）は常に待機するわけではないため、おそらくこれは便利です。

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

これらのソリューションのほとんどは、カピバラの素晴らしい待機機能を使用しません

このリンクが示唆するようにしてください：https :
//thoughtbot.com/blog/write-reliable-asynchronous-integration-tests-with-capybara#find-the-first-matching-element

悪い：

first(".active").click
ページに.active要素がない場合、最初はnilを返し、クリックは失敗します。

良い：

あなたがちょうど1つがあることを確認したい場合
find(".active").click

最初の要素だけが必要な場合、
find(".active", match: :first).click
カピバラはクリックする前に要素が表示されるのを待ちます。

注match: :firstあなたは試合に新しい要素を導入した場合、それは静かに別の要素をクリックしますので、より脆いです。

簡単に使用できます：

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