import React from 'react';
import {shallow} from 'enzyme';
import {expect} from 'chai';
import CommentBox from '../CommentBox';

describe('CommentBox', () => {
  let comment;
  let render;
  beforeEach(() => {
    comment = {};
    const postItem = (item) => {
      comment.posted = item;
      return Promise.resolve(4);
    };
    render = shallow(<CommentBox
      postItem={postItem}
      updateItem={(e) => comment.text = e.target.value}
      item_id={'1'}
      comments={['1', '2', '3']}/>);
  });

  it('should render the CommentBox appropriately', () => {
    expect(render.contains('<div class="CommentBox"')).to.be.truthy;
    expect(render.contains('<button class="postCommentButton"')).to.be.truthy;
  });
});