こんにちは。
本日はCypressメモです。
概要
取得した要素をあとでも使用したい。
でも、同じコードを書くのは嫌。。。
as()を使用することでエイリアスを設定して
あとから使用できるとのことなので
試してみる。
テンプレート
<body> <div style="text-align:center;"> <h1>Cypress Sample</h1> <div class="area1"> <input type="checkbox">チェック1 <input type="button" value="ボタン1"> </div> </div> </body>
Cypress
チェックボックスを取得して、
あとから使用できるように
as(エイリアス名)としてエイリアスを設定します。
設定したエイリアスを使用する場合は、
@を先頭につけて使用します。
describe('サンプル', () => { it('テストパターン', () => { cy.visit('/') cy.get('.area1 > [type="checkbox"]').as('chkbox') cy.get('@chkbox') .click() .should('be.checked') }) })
以上です。
