✅ Fix test coverage of toolbox demo

src/components/toolbox/checkBox/demo.js

@@ -2,20 +2,23 @@ import React from 'react';
 import CheckBox from './';
 import DemoRenderer from '../demoRenderer';
 
+/* eslint-disable-next-line no-console */
+const onChange = console.log;
+
 const CheckBoxDemo = () => (
   <React.Fragment>
     <h2>CheckBox</h2>
     <DemoRenderer>
-      <CheckBox checked={true} onChange={() => {}} />
+      <CheckBox checked={true} onChange={onChange} />
     </DemoRenderer>
     <DemoRenderer>
-      <CheckBox checked={false} onChange={() => {}} />
+      <CheckBox checked={false} onChange={onChange} />
     </DemoRenderer>
     <DemoRenderer>
-      <CheckBox checked={true} accent={true} onChange={() => {}} />
+      <CheckBox checked={true} accent={true} onChange={onChange} />
     </DemoRenderer>
     <DemoRenderer>
-      <CheckBox checked={false} removed={true} onChange={() => {}} />
+      <CheckBox checked={false} removed={true} onChange={onChange} />
     </DemoRenderer>
   </React.Fragment>
 );

src/components/toolbox/demo.test.js

@@ -0,0 +1,10 @@
+import React from 'react';
+import { mount } from 'enzyme';
+import ToolboxDemo from './demo';
+
+describe('ToolboxDemo', () => {
+  it('should render', () => {
+    const wrapper = mount(<ToolboxDemo />);
+    expect(wrapper).toHaveLength(1);
+  });
+});

src/components/toolbox/demoRenderer.js

@@ -2,10 +2,10 @@ import React from 'react';
 import jsxToString from 'jsx-to-string';
 
 const DemoRenderer = ({ children }) => (
-  <p>
+  <div>
     <pre>{jsxToString(children)} </pre>
     { children }
-  </p>
+  </div>
 );
 
 export default DemoRenderer;