💚 Fix radioButtonGroup failed tests

Author: KRRISH96

lib/radioButtonGroup/index.js

@@ -30,7 +30,7 @@ class RadioButtonGroup extends React.Component {
       theme,
     } = this.props;
 
-    const classNames = cx(theme['radio-group'], { [theme.inline]: inline });
+    const classNames = cx(theme['radio-group'], (inline ? `${theme.inline} inline` : ''));
 
     const isChecked = label => label === this.state.currentlyActive ? 'active' : ''; // eslint-disable-line
 
@@ -46,7 +46,7 @@ class RadioButtonGroup extends React.Component {
               id="radio_button"
             >
               <label className={cx(theme['customized-radio'], theme['customized-radio'])}>
-                <label className={cx(theme.inner, { [theme.checked]: isChecked(option.label) })}>
+                <label className={cx(theme.inner, 'inner', isChecked(option.label) ? `${theme.checked} checked` : '')}>
                   <input type="radio" />
                 </label>
               </label>

lib/radioButtonGroup/tests/accessibility.test.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { expect } from 'chai';
-import { mount } from 'enzyme';
+import { mount, shallow } from 'enzyme';
 import RadioButtonGroup from '..';
 
 /* eslint-disable no-undef */
@@ -18,7 +18,7 @@ describe('RadioButtonGroup accessibility tests', () => {
   ];
 
   beforeEach(() => {
-    wrappedComponent = mount(<RadioButtonGroup options={options} />);
+    wrappedComponent = mount(shallow(<RadioButtonGroup options={options} />).get(0));
   });
 
   afterEach(() => {