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

const setup = propOverrides => {
  const props = Object.assign({
      note: {
        _id: 'abc',
        session: 'foo',

        plain: 'test text',
        raw: {
          document: {
            nodes: [
              {
                object: 'block',
                type: 'paragraph',
                nodes: [
                  {
                    object: 'text',
                    leaves: [
                      {
                        text: 'test text',
                      },
                    ],
                  },
                ],
              },
            ],
          },
        },
        html: 'test text',
        startedAt: Date.now(),
        finishedAt: Date.now() + 60000,
      },
      isEditing: false
  }, propOverrides);

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

  return {
    props,
    wrapper,
  }
}

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

  test('contains note text', () => {
    const { wrapper } = setup();
    expect(wrapper.find('.note-content').render().text()).toBe('test text');
  });

  test('contains note id', () => {
    const { wrapper } = setup();
    expect(wrapper.first().prop('id')).toBe('note-abc');
  });


});