赛普拉斯：测试元素是否不存在

我希望能够单击一个复选框，并测试Cypress中DOM中是否不再有某个元素。有人可以建议您如何做吗？

//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中。

好吧，这似乎行得通，所以它告诉我还有更多有关.should（）的知识。

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

您还可以在搜索不存在的文本：

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

在这里，您可以得到赛普拉斯的结果： 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')