src/components/molecules/forms/toggle.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
26
27
28
29

import { render, screen } from '@test-utils';
import Toggle from './toggle';

const choices = {
  left: 'On',
  right: 'Off',
};

const label = 'Activate this setting:';

describe('Toggle', () => {
  it('renders a checked toggle', () => {
    render(
      <Toggle
        id="toggle-example"
        name="toggle-example"
        choices={choices}
        label={label}
        value={true}
        setValue={(__value) => null}
      />
    );
    expect(
      screen.getByRole('checkbox', {
        name: `${label} ${choices.left} ${choices.right}`,
      })
    ).toBeChecked();
  });
});