import React from 'react'
import { shallow } from 'enzyme'
import InputFieldWrapper from './InputFieldWrapper'
import InputField from './InputField'
import InputBtn from './InputBtn'

describe('components/Input', () => {
  let wrapper
  let inputField
  let inputBtn

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

  it('should display one input wrapper', () => {
    wrapper = shallow(<InputFieldWrapper />)
    expect(wrapper).toHaveLength(1)
  })

  it('should display one input field', () => {
    inputField = shallow(<InputField />)
    expect(inputField).toHaveLength(1)
  })

  it('should display one button', () => {
    inputBtn = shallow(<InputBtn />)
    expect(inputBtn).toHaveLength(1)
  })
})
