test: fix snapshots and sidebar test

tests/unit/containers/TheSidebar.spec.js

@@ -1,16 +1,25 @@
-import Vue from 'vue'
-import { shallowMount } from '@vue/test-utils';
+import { shallowMount, createLocalVue } from '@vue/test-utils';
 import CoreuiVue from '@coreui/vue'
+import Vuex from 'vuex'
 import TheSidebar from '@/containers/TheSidebar'
 
-Vue.use(CoreuiVue)
+const localVue = createLocalVue()
+localVue.use(CoreuiVue)
+localVue.use(Vuex)
+
+const store = new Vuex.Store({
+  state: {
+    sidebarShow: 'responsive',
+    sidebarMinimize: false
+  }
+})
 
 describe('TheSidebar.vue', () => {
   it('has a name', () => {
     expect(TheSidebar.name).toBe('TheSidebar')
   })
   test('renders correctly', () => {
-    const wrapper = shallowMount(TheSidebar)
+    const wrapper = shallowMount(TheSidebar, { store, localVue })
     expect(wrapper.element).toMatchSnapshot()
   })
 })

tests/unit/containers/__snapshots__/TheContainer.spec.js.snap

@@ -7,7 +7,7 @@ exports[`TheContainer.vue renders correctly 1`] = `
   <thesidebar-stub />
    
   <div
-    class="c-wrapper"
+    class="c-wrapper c-fixed-components"
   >
     <theheader-stub />
      
@@ -26,9 +26,9 @@ exports[`TheContainer.vue renders correctly 1`] = `
           />
         </ccontainer-stub>
       </main>
+       
+      <thefooter-stub />
     </div>
-     
-    <thefooter-stub />
   </div>
 </div>
 `;

tests/unit/containers/__snapshots__/TheHeader.spec.js.snap

@@ -21,7 +21,13 @@ exports[`TheHeader.vue renders correctly 1`] = `
   />
    
   <cheaderbrand-stub
+    activeclass="router-link-active"
     class="mx-auto d-lg-none"
+    event="click"
+    exactactiveclass="router-link-exact-active"
+    routertag="a"
+    tag="div"
+    target="_self"
     to="/"
   >
     <cicon-stub
@@ -38,9 +44,9 @@ exports[`TheHeader.vue renders correctly 1`] = `
       class="px-3"
     >
       <cheadernavlink-stub
-        activeclass="active"
+        activeclass="router-link-active"
         event="click"
-        exactactiveclass="active"
+        exactactiveclass="router-link-exact-active"
         routertag="a"
         target="_self"
         to="/dashboard"
@@ -55,10 +61,10 @@ exports[`TheHeader.vue renders correctly 1`] = `
       class="px-3"
     >
       <cheadernavlink-stub
-        activeclass="active"
+        activeclass="router-link-active"
         event="click"
         exact="true"
-        exactactiveclass="active"
+        exactactiveclass="router-link-exact-active"
         routertag="a"
         target="_self"
         to="/users"
@@ -73,9 +79,9 @@ exports[`TheHeader.vue renders correctly 1`] = `
       class="px-3"
     >
       <cheadernavlink-stub
-        activeclass="active"
+        activeclass="router-link-active"
         event="click"
-        exactactiveclass="active"
+        exactactiveclass="router-link-exact-active"
         routertag="a"
         target="_self"
       >
@@ -93,9 +99,9 @@ exports[`TheHeader.vue renders correctly 1`] = `
       class="d-md-down-none mx-2"
     >
       <cheadernavlink-stub
-        activeclass="active"
+        activeclass="router-link-active"
         event="click"
-        exactactiveclass="active"
+        exactactiveclass="router-link-exact-active"
         routertag="a"
         target="_self"
       >
@@ -109,9 +115,9 @@ exports[`TheHeader.vue renders correctly 1`] = `
       class="d-md-down-none mx-2"
     >
       <cheadernavlink-stub
-        activeclass="active"
+        activeclass="router-link-active"
         event="click"
-        exactactiveclass="active"
+        exactactiveclass="router-link-exact-active"
         routertag="a"
         target="_self"
       >
@@ -125,9 +131,9 @@ exports[`TheHeader.vue renders correctly 1`] = `
       class="d-md-down-none mx-2"
     >
       <cheadernavlink-stub
-        activeclass="active"
+        activeclass="router-link-active"
         event="click"
-        exactactiveclass="active"
+        exactactiveclass="router-link-exact-active"
         routertag="a"
         target="_self"
       >
@@ -145,7 +151,7 @@ exports[`TheHeader.vue renders correctly 1`] = `
     tag="div"
   >
     <cbreadcrumbrouter-stub
-      class="border-0"
+      class="border-0 mb-0"
     />
   </csubheader-stub>
 </cheader-stub>

tests/unit/containers/__snapshots__/TheHeaderDropdownAccnt.spec.js.snap

@@ -23,9 +23,9 @@ exports[`TheHeaderDropdownAccnt.vue renders correctly 1`] = `
   </cdropdownheader-stub>
    
   <cdropdownitem-stub
-    activeclass="active"
+    activeclass="router-link-active"
     event="click"
-    exactactiveclass="active"
+    exactactiveclass="router-link-exact-active"
     routertag="a"
     target="_self"
   >
@@ -35,11 +35,11 @@ exports[`TheHeaderDropdownAccnt.vue renders correctly 1`] = `
      Updates
     
     <cbadge-stub
-      activeclass="active"
+      activeclass="router-link-active"
       class="ml-auto"
       color="info"
       event="click"
-      exactactiveclass="active"
+      exactactiveclass="router-link-exact-active"
       routertag="a"
       tag="span"
       target="_self"
@@ -49,9 +49,9 @@ exports[`TheHeaderDropdownAccnt.vue renders correctly 1`] = `
   </cdropdownitem-stub>
    
   <cdropdownitem-stub
-    activeclass="active"
+    activeclass="router-link-active"
     event="click"
-    exactactiveclass="active"
+    exactactiveclass="router-link-exact-active"
     routertag="a"
     target="_self"
   >
@@ -61,11 +61,11 @@ exports[`TheHeaderDropdownAccnt.vue renders correctly 1`] = `
      Messages
     
     <cbadge-stub
-      activeclass="active"
+      activeclass="router-link-active"
       class="ml-auto"
       color="success"
       event="click"
-      exactactiveclass="active"
+      exactactiveclass="router-link-exact-active"
       routertag="a"
       tag="span"
       target="_self"
@@ -75,9 +75,9 @@ exports[`TheHeaderDropdownAccnt.vue renders correctly 1`] = `
   </cdropdownitem-stub>
    
   <cdropdownitem-stub
-    activeclass="active"
+    activeclass="router-link-active"
     event="click"
-    exactactiveclass="active"
+    exactactiveclass="router-link-exact-active"
     routertag="a"
     target="_self"
   >
@@ -87,11 +87,11 @@ exports[`TheHeaderDropdownAccnt.vue renders correctly 1`] = `
      Tasks
     
     <cbadge-stub
-      activeclass="active"
+      activeclass="router-link-active"
       class="ml-auto"
       color="danger"
       event="click"
-      exactactiveclass="active"
+      exactactiveclass="router-link-exact-active"
       routertag="a"
       tag="span"
       target="_self"
@@ -101,9 +101,9 @@ exports[`TheHeaderDropdownAccnt.vue renders correctly 1`] = `
   </cdropdownitem-stub>
    
   <cdropdownitem-stub
-    activeclass="active"
+    activeclass="router-link-active"
     event="click"
-    exactactiveclass="active"
+    exactactiveclass="router-link-exact-active"
     routertag="a"
     target="_self"
   >
@@ -113,11 +113,11 @@ exports[`TheHeaderDropdownAccnt.vue renders correctly 1`] = `
      Comments
     
     <cbadge-stub
-      activeclass="active"
+      activeclass="router-link-active"
       class="ml-auto"
       color="warning"
       event="click"
-      exactactiveclass="active"
+      exactactiveclass="router-link-exact-active"
       routertag="a"
       tag="span"
       target="_self"
@@ -137,9 +137,9 @@ exports[`TheHeaderDropdownAccnt.vue renders correctly 1`] = `
   </cdropdownheader-stub>
    
   <cdropdownitem-stub
-    activeclass="active"
+    activeclass="router-link-active"
     event="click"
-    exactactiveclass="active"
+    exactactiveclass="router-link-exact-active"
     routertag="a"
     target="_self"
   >
@@ -151,9 +151,9 @@ exports[`TheHeaderDropdownAccnt.vue renders correctly 1`] = `
   </cdropdownitem-stub>
    
   <cdropdownitem-stub
-    activeclass="active"
+    activeclass="router-link-active"
     event="click"
-    exactactiveclass="active"
+    exactactiveclass="router-link-exact-active"
     routertag="a"
     target="_self"
   >
@@ -165,9 +165,9 @@ exports[`TheHeaderDropdownAccnt.vue renders correctly 1`] = `
   </cdropdownitem-stub>
    
   <cdropdownitem-stub
-    activeclass="active"
+    activeclass="router-link-active"
     event="click"
-    exactactiveclass="active"
+    exactactiveclass="router-link-exact-active"
     routertag="a"
     target="_self"
   >
@@ -177,11 +177,11 @@ exports[`TheHeaderDropdownAccnt.vue renders correctly 1`] = `
      Payments
     
     <cbadge-stub
-      activeclass="active"
+      activeclass="router-link-active"
       class="ml-auto"
       color="secondary"
       event="click"
-      exactactiveclass="active"
+      exactactiveclass="router-link-exact-active"
       routertag="a"
       tag="span"
       target="_self"
@@ -191,9 +191,9 @@ exports[`TheHeaderDropdownAccnt.vue renders correctly 1`] = `
   </cdropdownitem-stub>
    
   <cdropdownitem-stub
-    activeclass="active"
+    activeclass="router-link-active"
     event="click"
-    exactactiveclass="active"
+    exactactiveclass="router-link-exact-active"
     routertag="a"
     target="_self"
   >
@@ -203,11 +203,11 @@ exports[`TheHeaderDropdownAccnt.vue renders correctly 1`] = `
      Projects
     
     <cbadge-stub
-      activeclass="active"
+      activeclass="router-link-active"
       class="ml-auto"
       color="primary"
       event="click"
-      exactactiveclass="active"
+      exactactiveclass="router-link-exact-active"
       routertag="a"
       tag="span"
       target="_self"
@@ -221,9 +221,9 @@ exports[`TheHeaderDropdownAccnt.vue renders correctly 1`] = `
   />
    
   <cdropdownitem-stub
-    activeclass="active"
+    activeclass="router-link-active"
     event="click"
-    exactactiveclass="active"
+    exactactiveclass="router-link-exact-active"
     routertag="a"
     target="_self"
   >
@@ -235,9 +235,9 @@ exports[`TheHeaderDropdownAccnt.vue renders correctly 1`] = `
   </cdropdownitem-stub>
    
   <cdropdownitem-stub
-    activeclass="active"
+    activeclass="router-link-active"
     event="click"
-    exactactiveclass="active"
+    exactactiveclass="router-link-exact-active"
     routertag="a"
     target="_self"
   >

tests/unit/containers/__snapshots__/TheSidebar.spec.js.snap

@@ -10,7 +10,13 @@ exports[`TheSidebar.vue renders correctly 1`] = `
   show="responsive"
 >
   <csidebarbrand-stub
+    activeclass="router-link-active"
     class="d-md-down-none"
+    event="click"
+    exactactiveclass="router-link-exact-active"
+    routertag="a"
+    tag="div"
+    target="_self"
     to="/"
   >
     <cicon-stub