0
139
ViewsLa etiqueta de verificación encontrada en modal tenía un estado específico
Tengo que validar que cuando hago clic en el botón enviar, se abre una ventana emergente con una etiqueta específica. La etiqueta que se mostrará debe tener un estado específico. Por ejemplo:Este es el botón enviar html <button class="btn btn-primary" type="button">submit</button>
Cuando hago clic en el botón, se abre otro modal con una etiqueta encima. La etiqueta que se abrirá en el modal debe tener el estado positivo 
"abc" puede ser la etiqueta y "positivo" es el estado. Todo esto está sobre una mesa. Básicamente, si el modal se abre y tiene la etiqueta abc, esto significa que abc tenía el estado positivo
Esto es lo que he hecho hasta ahora:
cy.get('.btn').and('have.class', 'btn-primary').contains('submit').click() cy.get('.form-header').should('contain.text', 'abc') cy.get('.close-modal').click() cy.contains('td', 'abc...').scrollIntoView() cy.get('.badge-label').and('contain.text', 'positive').should('be.visible')Esto no es bueno porque estoy comprobando que la etiqueta tiene el estado. Quiero comprobar que la etiqueta que se encuentra en el modal después de hacer clic en enviar tiene el estado positivo. Por favor, hágamelo saber si se requiere cualquier otra información. Gracias
2 answers
Answer question0
Por lo general, un modal es un bloque de código separado en el DOM, que se agrega al final de la página después de hacer clic en el botón Enviar.
Entonces, tendrías que encontrar algo único en ese modal. Parece que lo intentaste con estas líneas.
cy.get('.form-header').should('contain.text', 'abc') cy.get('.close-modal').click()Lo que debe hacer ahora es inspeccionar manualmente en Chrome DevTools
- en el navegador normal, haga clic en abrir el modelo
- abra devtool, desplácese hacia abajo hasta la parte inferior para encontrar el bloque para modal
- o haga clic derecho en el modal para llevarlo allí
- identificar los elementos con el estado
Tal vez termines con algo como
cy.get('.form-header').should('contain.text', 'abc') cy.get('.badge-label').should('contain.text', 'positive') // here cehck status in modal cy.get('.close-modal').click()0
Esto funciona para tí:
cy.get('.btn').and('have.class', 'btn-primary').contains('submit').click() cy.get('.form-header').should('contain.text', 'abc') cy.contains('td', 'abc') .parent('tr') .within(() => { cy.get('div.badge-label').should('include.text', 'positive') })