src/components/atoms/layout/main.test.tsx


1
2
3
4
5
6
7
8
9
10
11
12

import { render, screen } from '../../../../tests/utils';
import { Main } from './main';

const id = 'main';
const children = 'The main content.';

describe('Main', () => {
  it('renders the content of main element', () => {
    render(<Main id={id}>{children}</Main>);
    expect(screen.getByRole('main')).toHaveTextContent(children);
  });
});