Ambiguous match, found 2 elements matching css - Capybara

Question

I have a test that renders two of the same elements on the page. I understand what the problem is with the error but I'm just not sure how to fix it? Here is my test:

TEST

 it "deletes the correct snitch" do
        user    = login_user
        snitch  = create(:snitch, :healthy, owner: user.accounts.first)
        snitch2 = create(:snitch, :healthy, owner: user.accounts.first)

        visit root_path
        delete = page.find(".icon-delete")
        first(delete).click
        expect(page).to have_content("Please confirm this delete.")


 end

ERROR

 Managing snitches deleting a snitch from the index page deletes the correct snitch
 Failure/Error: delete = page.find(".icon-delete")

 Capybara::Ambiguous:
   Ambiguous match, found 2 elements matching css ".icon-delete"

How can I pick just one of the icon delete on the page?

RichardAE · Accepted Answer · 2016-10-05 14:10:08Z

22

I would suggest wrapping it in a more specific finder as below:

within find('#my_unique_id') do
  find(".icon-delete").click
end

That however would require you to have an id on the parent element. If you don't have this, you could go the simple route of selecting the first one on that page then calling click on that:

first(".icon-delete").click

answered Oct 5, 2016 at 14:10

RichardAE

2,9701 gold badge20 silver badges20 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Salomanuel Over a year ago

this solution skips the amazing automatic waiting feature that Capybara has, though stackoverflow.com/questions/39859291/…

Eddy Blandino · Accepted Answer · 2021-12-14 16:04:23Z

14

click_on "Link Text.", match: :first

edited Dec 14, 2021 at 16:04

Eddy Blandino

31 bronze badge

answered Aug 5, 2021 at 22:52

Cristian Rennella

7477 silver badges9 bronze badges

Comments

Thomas Walpole · Accepted Answer · 2016-10-05 14:11:12Z

9

First takes the same parameters as find (not elements) so to just click on the first matching element you would do

page.first('.icon-delete').click

There is a difference to take into account though, since nil is a valid response for first it won't (by default) wait for a matching element to appear. If you do need it to wait for the element you just need to pass one of the count options

page.first('.icon-delete', minimum: 1).click

answered Oct 5, 2016 at 14:11

Thomas Walpole

50.1k6 gold badges69 silver badges81 bronze badges

Collectives™ on Stack Overflow

Ambiguous match, found 2 elements matching css - Capybara

TEST

ERROR

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

TEST

ERROR

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related