Cypress : Test si l'élément n'existe pas

Question

Je veux pouvoir cliquer sur une case à cocher et tester qu'un élément n'est plus dans le DOM dans Cypress. Quelqu'un peut-il me suggérer comment faire ?

//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.')

Je veux faire le contraire du test ci-dessus. Ainsi, lorsque je clique à nouveau, la div avec la classe ne doit pas être dans le DOM.

Answer 1

Cela semble fonctionner, ce qui me fait dire que j'ai encore des choses à apprendre sur .should().

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

Answer 2

Vous pouvez également rechercher un texte qui n'est pas censé exister :

cy.contains('test_invite_member@gmail.com').should('not.exist')

Vous avez ici le résultat à Cypress : 0 matched elements

documentation : https://docs.cypress.io/guides/references/assertions.html#Existence

Answer 3

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

peut conduire à de faux résultats, car certains messages d'erreur sont masqués. Il est peut-être préférable d'utiliser

.should('not.visible');

dans ce cas.

Answer 4

Voici ce qui a marché pour moi :

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

Je vérifie que certains <div data-cy="parent"> n'a pas d'images à l'intérieur. En ce qui concerne la question initiale, vous pouvez définir data-cy="something, i.e. child" sur les noeuds internes et utiliser cette assertion :

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

Answer 5

Vous pouvez également utiliser le code ci-dessous

expect(opportunitynametext.include("Addon")).to.be.false

o

should('be.not.be.visible')

o

should('have.attr','minlength','2')