@use "@styles/abstracts/mixins" as mix; @use "@styles/abstracts/placeholders"; .wrapper { @extend %reset-list; display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--spacing-sm); max-width: 100%; margin: var(--spacing-sm) 0; @for $i from 0 to 6 { &--#{$i}-columns { @include mix.media("screen") { @include mix.dimensions("xs") { grid-template-columns: repeat(2, minmax(0, 1fr)); } @include mix.dimensions("sm") { grid-template-columns: repeat(#{$i}, minmax(0, 1fr)); } } } } } .item { > figure { margin: 0; } } andphilippot.com' title='www.armandphilippot.com Git repository'/>
summaryrefslogtreecommitdiffstats
path: root/src/components/organisms/widgets/table-of-contents.test.tsx
blob: 92ae89519e8a9a7ebf9e9806c49b07bf89163d04 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
import { render, screen } from '@tests/utils';
import TableOfContents from './table-of-contents';

describe('TableOfContents', () => {
  it('renders the ToC title', () => {
    const divEl = document.createElement('div');
    render(<TableOfContents wrapper={divEl} />);
    expect(
      screen.getByRole('heading', { level: 2, name: /Table of Contents/i })
    ).toBeInTheDocument();
  });
});