feat(RadioTile): add className prop (#765)

* fix(RadioTile): Accepts className in props

* fix(RadioTile): Update test

* fix(RadioTile): Add default prop value for className

* fix(RadioTile): Update test

* fix(RadioTile): Add a test for custom className && code cleanup

Author: Ahsan Naveed

src/components/RadioTile/RadioTile-test.js

@@ -64,6 +64,17 @@ describe('RadioButton', () => {
         wrapper.setProps({ labelText: 'test label text' });
         expect(label.text()).toMatch(/test label text/);
       });
+
+      it('should not have the className when no class is passed through props', () => {
+        expect(label.hasClass(label.props.className)).toEqual(false);
+      });
+
+      it('should have the className passed through props', () => {
+        const label = render({
+          className: 'extra-class',
+        });
+        expect(label.hasClass('extra-class')).toEqual(true);
+      });
     });
 
     describe('wrapper', () => {

src/components/RadioTile/RadioTile.js

@@ -7,6 +7,7 @@ import classNames from 'classnames';
 export default class RadioTile extends React.Component {
   static propTypes = {
     checked: PropTypes.bool,
+    className: PropTypes.string,
     defaultChecked: PropTypes.bool,
     id: PropTypes.string,
     name: PropTypes.string,
@@ -27,9 +28,9 @@ export default class RadioTile extends React.Component {
   };
 
   render() {
-    const { children, ...other } = this.props;
+    const { children, className, ...other } = this.props;
 
-    const classes = classNames('bx--tile', 'bx--tile--selectable', {
+    const classes = classNames(className, 'bx--tile', 'bx--tile--selectable', {
       'bx--tile--is-selected': this.props.checked,
     });