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