💚 Fix failed tests on toggle and tooltip

Author: KRRISH96

lib/snackbar/index.js

@@ -86,7 +86,8 @@ class Snackbar extends React.Component {
         className={classnames(
           theme.snackbarWrapper,
           theme[position],
-          active ? theme.active : '',
+          position,
+          active ? `${theme.active} active` : '',
         )}
       >
         <div className={classes}>{children}</div>

lib/table/index.js

@@ -55,15 +55,15 @@ class Table extends React.Component {
         <span
           className={
             (isCurrentKey && this.state[`${key}Ascending`])
-              ? theme.sortedAscending
+              ? `${theme.sortedAscending} sortedAscending`
               : null
           }
           onClick={() => this.sortAscending(key)}
         />
         <span
           className={
             (isCurrentKey && this.state[`${key}Descending`])
-              ? theme.sortedDescending
+              ? `${theme.sortedDescending} sortedDescending`
               : null
           }
           onClick={() => this.sortDescending(key)}

lib/toggle/index.js

@@ -26,6 +26,7 @@ const Toggle = ({
         type="checkbox"
         name={label} // when name prop isn't passed, name sets to same value as label prop
         onClick={() => onClick(label, value)}
+        className="toggle-item"
         {...props}
       />
     </label>

lib/toggle/tests/render.test.js

@@ -29,9 +29,9 @@ describe('Render Toggle Component tests', () => {
     expect(actualValue()).equal(expectedValue);
   });
 
-  it('Should have a span with className toggle-item', () => {
+  it('Should have a input with className toggle-item', () => {
     expectedValue = true;
-    actualValue = () => wrappedComponent.find('span').hasClass('toggle-item');
+    actualValue = () => wrappedComponent.find('input').hasClass('toggle-item');
     expect(actualValue()).to.equal(expectedValue);
   });
 });

lib/tooltip/index.js

@@ -43,7 +43,7 @@ class Tooltip extends React.Component {
         {
           this.state.tooltipActive && (
             <div className={theme.tip} id="tip">
-              <div className={classnames(theme.tooltipContent, { [theme.top]: top })}>
+              <div className={classnames(theme.tooltipContent, (top ? `${theme.top} top` : ''))}>
                 {tooltipText}
               </div>
             </div>