tests(unit): add more test cases and snapshots

Author: xidedix

tests/unit/Users.spec.js

@@ -1,4 +1,5 @@
 import Vue from 'vue'
+import { shallowMount } from '@vue/test-utils';
 import BootstrapVue from 'bootstrap-vue'
 import DefaultAside from '@/containers/DefaultAside'
 
@@ -8,4 +9,8 @@ describe('DefaultAside.vue', () => {
   it('has a name', () => {
     expect(DefaultAside.name).toMatch('DefaultAside')
   })
+  test('renders correctly', () => {
+    const wrapper = shallowMount(DefaultAside)
+    expect(wrapper.element).toMatchSnapshot()
+  })
 })

tests/unit/DefaultAside.spec.js renamed to tests/unit/containers/DefaultAside.spec.js

@@ -1,5 +1,5 @@
 import BootstrapVue from 'bootstrap-vue'
-import { shallowMount, createLocalVue } from '@vue/test-utils'
+import { shallowMount, createLocalVue } from '@vue/test-utils';
 import VueRouter from 'vue-router'
 import DefaultContainer from '@/containers/DefaultContainer'
 
@@ -11,11 +11,18 @@ localVue.use(BootstrapVue)
 
 describe('DefaultContainer.vue', () => {
   it('has a name', () => {
-    expect(DefaultContainer.name).toMatch('full')
+    expect(DefaultContainer.name).toMatch('DefaultContainer')
   })
   it('has a created hook', () => {
     expect(typeof DefaultContainer.data).toMatch('function')
   })
+  test('renders correctly', () => {
+    const wrapper = shallowMount(DefaultContainer, {
+      localVue,
+        router
+    })
+    expect(wrapper.element).toMatchSnapshot()
+  })
   it('sets the correct default data', () => {
     expect(typeof DefaultContainer.data).toMatch('function')
     const defaultData = DefaultContainer.data()

tests/unit/DefaultContainer.spec.js renamed to tests/unit/containers/DefaultContainer.spec.js

@@ -1,6 +1,7 @@
 import Vue from 'vue'
 import BootstrapVue from 'bootstrap-vue'
 import DefaultHeaderDropdownAccnt from '@/containers/DefaultHeaderDropdownAccnt'
+import { shallowMount } from '@vue/test-utils';
 
 Vue.use(BootstrapVue)
 
@@ -16,4 +17,8 @@ describe('DefaultHeaderDropdownAccnt.vue', () => {
     const defaultData = DefaultHeaderDropdownAccnt.data()
     expect(defaultData.itemsCount).toBe(42)
   })
+  test('renders correctly', () => {
+    const wrapper = shallowMount(DefaultHeaderDropdownAccnt)
+    expect(wrapper.element).toMatchSnapshot()
+  })
 })