Test listbox

[anthony-bernardo]

How to test Listbox ?

I tried :

import Select from '@/components/form/Select'
import { fireEvent, render, within, screen } from '@testing-library/react'
import userEvent from '@testing-library/user-event'
import React from 'react'

it('selects the correct option', async () => {
    const options = [
        { label: 'My Account', value: 'my-account' },
        { label: 'Settings', value: 'settings' },
    ]

    const { getByRole } = render(
        <>
            <Select className="!w-20" options={options} onChange={() => {}}></Select>
        </>
    )

    getByRole('input').focus()
    const option = await getByRole('option', { name: 'My Account' })
    await userEvent.selectOptions(getByRole('listbox'), option)
})