Cypress: Sprawdź, czy element nie istnieje

Chcę móc kliknąć pole wyboru i sprawdzić, czy element nie znajduje się już w DOM w Cypress. Czy ktoś może zasugerować, jak to robisz?

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

Chcę zrobić odwrotność powyższego testu. Więc kiedy kliknę go ponownie, div z klasą nie powinien znajdować się w DOM.

Wydaje się, że to działa, więc mówi mi, że muszę dowiedzieć się więcej o. Powinien ()

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

możesz również wyszukać tekst, który nie powinien istnieć:

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

Tutaj masz wynik w Cypress: 0 matched elements

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

może prowadzić do fałszywych wyników, ponieważ niektóre komunikaty o błędach są ukrywane. Może lepiej użyć

.should('not.visible');

w tym wypadku.

Oto, co zadziałało dla mnie:

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

Sprawdzam, czy w niektórych <div data-cy="parent">nie ma obrazów. Jeśli chodzi o oryginalne pytanie, możesz ustawić data-cy="something, i.e. child"atrybut na węzłach wewnętrznych i użyć tego stwierdzenia:

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

Według https://docs.cypress.io/guides/references/assertions.html#Existence

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

Działa to w przypadku, gdy jest usuwany. ale w przypadku, gdy chcesz, aby nigdy nie istniał ... docs.cypress.io/guides/references/assertions.html#Existence Będzie ponawiać próbę, dopóki nie zniknie. To naprawdę nie działa w przypadku problemu z tytułem, którego większość ludzi będzie szukała.

Jeśli jednak chcesz sprawdzić, czy w naszym przypadku coś takiego nigdy nie istnieje.

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

Możesz również użyć poniższego kodu

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

lub

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

lub

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