import React from 'react';

import Input from '../../components/Input';
import { shallow } from '../enzyme';

describe('Input', () => {
  it('should be defined', () => {
    expect(Input).toBeDefined();
  });

  it('should prepend correctly', () => {
    const tree = shallow(<Input prepend="pre" />);
    expect(tree).toMatchSnapshot();
    expect(tree.find('div').at(1).text()).toEqual('pre');
  });

  it('should append correctly', () => {
    const tree = shallow(<Input append="app" value="test" />);
    expect(tree).toMatchSnapshot();
    expect(tree.find('div').at(1).text()).toEqual('app');
  });

  it('should make value empty', () => {
    const tree = shallow(<Input value={undefined} />);
    expect(tree.find('input').at(0).prop('value')).toEqual('');
  });
});