fix: restore providing minimize state in CSidebar, update tests

Author: woothu

src/components/Sidebar/CSidebar.vue

@@ -40,7 +40,14 @@ export default {
     }
   },
   provide () {
-    return { dropdownMode: this.dropdownMode }
+    const state = {}
+    Object.defineProperty(state, 'minimize', {
+      get: () => this.minimize
+    })
+    return { 
+      state,
+      dropdownMode: this.dropdownMode 
+    }
   },
   data () {
     return {
@@ -85,13 +92,13 @@ export default {
       if (
         hiddingElementClicked &&
         this.hideOnMobileClick &&
-        this.isOnMobile(event)
+        this.isOnMobile()
       ) {
         this.open = false
         this.$emit('update:show', false)
       }
     },
-    isOnMobile (event) {
+    isOnMobile () {
       return Boolean(getComputedStyle(this.$el).getPropertyValue('--on-mobile'))
     }
   }

src/components/Sidebar/CSidebarNav.vue

@@ -3,7 +3,7 @@
     <VuePerfectScrollbar
       class="c-scroll-area"
       :settings="psSettings"
-      :switcher="!state.minimized"
+      :switcher="!state.minimize"
     >
       <ul class="c-nav">
         <slot></slot>

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

@@ -45,7 +45,7 @@ const App = Vue.extend({
 })
 
 const sidebarWrapper = mount(App, { attachToDocument: true })
-const sidebarComponent = sidebarWrapper.vm.$children[0]
+// const sidebarComponent = sidebarWrapper.vm.$children[0]
 
 describe(`${ComponentName} .vue`, () => {
   it('has a name', () => {

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

@@ -11,13 +11,13 @@ const Sidebar = Vue.extend({
   components: { CSidebar, CSidebarNav },
   data () {
     return {
-      minimized: false
+      minimize: false
     }
   },
   render (h) {
     return h(
       'CSidebar', 
-      { props: { minimize: this.minimized } }, 
+      { props: { minimize: this.minimize } }, 
       [h('CSidebarNav')]
     )
   }
@@ -37,15 +37,12 @@ describe(`${ComponentName} .vue`, () => {
   })
   it('properly inherits state from sidebar', () => {
     const nav = sidebarWrapper.vm.$children[0].$children[0]
-    expect(nav.state.open).toBe(true)
-    expect(nav.state.mobileOpen).toBe(false)
+    expect(nav.state.minimize).toBe(false)
 
-    expect(nav.state.minimized).toBe(false)
+    sidebarWrapper.setData({minimize: true})
+    expect(nav.state.minimize).toBe(true)
 
-    sidebarWrapper.setData({minimized: true})
-    expect(nav.state.minimized).toBe(true)
-
-    sidebarWrapper.setData({minimized: false})
-    expect(nav.state.minimized).toBe(false)
+    sidebarWrapper.setData({minimize: false})
+    expect(nav.state.minimize).toBe(false)
   })
 })