import React from 'react';
import renderer from 'react-test-renderer';
import {
  Container,
  Header,
  View,
  Body,
  Footer,
  IssueDate,
} from '@styles/components/credentials';

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

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

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

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

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

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