Comment cliquer sur le premier lien de la liste des éléments après la mise à niveau vers Capybara 2.0 ?

Question

Comment cliquer sur le premier lien dans ce cas :

<div class="item">
  <a href="http://stackoverflow.com/agree/">Agree</a>
</div>
<div class="item">
  <a href="http://stackoverflow.com/agree/">Agree</a>
</div>

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

et je reçois cette erreur :

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

Et sans le within Je reçois cette erreur :

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

Answer 1

Vous pouvez simplement utiliser :

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

ou

first('.item > a').click

(si votre sélecteur par défaut est :css)

---

Le code dans votre question ne fonctionne pas comme :

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

est équivalent à :

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

Le capybara trouve plusieurs .item de sorte que cela soulève une exception. Je considère que ce comportement de Capybara 2 est très bon.

Answer 2

Essayez ce qui suit :

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

Sources :

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

Answer 3

Cette formulation fonctionne également :

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

Answer 4

La plupart de ces solutions n'utiliseront pas les brillantes fonctionnalités d'attente de Capybara

Il vaut mieux faire comme ce lien le suggère :
https://thoughtbot.com/blog/write-reliable-asynchronous-integration-tests-with-capybara#find-the-first-matching-element

Mauvais :

first(".active").click
S'il n'y a pas encore d'élément .active sur la page, first retournera nil et le clic échouera.

Bien :

Si vous voulez vous assurer qu'il y a exactement un
find(".active").click

Si vous voulez juste le premier élément
find(".active", match: :first).click
Capybara attendra que l'élément apparaisse avant d'essayer de cliquer.

Notez que match: :first est plus fragile, car il cliquera silencieusement sur un élément différent si vous introduisez de nouveaux éléments qui correspondent.

Answer 5

Xpath peut s'adresser à l'élément. Je ne suis pas encore très bon avec ça, mais quelque chose comme //div[@class='active'][1]/a

Cela peut fonctionner ou non, mais le fait est que xpath peut traiter un tableau de correspondances et en extraire une en particulier. Vous devriez être capable de trouver une correspondance avec ceci.

Un exemple de travail tiré de l'un de mes projets :

within page.find("div.panel", text: /Proposals/) do
  within page.find('tr', text: /Foo/) do
    page.should have\_xpath('td\[3\]', text: @today)
  end
end