Cipresso: verifica se l'elemento non esiste

Voglio essere in grado di fare clic su una casella di controllo e testare che un elemento non è più nel DOM in Cypress. Qualcuno può suggerire come lo fai?

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

Voglio fare il contrario del test sopra. Quindi, quando faccio di nuovo clic, il div con la classe non dovrebbe essere nel DOM.

Bene, questo sembra funzionare, quindi mi dice che ho ancora qualcosa da imparare su .should ()

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

puoi anche cercare un testo che non dovrebbe esistere:

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

Ecco il risultato in Cypress: 0 matched elements

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

potrebbe portare ad alcuni risultati falsi, poiché alcuni messaggi di errore vengono nascosti. Potrebbe essere meglio usare

.should('not.visible');

in quel caso.

Ecco cosa ha funzionato per me:

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

Controllo che alcuni <div data-cy="parent">non abbiano immagini all'interno. Per quanto riguarda la domanda originale, puoi impostare l' data-cy="something, i.e. child"attributo sui nodi interni e usare questa affermazione:

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

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

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

Questo funziona nel caso in cui venga rimosso. ma nel caso in cui si desideri che non esista mai ... docs.cypress.io/guides/references/assertions.html#Existence Riprova fino a quando non scompare. Questo non funziona davvero per il problema del titolo, che è quello che la maggior parte delle persone cercherà.

Tuttavia, se vuoi provare che la cosa non esiste mai nel nostro caso.

// 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`);
            });
        })

Puoi anche usare il codice qui sotto

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

o

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

o

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