Cypress: Kiểm tra nếu phần tử không tồn tại

Tôi muốn có thể nhấp vào hộp kiểm và kiểm tra xem một phần tử không còn trong DOM trong Cypress. Ai đó có thể đề nghị làm thế nào bạn làm điều đó?

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

Tôi muốn làm ngược lại với bài kiểm tra trên. Vì vậy, khi tôi nhấp vào nó một lần nữa, div với lớp không nên có trong DOM.

Chà điều này có vẻ hiệu quả, vì vậy nó cho tôi biết tôi có thêm một số điều để tìm hiểu về .should ()

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

bạn cũng có thể tìm kiếm một văn bản không tồn tại:

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

Ở đây bạn có kết quả trong Cypress: 0 matched elements

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

có thể dẫn đến một số kết quả sai, vì một số thông báo lỗi bị ẩn. Nó có thể tốt hơn để sử dụng

.should('not.visible');

trong trường hợp đó.

Đây là những gì làm việc cho tôi:

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

Tôi kiểm tra rằng một số <div data-cy="parent">không có hình ảnh bên trong. Về câu hỏi ban đầu, bạn có thể đặt data-cy="something, i.e. child"thuộc tính trên các nút bên trong và sử dụng xác nhận này:

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

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

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

Điều này làm việc cho trường hợp nó đang được gỡ bỏ. nhưng trong trường hợp bạn muốn nó không bao giờ tồn tại ... docs.cypress.io/guides/references/assertions.html#Existence Nó sẽ thử lại cho đến khi nó biến mất. Điều này không thực sự hiệu quả cho vấn đề tiêu đề, đó là điều mà hầu hết mọi người sẽ tìm kiếm.

Tuy nhiên nếu bạn muốn kiểm tra rằng điều đó không bao giờ tồn tại trong trường hợp của chúng tôi.

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

Bạn cũng có thể sử dụng mã dưới đây

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

hoặc là

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

hoặc là

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