test: update tests, small refactors

Author: woothu

src/components/Button/tests/CButtonToolbar.spec.js

@@ -5,7 +5,7 @@ const ComponentName = 'CButtonToolbar'
 const defaultWrapper = mount(Component)
 const customWrapper = mount(Component, {
   propsData: {
-    justify: true
+    justify: 'between'
   },
   slots: {
     default: 'Custom button toolbar'

src/components/Button/tests/__snapshots__/CButtonToolbar.spec.js.snap

@@ -2,13 +2,15 @@
 
 exports[`CButtonToolbar renders correctly 1`] = `
 <div
+  aria-label="toolbar"
   class="btn-toolbar"
   role="toolbar"
 />
 `;
 
 exports[`CButtonToolbar renders correctly 2`] = `
 <div
+  aria-label="toolbar"
   class="btn-toolbar justify-content-between"
   role="toolbar"
 >

src/components/Card/tests/__snapshots__/CCard.spec.js.snap

@@ -30,8 +30,6 @@ exports[`CCard renders correctly with slots 1`] = `
   <div
     class="card-body"
   >
-    <!---->
-    <!---->
     this should be rendered in body wrapper
   </div>
   <!---->

src/components/Card/tests/__snapshots__/CCardBody.spec.js.snap

@@ -3,19 +3,5 @@
 exports[`CCardBody renders correctly 1`] = `
 <div
   class="card-body bg-primary border-solid text-white text-left"
->
-  <h4
-    class="card-title"
-  >
-    title
-  </h4>
-  <h6
-    class="card-subtitle mb-2 text-muted"
-  >
-    subtitle
-  </h6>
-  <div>
-    body content
-  </div>
-</div>
+/>
 `;

src/components/Form/CFormGroup.vue

@@ -1,7 +1,8 @@
 <template functional>
-  <div :class="[data.class, data.staticClass]"
-       :style="[data.style, data.staticStyle]"
-       role="group"
+  <div 
+    :class="[data.class, data.staticClass]"
+    :style="[data.style, data.staticStyle]"
+    role="group"
   >
     <template v-if="props.wrapperClasses">
       <slot name="label"></slot>

src/components/Sidebar/tests/CPerfectScrollbar.spec.js

@@ -8,7 +8,7 @@ import Vue from 'vue'
 const ComponentName = 'CPerfectScrollbar'
 const wrapper = mount(Component, {
   propsData: {
-    swicher: false
+    switcher: false
   }
 })
 
@@ -50,15 +50,15 @@ describe(`${ComponentName} .vue`, () => {
     expect(typeof errors).toBe('undefined')
   })
   it('do not initialize new instance when one is already set', () => {
-    wrapper.setProps({ swicher: true })
+    wrapper.setProps({ switcher: true })
     const spy = jest.spyOn(wrapper.vm, '__createPerfectScrollbar')
     wrapper.vm.__init()
     expect(spy).not.toBeCalled()
   })
   it('calls __uninit function on switch to false', () => {
     const spy = jest.spyOn(wrapper.vm, '__uninit')
     expect(spy).not.toBeCalled()
-    wrapper.setProps({ swicher: false })
+    wrapper.setProps({ switcher: false })
     expect(spy).toBeCalled()
   })
   it('calls __uninit function before destroy', () => {

src/components/Switch/tests/__snapshots__/CSwitch.spec.js.snap

@@ -2,26 +2,26 @@
 
 exports[`CSwitch renders correctly 1`] = `
 <label
-  class="switch form-check-label switch-undefined"
+  class="c-switch form-check-label c-switch-undefined"
 >
   <input
-    class="switch-input form-check-input"
+    class="c-switch-input form-check-input"
     type="radio"
     value=""
   />
    
   <span
-    class="switch-slider"
+    class="c-switch-slider"
   />
 </label>
 `;
 
 exports[`CSwitch renders correctly 2`] = `
 <label
-  class="switch form-check-label switch-outline-info-alt switch-lg switch-3d"
+  class="c-switch form-check-label c-switch-outline-info-alt c-switch-lg c-switch-3d"
 >
   <input
-    class="switch-input form-check-input"
+    class="c-switch-input form-check-input"
     dataoff="dataOff"
     dataon="dataOn"
     id="myId"
@@ -32,7 +32,7 @@ exports[`CSwitch renders correctly 2`] = `
   />
    
   <span
-    class="switch-slider"
+    class="c-switch-slider"
   />
 </label>
 `;

src/components/Widgets/tests/__snapshots__/CWidgetDropdown.spec.js.snap

@@ -2,7 +2,7 @@
 
 exports[`CWidgetDropdown matches custom props snapshot 1`] = `
 <div
-  class="card bg-info"
+  class="card bg-info text-white"
 >
    
   <div
@@ -25,7 +25,7 @@ exports[`CWidgetDropdown matches custom props snapshot 1`] = `
 
 exports[`CWidgetDropdown matches default props snapshot 1`] = `
 <div
-  class="card bg-undefined"
+  class="card bg-undefined text-white"
 >
    
   <div

src/components/Widgets/tests/__snapshots__/CWidgetHeaderDetails.spec.js.snap

@@ -2,7 +2,7 @@
 
 exports[`CWidgetHeaderDetails matches custom props snapshot 1`] = `
 <div
-  class="card bg-info"
+  class="card bg-info text-white"
 >
   <div
     class="card-header"
@@ -43,7 +43,7 @@ exports[`CWidgetHeaderDetails matches custom props snapshot 1`] = `
 
 exports[`CWidgetHeaderDetails matches default props snapshot 1`] = `
 <div
-  class="card bg-undefined"
+  class="card bg-undefined text-white"
 >
   <div
     class="card-header"