tengo 2 div colapso
<div class="collapse> <div class="title">Apple</div> <item>Apple 1</item> <item>Apple 2</item> // get this item <item>Apple 3</item> </div> <div class="collapse> <div class="title">Samsung</div> <item>Samsung 1</item> <item>Samsung 2</item> </div>Cómo puedo obtener una lista de elementos por título de clase de esta manera:
cy.get('.collapse').within(() => { if (cy.contains('.title', 'Apple') { cy.get(item).eq(1).... // handle item second of apple } });Puede especificar qué .collapse desea por el contenido de sus hijos
cy.contains('.collapse', 'Apple') // gets the 1st collapse element where child has "Apple" text .find('item').eq(1) // within that, get the 2nd <item> .should('have.text', 'Apple 2')Si su HTML real es más complicado y desea comenzar con el elemento de título,
cy.contains('.title', 'Apple') // get the title child with "Apple" text .parent() // move up to div.collapse .find('item').eq(1) // within that, get the 2nd <item> .should('have.text', 'Apple 2')o hermanos navegación
cy.contains('.title', 'Apple') // get the tile child with "Apple" text .siblings('item').eq(1) // 2nd item sibling .should('have.text', 'Apple 2')