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>

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>

• javascript
• automation
• cypress

• is the email [email protected] unique in the list ? – Alapan Das Commented Oct 10, 2021 at 15:54
• "I tried with last (), but it didn't work" what does "it didn't work" mean? Share the error message. It's hard to guess. – pavelsaman Commented Oct 10, 2021 at 16:28
• No, it's not unique. It appears several times on the page. – Alex Cristian Commented Oct 10, 2021 at 16:29
• I have no error, it just doesn't lead me to the last item, but to one of the first items in the list – Alex Cristian Commented Oct 10, 2021 at 16:29

2 Answers 2

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

You can check the the contains() - Yields section of the mand, 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 mands.

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

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

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