Cypress : 요소가 존재하지 않는지 테스트

Cypress : 요소가 존재하지 않는지 테스트

---

확인란을 클릭하고 요소가 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.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]')

참고 URL : https://stackoverflow.com/questions/48915773/cypress-test-if-element-does-not-exist