【Cypress】特定の要素の最初・最後を取得する(first,last)

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

概要

特定の要素の最初、最後を取得したい。

テンプレート

html

<ul>
    <li>みかん</li>
    <li>メロン</li>
    <li>いちご</li>
</ul>

Cypress

タグの最初の要素を取得し、内容をチェックします。
同様に、最後の要素を取得し、内容をチェックします。

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

        cy.get('ul>li').first().contains('みかん')
        cy.get('ul>li').last().contains('いちご')
    })
})

対象の要素.first()で最初の要素を取得することができます。
同様に、.last()で最後の要素を取得することができます。

以上です。