Estoy tratando de verificar el texto dentro de un elemento span que está muy abajo en el árbol dom, y no quiero usar una secuencia de comando get/find para encontrar el texto, aquí está mi estructura dom:
<td> <div> <div> <div> <div></div> <div> <div> <div> </div> <span> **target** </span> </div> </div> </div> </div> <div> ... </div> </div> </td>gracias por la ayuda
Puede obtener el primer div element y encontrarlo por tramo.
ejemplo:
const spanEl = cy.get('div').find('span') Si el parent div element tiene una clase CSS o algún atributo único, sería más fácil.
const spanEl = cy.get('#attribute-of-div-el').find('span')referencia: https://docs.cypress.io/api/commands/get#Get-vs-Find
Si su <span> tiene un texto único, se beneficiará del uso de cy.contains() . Es bastante potente y está infrautilizado.
cy.contains('span', 'Your unique text')incluso puedes usar expresiones regulares
cy.contains('span', /your unique text/)