Zypressen: Testen Sie, ob das Element nicht vorhanden ist

Ich möchte in der Lage sein, auf ein Kontrollkästchen zu klicken und zu testen, ob sich ein Element nicht mehr im DOM in Cypress befindet. Kann jemand vorschlagen, wie Sie es tun?

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

Ich möchte das Gegenteil des obigen Tests tun. Wenn ich erneut darauf klicke, sollte sich das div mit der Klasse nicht im DOM befinden.

Nun, das scheint zu funktionieren, also sagt es mir, dass ich noch etwas über .should () lernen muss.

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

Sie können auch nach einem Text suchen, der nicht existieren soll:

cy.contains('[email protected]').should('not.exist')

Hier haben Sie das Ergebnis in Cypress: 0 matched elements

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

Dies kann zu falschen Ergebnissen führen, da einige Fehlermeldungen ausgeblendet werden. Es könnte besser sein, zu verwenden

.should('not.visible');

In diesem Fall.

Folgendes hat bei mir funktioniert:

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

Ich überprüfe, ob einige <div data-cy="parent">keine Bilder enthalten. In Bezug auf die ursprüngliche Frage können Sie ein data-cy="something, i.e. child"Attribut für innere Knoten festlegen und diese Behauptung verwenden:

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

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

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

Dies funktioniert für den Fall, dass es entfernt wird. aber für den Fall, dass Sie möchten, dass es nie existiert ... docs.cypress.io/guides/references/assertions.html#Existence Es wird wiederholt, bis es verschwindet. Dies funktioniert nicht wirklich für das Titelproblem, nach dem die meisten Leute suchen werden.

Wenn Sie jedoch testen möchten, dass das Ding in unserem Fall nie existiert.

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

Sie können auch den folgenden Code verwenden

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

oder

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

oder

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