Cypress: ทดสอบว่าไม่มีองค์ประกอบหรือไม่

ฉันต้องการที่จะสามารถคลิกที่กล่องกาเครื่องหมายและทดสอบว่าองค์ประกอบไม่ได้อยู่ใน DOM ใน Cypress อีกต่อไป ใครช่วยแนะนำวิธีการทำ

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

ฉันต้องการทำสิ่งที่ตรงกันข้ามกับการทดสอบข้างต้น ดังนั้นเมื่อฉันคลิกอีกครั้ง div ที่มีคลาสไม่ควรอยู่ใน DOM

ดูเหมือนว่าจะได้ผลดังนั้นจึงบอกว่าฉันมีข้อมูลเพิ่มเติมที่จะเรียนรู้เกี่ยวกับ. ควร ()

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

คุณยังสามารถค้นหาข้อความที่ไม่ควรมีอยู่:

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

ที่นี่คุณจะได้ผลลัพธ์ใน Cypress: 0 matched elements

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

อาจนำไปสู่ผลลัพธ์ที่ผิดพลาดเนื่องจากข้อความแสดงข้อผิดพลาดบางส่วนถูกซ่อนไว้ มันอาจจะดีกว่าที่จะใช้

.should('not.visible');

ในกรณีนั้น.

นี่คือสิ่งที่ใช้ได้ผลสำหรับฉัน:

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

ฉันตรวจสอบว่าบาง<div data-cy="parent">ภาพไม่มีภาพภายใน สำหรับคำถามเดิมคุณสามารถตั้งค่าdata-cy="something, i.e. child"แอตทริบิวต์บนโหนดภายในและใช้การยืนยันนี้:

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

อ้างอิงจากhttps://docs.cypress.io/guides/references/assertions.html#Existence

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

วิธีนี้ใช้ได้กับกรณีที่กำลังถูกลบออก แต่ในกรณีที่คุณไม่ต้องการให้มันไม่มีอยู่จริง ... docs.cypress.io/guides/references/assertions.html#Existence มันจะลองอีกครั้งจนกว่าจะหายไป สิ่งนี้ใช้ไม่ได้กับปัญหาเรื่องชื่อซึ่งเป็นสิ่งที่คนส่วนใหญ่มองหา

อย่างไรก็ตามหากคุณต้องการทดสอบว่าสิ่งนั้นไม่เคยมีอยู่ในกรณีของเรา

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

คุณยังสามารถใช้โค้ดด้านล่าง

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

หรือ

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

หรือ

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