【Cypress】条件に一致しないことの確認と抽出(not)

こんにちは。
本日はCypressメモです。

概要

特定の条件に一致しないことを確認する。

テンプレート

<input type="text" id="txt1" class="required">
<input type="text" id="txt2" class="my-class">
<input type="text" id="txt3" class="my-class">

Cypress

今回は、inputにrequiredクラスが
設定されていないことを確認しています。

describe('サンプル', () => {
    it('テストパターン', () => {
       cy.visit('/')
       cy.get('#txt1').not('.required')
    })
})

notはfilterと同様に抽出を行うので、以下のように
該当しないものを抽出してさらにチェックすることも可能です。

describe('サンプル', () => {
    it('テストパターン', () => {
       cy.visit('/')
       cy.get('input')
         .not('.required')
         .each(($el) => {
             cy.wrap($el)
                 .should('have.class', 'my-class')
             })
    })
})

filterに関しては以下の記事に記載しています。

【Cypress】要素をフィルターする(filter) - なんだかGoodVibes

以上です。