Selvi: Öğenin mevcut olup olmadığını test edin

Bir onay kutusunu tıklayıp bir elemanın Cypress'teki DOM'da artık olmadığını test edebilmek istiyorum. Birisi bunu nasıl yapacağınızı önerebilir mi?

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

Yukarıdaki testin tersini yapmak istiyorum. Bu yüzden tekrar tıkladığımda, sınıftaki div DOM'da olmamalı.

Bu işe yarıyor gibi görünüyor, bu yüzden öğrenmem gereken daha çok şey olduğunu söylüyor .should ()

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

Ayrıca var olmaması gereken bir metni de arayabilirsiniz:

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

Burada Cypress'de sonucu elde edersiniz: 0 matched elements

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

bazı hata mesajları gizlendiğinden bazı yanlış sonuçlara yol açabilir. Kullanması daha iyi olabilir

.should('not.visible');

bu durumda.

İşte benim için çalıştı:

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

Bazılarının <div data-cy="parent">içinde görüntü olmadığını kontrol ettim . Orijinal soru ile ilgili olarak data-cy="something, i.e. child", iç düğümlerde öznitelik ayarlayabilir ve şu iddiayı kullanabilirsiniz:

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

Https://docs.cypress.io/guides/references/assertions.html#Existence'a göre

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

Bu, kaldırıldığı durumda işe yarar. ama asla var olmamasını istemeniz durumunda ... docs.cypress.io/guides/references/assertions.html#Existence Uzaklaşana kadar yeniden deneyecektir. Bu, çoğu insanın arayacağı şey olan başlık sorunu için gerçekten işe yaramıyor.

Ancak, bir şeyin bizim durumumuzda asla var olmadığını test etmek istiyorsanız.

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

Aşağıdaki kodu da kullanabilirsiniz

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

veya

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

veya

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