import React from 'react';
import { shallow, mount } from 'enzyme';
import NoteInput from '../NoteInput';

const setup = (propOverrides, doMount=false) => {
  const props = Object.assign({
      addNote: jest.fn()
  }, propOverrides);

  const renderFn = doMount?mount:shallow; 
  const wrapper = renderFn(<NoteInput {...props} />);

  return {
    props,
    wrapper,
  }
};

describe('Notes container Component', () => {
  test('render', () => {
    const { wrapper } = setup();
    expect(wrapper.exists()).toBe(true)
  });

  test('click button', () => {
      const { props, wrapper } = setup({}, true);
      wrapper.find('button').simulate('click');
      expect(props.addNote.mock.calls.length).toBe(1);
  });

  test('note value on clickbutton', () => {
      const { props, wrapper } = setup({}, true);
      wrapper.find('textarea').simulate('change', {target: {value: 'note text'}});
      wrapper.find('button').simulate('click');
      expect(props.addNote.mock.calls.length).toBe(1);
      expect(props.addNote.mock.calls[0]).toEqual(['note text']);
  });

});