import {
  Container,
  Field,
  Header,
  BodyWrapper,
  Body,
  SubTitle,
  TermsAndCondition,
  TermsAndConditionText,
  TermsAndConditionButton,
  SubmitButton,
} from '@styles/components/auth';
import React from 'react';
import renderer from 'react-test-renderer';

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

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

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

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

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

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

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

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

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