我希望能够单击复选框，并测试元素不再在Cypress的DOM中。有人能建议你怎么做吗?
// This is the Test when the checkbox 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('not.exist')来断言元素在DOM中不存在。
不要用not。可见的断言。它会错误地通过< 6.0，但现在正确地失败:
// for element that was removed from the DOM
// assertions below pass in < 6.0, but properly fail in 6.0+
.should('not.be.visible')
.should('not.contain', 'Text')
迁移文档:迁移到cypress -6-0
其他回答
使用.should('not.exist')来断言元素在DOM中不存在。
不要用not。可见的断言。它会错误地通过< 6.0，但现在正确地失败:
// for element that was removed from the DOM
// assertions below pass in < 6.0, but properly fail in 6.0+
.should('not.be.visible')
.should('not.contain', 'Text')
迁移文档:迁移到cypress -6-0
你也可以搜索一个不应该存在的文本:
cy.contains('test_invite_member@gmail.com').should('not.exist')
这里是Cypress: 0个匹配元素的结果
参考:文档-断言，存在
以下是对我有效的方法:
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]')
在我的情况下，Cypress是如此之快，简单的。应该('not.be.visible')正在通过测试，之后，加载器出现和测试失败。
我成功地做到了:
cy.get('.loader__wrapper')
.should('be.visible')
cy.get('.loader__wrapper', { timeout: 10000 })
.should('not.be.visible')
当应用程序加载超过4秒时，最好将超时设置为10秒。
也可以在cypress中使用jQuery模式:
assert(Cypress.$('.check-box-sub-text').length==0)
