Cypress: Accessing the last item in the list

user_17114196 0
Viewed 812

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('test@test5.com').last().click()

An item in the list has the following code:

<br>
<a href="/Emails/2020-12-03%2016_40_54%20-%20test@test5.com.html">2020-12-03 16_40_54 - test@test5.com.html</a>
cypress automation javascript
2 Answers

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(test@test5.com)')  
  .last()

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

cy.get('a:contains(test@test5.com)')
  .last()
user_169610060

Assuming test@test5.com is unique and occurs once in your webpage, you write:

cy.contains('a', 'test@test5.com.html').click()
user_45712710
Related