CODEWITHSUNDEEP
javascriptautomationcypress
Alex Cristian
Alex Cristian

Reputation: 47

Cypress: Accessing the last item in the list

I have a list in a simple html file only with emails received and I want to access the last email in the list from a specific email address. I tried with last (), but it didn't work, it just doesn't lead me to the last item, but to one of the first items in the list

cy.contains('[email protected]').last().click()

An item in the list has the following code:

<br>
<a href="/Emails/2020-12-03%2016_40_54%20-%[email protected]">2020-12-03 16_40_54 - [email protected]</a>

Upvotes: 3

Views: 3045

Answers (2)

Seeker
Seeker

Reputation: 465

It's a problem with Cypress, some commands "yield" many elements and some only one element.

You can check the the contains() - Yields section of the command, this one only gives you one element, which will be the .first() in the list.

.contains() yields the new DOM element it found.

IMO the docs should be more explicit. You learn to pick it up with experience, but can waste a lot of time trying to hack about with what looks like legit commands.

Try .get() and .filter(), using jQuery pseudo-selector :contains() which return all matching elements

cy.get('a')
  .filter(':contains([email protected])')  
  .last()

or add the pseudo-selector :contains() inside the .get()

cy.get('a:contains([email protected])')
  .last()

Upvotes: 6

Alapan Das
Alapan Das

Reputation: 18624

Assuming [email protected] is unique and occurs once in your webpage, you write:

cy.contains('a', '[email protected]').click()

Upvotes: 0

Related Questions