Issue #552 checkbox (#962)

* Fixed getStyles test.

* New structure for correct testing.

src/checkbox/index.jsx → src/checkbox/component.jsx

@@ -1,11 +1,8 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import Radium from 'radium';
-import compose from 'recompose/compose';
 import getStyles from './get-styles';
 import IconCheckbox from '../icons/icon-checkbox';
 import styles from './styles';
-import themeable from '../themeable';
 
 /** A checkbox is used to verify which options you want selected from a group. */
 const Checkbox = ({
@@ -69,9 +66,4 @@ Checkbox.defaultProps = {
   checked: false
 };
 
-const enhance = compose(
-  themeable(),
-  Radium
-);
-
-export default enhance(Checkbox);
+export default Checkbox;

src/checkbox/index.js

@@ -0,0 +1,11 @@
+import Radium from 'radium';
+import compose from 'recompose/compose';
+import themeable from '../themeable';
+import Checkbox from './component';
+
+const enhance = compose(
+  themeable(),
+  Radium
+);
+
+export default enhance(Checkbox);

test/checkbox/get-styles.test.js

@@ -12,15 +12,15 @@ describe('Checkbox.getStyles', () => {
     });
 
     it('should combine styles', () => {
-      const style = getStyles.root('red', { color: 'red' });
+      const style = getStyles.root(null, { color: 'red' });
 
       expect(style).to.have.property('color', 'red');
     });
 
     it('should change theme color', () => {
-      const style = getStyles.root('red');
+      const style = getStyles.root('HotPink');
 
-      expect(style[':hover']).to.have.property('color', 'red');
+      expect(style[':hover']).to.have.property('color', 'HotPink');
     });
   });