src/components/molecules/forms/theme-toggle.test.tsx


1
2
3
4
5
pre { line-height: 125%; }
td.linenos .normal { color: inherit; background-color: transparent; padding-left: 5px; padding-right: 5px; }
span.linenos { color: inherit; background-color: transparent; padding-left: 5px; padding-right: 5px; }
td.linenos .speciimport { render, screen } from '@test-utils';
import ThemeToggle from './theme-toggle';

describe('ThemeToggle', () => {
  it('renders a checked toggle (dark theme choice)', () => {
    render(<ThemeToggle value={true} />);
    expect(
      screen.getByRole('checkbox', {
        name: `Theme: Light theme Dark theme`,
      })
    ).toBeChecked();
  });
});