サイプレス：要素が存在しないかどうかをテスト

チェックボックスをクリックして、要素がサイプレスの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')