aboutsummaryrefslogtreecommitdiffstats
path: root/src/components/atoms/layout/section/section.test.tsx
blob: 85305c08cd646febe1f70dcc9a4510085515987d (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
import { describe, expect, it } from '@jest/globals';
import { render, screen as rtlScreen } from '@testing-library/react';
import { Section } from './section';

const content = 'Section content.';

describe('Section', () => {
  it('renders its body', () => {
    render(<Section>{content}</Section>);
    expect(rtlScreen.getByText(content)).toBeInTheDocument();
  });

  it('renders a section with border', () => {
    render(<Section hasBorder>{content}</Section>);
    expect(rtlScreen.getByText(content)).toHaveClass('wrapper--borders');
  });

  it('renders a light section', () => {
    render(<Section variant="light">{content}</Section>);
    expect(rtlScreen.getByText(content)).toHaveClass('wrapper--light');
  });

  it('renders a dark section', () => {
    render(<Section variant="dark">{content}</Section>);
    expect(rtlScreen.getByText(content)).toHaveClass('wrapper--dark');
  });
});