【Cypress】チェックボックス・ラジオボタンをチェックする(check)

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

概要

チェックボックスとラジオボタンのチェックを行いたい。

テンプレート

チェックボックスとラジオボタンを複数用意します。

html

<div style="text-align:center;">
    <h1>Cypress Sample</h1>
        <div>
            <input type="checkbox" class="chkbox" value="1">チェック1
            <input type="checkbox" class="chkbox" value="2">チェック2
            <input type="checkbox" class="chkbox" value="3">チェック3
            <input type="radio" name="radioBtn" id="rdo1" value="1" checked>ラジオ1
            <input type="radio" name="radioBtn" id="rdo2" value="2">ラジオ2
        </div>
</div>

Cypress

以下の操作を行う。

• 最初のチェックボックスにチェックを入れる
• すべてのチェックボックスにチェックを入れる
• ラジオボタン「rdo2」にチェックを入れる

describe('サンプル', () => {
    it('テストパターン', () => {
        cy.visit('/')

        // チェックボックス
        cy.get('[type="checkbox"]').first().check()
        cy.get('[type="checkbox"]').check()

        // ラジオボタン
        cy.get('#rdo2').check()
    })
})

check()を使用するとチェックを入れます。
check()はチェックボックスとラジオボタンにのみ使用可能です。

以上です。