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


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

import { describe, expect, it } from '@jest/globals';
import { render, screen } from '../../../../tests/utils';
import { Section } from './section';

const title = 'Section title';
const content = 'Section content.';

describe('Section', () => {
  it('renders a title (h2)', () => {
    render(<Section title={title} content={content} />);
    expect(screen.getByRole('heading', { level: 2 })).toHaveTextContent(title);
  });

  it('renders a content', () => {
    render(<Section title={title} content={content} />);
    expect(screen.getByText(content)).toBeInTheDocument();
  });
});