import React from 'react';
import { shallow } from 'enzyme';
import NotesList from '../NotesList';

const setup = propOverrides => {
  const props = Object.assign({
      notes: [{
          _id: 'note1',
          text: 'test text 1'
        },
        {
          _id: 'note2',
          text: 'test text 2'
        },
        {
          _id: 'note3',
          text: 'test text 3'
        }]
  }, propOverrides);

  const wrapper = shallow(<NotesList {...props} />);

  return {
    props,
    wrapper,
  }
};

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

  test('test note nb', () => {
    const { wrapper } = setup();
    expect(wrapper.find('Note').getElements()).toHaveLength(3);
  });

  test('test node key', () => {
    const { wrapper } = setup();
    wrapper.find('li').forEach((node, i) => {
      expect(node.key()).toBe('note'+(i+1));
    });
  });

  test('test node note', () => {
    const { wrapper } = setup();
    wrapper.find('Note').forEach((node, i) => {
      const {note} = node.props();
      expect(note._id).toBe('note'+(i+1));
      expect(note.text).toBe('test text '+(i+1));
    });
  });

});