src/components/molecules/forms/labelled-select.test.tsx


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25

import { render, screen } from '@test-utils';
import LabelledSelect from './labelled-select';

const selectOptions = [
  { id: 'option1', name: 'Option 1', value: 'option1' },
  { id: 'option2', name: 'Option 2', value: 'option2' },
  { id: 'option3', name: 'Option 3', value: 'option3' },
];

describe('LabelledSelect', () => {
  it('renders a labelled select', () => {
    render(
      <LabelledSelect
        id="jest-select-field"
        name="jest-select-field"
        label="Jest select field"
        options={selectOptions}
        value="option1"
        setValue={() => null}
      />
    );
    expect(screen.getByLabelText('Jest select field')).toBeInTheDocument();
    expect(screen.getByRole('combobox')).toHaveValue('option1');
  });
});