software - Cypress: prueba si el elemento no existe

cypress tree

Question

Quiero poder hacer clic en una casilla de verificación y probar que un elemento ya no está en el DOM en Cypress. ¿Alguien puede sugerir cómo lo haces?

//This is the Test when the check box is clicked and the element is there
cy.get(''[type="checkbox"]'').click();
cy.get(''.check-box-sub-text'').contains(''Some text in this div.'')

Quiero hacer lo contrario de la prueba anterior. Entonces, cuando hago clic de nuevo, el div con la clase no debe estar en el DOM.

Answer 1

Bueno, esto parece funcionar, así que me dice que tengo algo más que aprender sobre .should ()

cy.get(''.check-box-sub-text'').should(''not.exist'');

Answer 2

Esto es lo que funcionó para mí:

cy.get(''[data-cy=parent]'').should(''not.have.descendants'', ''img'')

Compruebo que algunos <div data-cy="parent"> no tienen imágenes en su interior. Con respecto a la pregunta original, puede establecer el atributo data-cy="something, ie child" en los nodos internos y utilizar esta afirmación:

cy.get(''[data-cy=parent]'').should(''not.have.descendants'', ''[data-cy=child]'')

Answer 3

cy.get(data-e2e="create-entity-field-relation-contact-name").should(''not.exist'')

podría conducir a resultados falsos, ya que algunos mensajes de error se ocultan. Podría ser mejor usar

.should(''not.visible'')

en ese caso.