title: Issues Testing React-Bootstrap Components
body: <p>I am having some difficulties when testing components that use React-Bootstrap with Mocha, Chai, and Enzyme.
  Hopefully someone can key me into what I am doing wrong.</p>
  
  <p>When testing components that do not use React-Bootstrap, I notice that the output is raw html() where as when testing React-Bootstrap I am only getting back the component and not raw html (). This is causing a huge headache when trying to test. This happens if I use shallow, mount, and render.</p>
  
  <p>If anyone has a clue as to why I cannot get raw html when testing that would be greatly appreciated!
  I have included some code to show what I am talking about.</p>
  
  <p><strong>ReactTest.jsx</strong></p>
  
  <pre><code>import React from 'react';
  
  const ReactTest = () =&gt; (
    &lt;div&gt;
      &lt;button&gt;ReactTest&lt;/button&gt;
    &lt;/div&gt;
  );
  
  export default ReactTest;
  </code></pre>
  
  <p><strong>ReactBootstrapTest.jsx</strong></p>
  
  <pre><code>import React from 'react';
  import { Button } from 'react-bootstrap';
  
  const ReactBootstrapTest = () =&gt; (
    &lt;div&gt;
      &lt;Button&gt;ReactBootstrapTest&lt;/Button&gt;
    &lt;/div&gt;
  );
  
  export default ReactBootstrapTest;
  </code></pre>
  
  <p><strong>reactTest.js</strong></p>
  
  <pre><code>import React from 'react';
  import { expect } from 'chai';
  import { shallow } from 'enzyme';
  
  import ReactTest from '../../../../../../components/ReactTest';
  import ReactBootstrapTest from '../../../../../../components/ReactBootstrapTest';
  
  const reactTestEnzymeWrapper = () =&gt; (
    shallow(&lt;ReactTest /&gt;)
  );
  
  const reactBootstrapTestEnzymeWrapper = () =&gt; (
    shallow(&lt;ReactBootstrapTest /&gt;)
  );
  
  describe.only('ReactTest', () =&gt; {
    it('should output debug', () =&gt; {
      const reactTest = reactTestEnzymeWrapper();
      console.log('ReactTest', reactTest.debug());
    });
  
    it('should find the &lt;button&gt;', () =&gt; {
      const reactButton = reactTestEnzymeWrapper().find('button');
      expect(reactButton.at(0).text()).to.equal('ReactTest');
    });
  });
  
  describe.only('ReactBootstrapTest', () =&gt; {
    it('should output debug', () =&gt; {
      const reactBootstrapTest = reactBootstrapTestEnzymeWrapper();
      console.log('ReactBootstrapTest', reactBootstrapTest.debug());
    });
  
    it('should find the &lt;button&gt;', () =&gt; {
      const bootstrapButton = reactBootstrapTestEnzymeWrapper().find('button');
      expect(bootstrapButton.at(0).text()).to.equal('ReactBoostrapTest');
    });
  })
  </code></pre>