src/components/molecules/forms/fieldset.test.tsx


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

import { render, screen } from '../../../../tests/utils';
import { Fieldset } from './fieldset';
import { body, legend, Tooltip } from './fieldset.fixture';

describe('Fieldset', () => {
  // Cannot use toBeInTheDocument because of body is not an HTMLElement.

  it('renders a legend and a body', () => {
    render(<Fieldset legend={legend}>{body}</Fieldset>);
    expect(screen.findByRole('group', { name: legend })).toBeTruthy();
    expect(screen.findByText(body)).toBeTruthy();
  });

  it('renders a button to open a tooltip', () => {
    render(
      <Fieldset legend={legend} Tooltip={Tooltip}>
        {body}
      </Fieldset>
    );
    expect(screen.findByRole('button', { name: /Help/i })).toBeTruthy();
  });
});