【Cypress】入力値のクリアを行う(clear)

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

概要

textやtextareaの入力値をクリアしたい。

テンプレート

テキストを用意します。

html

<div class='text-area'>
    <input type="text" id="txt1" class="text-class">
</div>

Cypress

以下の操作を行う。

• txt1のテキストボックスに「HELLO」と入力
• txt1の入力値をクリアする
• txt1の値が空であることをチェックする

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

        cy.get('#txt1').type('HELLO')
        cy.get('#txt1').clear()
        cy.get('#txt1').should('have.value', '')
    })
})

clear()を使用することで入力値がクリアされました。

以上です。