我希望能够单击复选框,并测试元素不再在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。


当前回答

我会用:

cy.get (.check-box-sub-text)登陆(“not.be.visible”);

这比

cy.get (.check-box-sub-text)登陆(“not.exist”);

(元素可以出现在DOM中,但不可见display: none或不透明度:0)

其他回答

柏树中没有试接流

在java-selenium中,我们通常添加NoSuchElementException并执行case。如果UI没有显示某些基于角色的访问情况下的元素。

也可以在cypress中使用jQuery模式:

assert(Cypress.$('.check-box-sub-text').length==0)

在我的情况下,Cypress是如此之快,简单的。应该('not.be.visible')正在通过测试,之后,加载器出现和测试失败。

我成功地做到了:

cy.get('.loader__wrapper')
  .should('be.visible')
cy.get('.loader__wrapper', { timeout: 10000 })
  .should('not.be.visible')

当应用程序加载超过4秒时,最好将超时设置为10秒。

我会用:

cy.get (.check-box-sub-text)登陆(“not.be.visible”);

这比

cy.get (.check-box-sub-text)登陆(“not.exist”);

(元素可以出现在DOM中,但不可见display: none或不透明度:0)

你也可以在元素体或元素的父容器内查询匹配的元素,然后对其长度做一些断言:

cy.get("body").find(".check-box-sub-text").should("have.length", 0);