import {
  Overlay,
  Wrapper,
  Description,
  ButtonWrapper,
  SubTitle,
} from '@styles/components/error-modal';
import React from 'react';
import renderer from 'react-test-renderer';

test('renders correctly Overlay', () => {
  const tree = renderer.create(<Overlay />).toJSON();
  expect(tree).toMatchSnapshot();
});

test('renders correctly Wrapper', () => {
  const tree = renderer.create(<Wrapper />).toJSON();
  expect(tree).toMatchSnapshot();
});

test('renders correctly Description', () => {
  const tree = renderer.create(<Description />).toJSON();
  expect(tree).toMatchSnapshot();
});

test('renders correctly ButtonWrapper', () => {
  const tree = renderer.create(<ButtonWrapper />).toJSON();
  expect(tree).toMatchSnapshot();
});

test('renders correctly SubTitle', () => {
  const tree = renderer.create(<SubTitle />).toJSON();
  expect(tree).toMatchSnapshot();
});