import React from 'react';
import renderer from 'react-test-renderer';
import Modal from '@components/Modal';
import {Wrapper, Overlay} from '@styles/components/modal';

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

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

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

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

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

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