import React from 'react'
import { shallow } from 'enzyme'
import Input from './index'
import InputFieldWrapper from './InputFieldWrapper'
import InputMessage from './InputMessage'

describe('components/Input', () => {
  let input
  let wrapper
  let message

  it('should match snapshot', () => {
    input = shallow(<Input />)
    expect(input).toMatchSnapshot()
  })

  it('should match snapshot', () => {
    wrapper = shallow(<InputFieldWrapper />)
    expect(wrapper).toMatchSnapshot()
  })

  it('should display one message container', () => {
    message = shallow(<InputMessage />)
    expect(message).toHaveLength(1)
  })
})
