text: import { renderComponent, expect } from '../test_helper'
  import CommentBox from '../../src/components/comment_box'
  
  describe('CommentBox', () => {
    let component
    beforeEach(() => {
      component = renderComponent(CommentBox)
    })
  
    it('has the class "comment-box"', () => {
      expect(component).to.have.class('comment-box')
    })
  
    it('has a text area', () => {
      expect(component.find('textarea')).to.exist
    })
  
    it('has a button', () => {
      expect(component.find('button')).to.exist
    })
  
    describe('endering some text', () => {
  
      beforeEach(() => {
        component.find('textarea').simulate('change', 'new comment')
      })
  
      it('shows text in the text area', () => {
        expect(component.find('textarea')).to.have.value('new comment')
      })
  
      it('when submitted, clears the textarea', () => {
        component.simulate('submit')
        expect(component.find('textarea')).to.have.value('')
      })
    })
  })
  