How in Cypress, find a card with a specific text and click on a specific button?

[Guid21]

Hello, everyone!

Faced with a problem, I want to find the card I need in the list of cards guided by the text, and click in this card on the button

The idea is that would not go into details of nesting

Enclosing a screenshot of how it looks like

html structure:

<div class="card">
  <span>name 1</span>
  <button data-test="more-menu"><svg /></button>
</div>
<div class="card">
  <span>name 2</span>
  <button data-test="more-menu"><svg /></button>
</div>
  <span>name 3</span>
  <button data-test="more-menu"><svg /></button>
</div>

[muhammaduzair98]

You can use Chai Assertions like cy.get("Selector").should('have.text','Name 1')

[jjhelguero]

Based on your html, you'll want to find the card by using a selector and its' text by using .contains()

cy.contains('.card', 'name 1')
  .find('[data-test="more-menu"]')
  .click()

[TruptiBip]

It worked for me ..thanks!!!