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


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

import { render, screen } from '../../../../tests/utils';
import { LabelledField } from './labelled-field';

describe('LabelledField', () => {
  it('renders a labelled field', () => {
    render(
      <LabelledField
        type="text"
        id="jest-text-field"
        name="jest-text-field"
        label="Jest text field"
        value="test"
        setValue={() => null}
      />
    );
    expect(screen.getByLabelText('Jest text field')).toBeInTheDocument();
    expect(screen.getByRole('textbox')).toHaveValue('test');
  });
});