import {
  InputWrapper,
  Wrapper,
  StyledTextInput,
  Error,
  Label,
  FlagWrapper,
  CountryCode,
} from '@styles/components/text-input';
import React from 'react';
import renderer from 'react-test-renderer';

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

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

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

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

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

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

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