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

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

//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. Donc, quand je clique dessus à nouveau, le div avec la classe ne doit pas être dans le DOM.

Eh bien, cela semble fonctionner, donc cela me dit que j'ai encore plus à apprendre sur .should ()

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

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

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

Voici le résultat dans Cypress: 0 matched elements

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 vaudrait peut-être mieux utiliser

.should('not.visible');

dans ce cas.

Voici ce qui a fonctionné pour moi:

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

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

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

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

// retry until loading spinner no longer exists
cy.get('#loading').should('not.exist')

Cela fonctionne pour le cas où il est supprimé. mais dans le cas où vous voudriez qu'il n'existe jamais ... docs.cypress.io/guides/references/assertions.html#Existence Il réessaiera jusqu'à ce qu'il disparaisse. Cela ne fonctionne pas vraiment pour le problème du titre, ce que la plupart des gens recherchent.

Cependant si vous voulez tester que la chose n'existe jamais dans notre cas.

// Goes through all the like elements, and says this object doesn't exist ever
cy.get(`img[src]`)
        .then(($imageSection) => {
            $imageSection.map((x, i) => {
                expect($imageSection[x].getAttribute('src')).to.not.equal(`${Cypress.config().baseUrl}/assets/images/imageName.jpg`);
            });
        })

Vous pouvez également utiliser le code ci-dessous

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

ou

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

ou

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