Cypress: Accessing the last item in the list

Question

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>

Answer 1

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()