summaryrefslogtreecommitdiffstats
path: root/src/components/molecules/forms/theme-toggle.test.tsx
blob: 5cd32093eda05c950e74bc397e8ab168bf0a7681 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
import { 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();
  });
});
span class="nt">use "@styles/abstracts/mixins" as mix; @use "@styles/abstracts/placeholders"; .wrapper { display: grid; grid-template-columns: minmax(0, 1fr) min(calc(100vw - calc(var(--spacing-md) * 2)), 80ch) minmax(0, 1fr); align-items: center; padding: var(--spacing-md) 0; } .list { @extend %reset-ordered-list; grid-column: 2; display: flex; flex-flow: row wrap; align-items: center; gap: var(--spacing-2xs); margin: 0; font-size: var(--font-size-sm); } .item { &:not(:last-of-type) { &::after { content: ">"; margin-left: var(--spacing-2xs); } } }