From f3a1e2269f65edf3a67f9770a4697024a6a124a9 Mon Sep 17 00:00:00 2001
From: woothu <32914662+woothu@users.noreply.github.com>
Date: Tue, 18 Feb 2020 17:13:00 +0100
Subject: [PATCH] refactor: minor changes

---
 package-lock.json                              |  6 +++---
 package.json                                   |  6 +++---
 src/containers/TheFooter.vue                   |  2 +-
 src/views/base/Tabs.vue                        | 11 ++++++-----
 tests/unit/containers/TheContainer.spec.js     | 18 +++++++++++++++---
 .../__snapshots__/TheFooter.spec.js.snap       |  1 -
 .../views/base/__snapshots__/Tabs.spec.js.snap |  4 +++-
 7 files changed, 31 insertions(+), 17 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 62a1e92a..12cb8cc6 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -6837,9 +6837,9 @@
       }
     },
     "eslint-plugin-vue": {
-      "version": "6.2.0",
-      "resolved": "https://registry.npmjs.org/eslint-plugin-vue/-/eslint-plugin-vue-6.2.0.tgz",
-      "integrity": "sha512-6AnZKycVWbwQtL/RyX77Rytm9r16bfYsd5oy65eoSkNFzWQ5qAisdmqUG08v1InTmAh6mbR24X1HMEvoI24wGQ==",
+      "version": "6.2.1",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-vue/-/eslint-plugin-vue-6.2.1.tgz",
+      "integrity": "sha512-MiIDOotoWseIfLIfGeDzF6sDvHkVvGd2JgkvjyHtN3q4RoxdAXrAMuI3SXTOKatljgacKwpNAYShmcKZa4yZzw==",
       "dev": true,
       "requires": {
         "natural-compare": "^1.4.0",
diff --git a/package.json b/package.json
index f5b0f45e..06e4c058 100644
--- a/package.json
+++ b/package.json
@@ -37,19 +37,19 @@
     "vuex": "^3.1.2"
   },
   "devDependencies": {
+    "@babel/core": "^7.8.3",
     "@vue/cli-plugin-babel": "^4.1.2",
     "@vue/cli-plugin-e2e-nightwatch": "^4.1.2",
     "@vue/cli-plugin-eslint": "^4.1.2",
     "@vue/cli-plugin-unit-jest": "^4.1.2",
     "@vue/cli-service": "^4.1.2",
     "@vue/test-utils": "1.0.0-beta.29",
-    "@babel/core": "^7.8.3",
     "babel-eslint": "^10.0.3",
     "babel-jest": "^25.1.0",
-    "core-js": "^3.6.4",
     "chromedriver": "^79.0.2",
+    "core-js": "^3.6.4",
     "eslint": "^6.8.0",
-    "eslint-plugin-vue": "^6.1.2",
+    "eslint-plugin-vue": "^6.2.1",
     "node-sass": "^4.13.1",
     "npm-run-all": "^4.1.5",
     "sass-loader": "^8.0.2",
diff --git a/src/containers/TheFooter.vue b/src/containers/TheFooter.vue
index f3133368..bb01e536 100644
--- a/src/containers/TheFooter.vue
+++ b/src/containers/TheFooter.vue
@@ -1,5 +1,5 @@
 <template>
-  <CFooter>
+  <CFooter :fixed="false">
     <div>
       <a href="https://coreui.io" target="_blank">CoreUI</a>
       <span class="ml-1">&copy; 2020 creativeLabs.</span>
diff --git a/src/views/base/Tabs.vue b/src/views/base/Tabs.vue
index 2f3656b9..f1149d44 100644
--- a/src/views/base/Tabs.vue
+++ b/src/views/base/Tabs.vue
@@ -25,7 +25,7 @@
                 dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
                 officia deserunt mollit anim id est laborum.
               </CTab>
-              <CTab title="Profile">
+              <CTab title="Profile" active>
                 2. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore
                 et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
                 aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum
@@ -81,7 +81,7 @@
             Tabs with icons
           </CCardHeader>
           <CCardBody>
-            <CTabs>
+            <CTabs :active-tab.sync="activeTab">
               <CTab active>
                 <template slot="title">
                   <CIcon name="cil-calculator"/>
@@ -123,7 +123,7 @@
           </CCardHeader>
           <CCardBody>
             <CTabs add-tab-classes="mt-1">
-              <CTab active>
+              <CTab>
                 <template slot="title">
                   <CIcon name="cil-calculator"/> {{tabs[0]}}
                 </template>
@@ -133,7 +133,7 @@
                 dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
                 officia deserunt mollit anim id est laborum.
               </CTab>
-              <CTab>
+              <CTab active>
                 <template slot="title">
                   <CIcon name="cil-basket"/> {{tabs[1]}}
                 </template>
@@ -211,7 +211,8 @@ export default {
         'Calculator',
         'Shopping cart',
         'Charts'
-      ]
+      ],
+      activeTab: 1
     }
   }
 }
diff --git a/tests/unit/containers/TheContainer.spec.js b/tests/unit/containers/TheContainer.spec.js
index 9c52be80..900ed2f2 100644
--- a/tests/unit/containers/TheContainer.spec.js
+++ b/tests/unit/containers/TheContainer.spec.js
@@ -1,13 +1,23 @@
 import CoreuiVue from '@coreui/vue'
 import { shallowMount, createLocalVue } from '@vue/test-utils';
 import VueRouter from 'vue-router'
+import Vuex from 'vuex'
 import TheContainer from '@/containers/TheContainer'
 
 const localVue = createLocalVue()
+localVue.use(Vuex)
 localVue.use(VueRouter)
-const router = new VueRouter()
-
 localVue.use(CoreuiVue)
+const store = new Vuex.Store({
+  state: {
+    darkMode: false,
+    sidebarShow: 'responsive',
+    sidebarMinimize: false,
+    asideShow: false
+  }
+})
+
+const router = new VueRouter()
 
 describe('TheContainer.vue', () => {
   it('has a name', () => {
@@ -15,13 +25,15 @@ describe('TheContainer.vue', () => {
   })
   test('renders correctly', () => {
     const wrapper = shallowMount(TheContainer, {
+      store,
       localVue,
-        router
+      router
     })
     expect(wrapper.element).toMatchSnapshot()
   })
   it('is Vue instance', () => {
     const wrapper = shallowMount(TheContainer, {
+      store,
       localVue,
       router
     })
diff --git a/tests/unit/containers/__snapshots__/TheFooter.spec.js.snap b/tests/unit/containers/__snapshots__/TheFooter.spec.js.snap
index 74304f11..c9bbe009 100644
--- a/tests/unit/containers/__snapshots__/TheFooter.spec.js.snap
+++ b/tests/unit/containers/__snapshots__/TheFooter.spec.js.snap
@@ -2,7 +2,6 @@
 
 exports[`TheFooter.vue renders correctly 1`] = `
 <cfooter-stub
-  fixed="true"
   tag="footer"
 >
   <div>
diff --git a/tests/unit/views/base/__snapshots__/Tabs.spec.js.snap b/tests/unit/views/base/__snapshots__/Tabs.spec.js.snap
index f8dc6926..d65f8fc0 100644
--- a/tests/unit/views/base/__snapshots__/Tabs.spec.js.snap
+++ b/tests/unit/views/base/__snapshots__/Tabs.spec.js.snap
@@ -58,6 +58,7 @@ exports[`Tabs.vue renders correctly 1`] = `
             </ctab-stub>
              
             <ctab-stub
+              active="true"
               activeclass="router-link-active"
               event="click"
               exactactiveclass="router-link-exact-active"
@@ -184,6 +185,7 @@ exports[`Tabs.vue renders correctly 1`] = `
          
         <ccardbody-stub>
           <ctabs-stub
+            activetab="1"
             fade="true"
             variant="tabs"
           >
@@ -274,7 +276,6 @@ exports[`Tabs.vue renders correctly 1`] = `
             variant="tabs"
           >
             <ctab-stub
-              active="true"
               activeclass="router-link-active"
               event="click"
               exactactiveclass="router-link-exact-active"
@@ -298,6 +299,7 @@ exports[`Tabs.vue renders correctly 1`] = `
             </ctab-stub>
              
             <ctab-stub
+              active="true"
               activeclass="router-link-active"
               event="click"
               exactactiveclass="router-link-exact-active"