@use "@styles/abstracts/functions" as fun; @use "@styles/abstracts/mixins" as mix; .wrapper { &--list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: var(--spacing-md); font-size: var(--font-size-sm); @include mix.media("screen") { @include mix.dimensions("sm") { display: flex; flex-flow: column nowrap; margin: 0; composes: meta from "@components/PostPreview/PostPreview.module.scss"; } } } &--article { flex-flow: column wrap; margin: var(--spacing-sm) 0 0; @include mix.media("screen") { @include mix.dimensions("xs") { font-size: var(--font-size-sm); } } } } iv id='cgit'>
aboutsummaryrefslogtreecommitdiffstats
path: root/src/components/atoms/visually-hidden/visually-hidden.test.tsx
blob: c5eb64719f0e073e8da8f3ac8ee386cce84df426 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
import { describe, expect, it } from '@jest/globals';
import { render, screen as rtlScreen } from '@testing-library/react';
import { VisuallyHidden } from './visually-hidden';

describe('VisuallyHidden', () => {
  it('renders its body', () => {
    const body = 'natus vero doloremque';

    render(<VisuallyHidden>{body}</VisuallyHidden>);

    expect(rtlScreen.getByText(body)).toBeInTheDocument();
  });
});