chore: CSidebar - update tests

Author: woothu

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

@@ -37,7 +37,16 @@ const App = Vue.extend({
           }
         },
         ['link']
-      )
+      ),
+      h(
+        'a', {
+          attrs: {
+            href: '/some-path',
+            class: 'c-sidebar-nav-dropdown'
+          }
+        },
+        ['link']
+      ),
     ])
     const View = h('div', { attrs: { class: 'view' }}, ['content'])
     return h('div', [
@@ -60,15 +69,19 @@ describe(`${ComponentName} .vue`, () => {
     expect(sidebarWrapper.element).toMatchSnapshot()
   })
   it('close sidebar on CSidebarNavLink click when in mobile width', () => {
-    //for isOnMobileFunction be be called
-    sidebarWrapper.find('a').trigger('click')
-
+    //cover branch, css vars not included in tests yet
+    sidebarComponent.isOnMobile()
+    //for isOnMobileFunction be called
     sidebarComponent.isOnMobile = () => sidebarComponent.bodyWidth < 768
+    const sidebarClick = (className) => {
+      sidebarWrapper.find(`a.c-sidebar-nav-${className}`).trigger('click')
+    }
     sidebarComponent.bodyWidth = 1300
-    sidebarWrapper.find('a').trigger('click')
-    expect(sidebarComponent.open).toBe(true)
+    sidebarClick('link')
     sidebarComponent.bodyWidth = 200
-    sidebarWrapper.find('a').trigger('click')
+    sidebarClick('dropdown')
+    expect(sidebarComponent.open).toBe(true)
+    sidebarClick('link')
     expect(sidebarComponent.open).toBe('responsive')
   })
   it('watches for prop changes', () => {

src/components/sidebar/tests/__snapshots__/CSidebar.spec.js.snap

@@ -18,6 +18,12 @@ exports[`CSidebar .vue renders correctly 2`] = `
     >
       link
     </a>
+    <a
+      class="c-sidebar-nav-dropdown"
+      href="/some-path"
+    >
+      link
+    </a>
   </div>
   <div
     class="view"

src/components/sidebar/tests/__snapshots__/CSidebarBrand.spec.js.snap

@@ -1,13 +1,5 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`CSidebarBrand renders correctly 1`] = `
-<a
-  class="c-sidebar-brand"
-  href="https://coreui.io"
-  target="_self"
-/>
-`;
-
 exports[`CSidebarBrand renders correctly as div 1`] = `
 <div
   class="c-sidebar-brand"