test: restore and fix unit tests

Author: woothu

babel.config.js

@@ -1,5 +1,5 @@
 module.exports = {
   presets: [
-    ['@vue/app']
+    [ "@vue/app", { useBuiltIns: "entry" } ]
   ]
 }

jest.config.js

@@ -8,8 +8,9 @@ module.exports = {
   transform: {
     '^.+\\.vue$': 'vue-jest',
     '.+\\.(css|styl|less|sass|scss|png|jpg|ttf|woff|woff2)$': 'jest-transform-stub',
-    '^.+\\.jsx?$': 'babel-jest'
+    '^.+\\.jsx?$': '<rootDir>/node_modules/babel-jest'
   },
+  transformIgnorePatterns: ["/node_modules/(?!@coreui/icons)"],
   moduleNameMapper: {
     '^@/(.*)$': '<rootDir>/src/$1'
   },

package.json

@@ -17,7 +17,7 @@
     "@coreui/coreui": "next",
     "@coreui/coreui-plugin-chartjs-custom-tooltips": "^1.3.1",
     "@coreui/coreui-vue-chartjs": "../coreui-vue-chartjs",
-    "@coreui/icons": "coreui/coreui-icons#v1-alpha",
+    "@coreui/icons": "github:coreui/coreui-icons#v1-alpha",
     "@coreui/vue": "../coreui-vue",
     "vue": "^2.6.10",
     "vue-router": "^3.0.7"
@@ -28,12 +28,12 @@
     "@vue/cli-plugin-eslint": "^3.9.2",
     "@vue/cli-plugin-unit-jest": "^3.9.0",
     "@vue/cli-service": "^3.9.2",
-    "@vue/test-utils": "^1.0.0-beta.25",
-    "babel-core": "^6.26.3",
+    "@vue/test-utils": "^1.0.0-beta.29",
+    "babel-core": "^7.0.0-bridge.0",
+    "babel-jest": "23.6.0",
     "babel-plugin-dynamic-import-node": "^2.3.0",
     "babel-plugin-module-resolver": "^3.2.0",
     "babel-preset-vue-app": "^2.0.0",
-    "babel-jest": "23.6.0",
     "growl": "^1.10.5",
     "https-proxy-agent": "^2.2.2",
     "node-sass": "^4.12.0",

tests/unit/.eslintrc.js

@@ -0,0 +1,8 @@
+module.exports = {
+  env: {
+    jest: true
+  },
+  rules: {
+    'import/no-extraneous-dependencies': 'off'
+  }
+}

tests/unit/App.spec.js

@@ -0,0 +1,31 @@
+import { shallowMount, createLocalVue } from '@vue/test-utils'
+import VueRouter from 'vue-router'
+import CoreuiVue from '@coreui/vue'
+import App from '@/App'
+
+const localVue = createLocalVue()
+localVue.use(VueRouter)
+const router = new VueRouter()
+
+
+localVue.use(CoreuiVue)
+
+describe('App.vue', () => {
+  it('has a name', () => {
+    expect(App.name).toMatch('app')
+  })
+  it('is Vue instance', () => {
+    const wrapper = shallowMount(App, {
+      localVue,
+      router
+    })
+    expect(wrapper.isVueInstance()).toBe(true)
+  })
+  it('is App', () => {
+    const wrapper = shallowMount(App, {
+      localVue,
+      router
+    })
+    expect(wrapper.is(App)).toBe(true)
+  })
+})

tests/unit/containers/DefaultContainer.spec.js

@@ -0,0 +1,30 @@
+import CoreuiVue from '@coreui/vue'
+import { shallowMount, createLocalVue } from '@vue/test-utils';
+import VueRouter from 'vue-router'
+import DefaultContainer from '@/containers/DefaultContainer'
+
+const localVue = createLocalVue()
+localVue.use(VueRouter)
+const router = new VueRouter()
+
+localVue.use(CoreuiVue)
+
+describe('DefaultContainer.vue', () => {
+  it('has a name', () => {
+    expect(DefaultContainer.name).toMatch('full')
+  })
+  test('renders correctly', () => {
+    const wrapper = shallowMount(DefaultContainer, {
+      localVue,
+        router
+    })
+    expect(wrapper.element).toMatchSnapshot()
+  })
+  it('is Vue instance', () => {
+    const wrapper = shallowMount(DefaultContainer, {
+      localVue,
+      router
+    })
+    expect(wrapper.isVueInstance()).toBe(true)
+  })
+})

tests/unit/containers/DefaultHeaderDropdownAccnt.spec.js

@@ -0,0 +1,24 @@
+import Vue from 'vue'
+import CoreuiVue from '@coreui/vue'
+import DefaultHeaderDropdownAccnt from '@/containers/DefaultHeaderDropdownAccnt'
+import { shallowMount } from '@vue/test-utils';
+
+Vue.use(CoreuiVue)
+
+describe('DefaultHeaderDropdownAccnt.vue', () => {
+  it('has a name', () => {
+    expect(DefaultHeaderDropdownAccnt.name).toMatch('DefaultHeaderDropdownAccnt')
+  })
+  it('has a created hook', () => {
+    expect(typeof DefaultHeaderDropdownAccnt.data).toMatch('function')
+  })
+  it('sets the correct default data', () => {
+    expect(typeof DefaultHeaderDropdownAccnt.data).toMatch('function')
+    const defaultData = DefaultHeaderDropdownAccnt.data()
+    expect(defaultData.itemsCount).toBe(42)
+  })
+  test('renders correctly', () => {
+    const wrapper = shallowMount(DefaultHeaderDropdownAccnt)
+    expect(wrapper.element).toMatchSnapshot()
+  })
+})

tests/unit/containers/TheFooter.spec.js

@@ -0,0 +1,14 @@
+import Vue from 'vue'
+import CoreuiVue from '@coreui/vue'
+import TheFooter from '@/containers/TheFooter'
+import { shallowMount } from '@vue/test-utils';
+
+Vue.use(CoreuiVue)
+
+describe('TheFooter.vue', () => {
+
+  test('renders correctly', () => {
+    const wrapper = shallowMount(TheFooter)
+    expect(wrapper.element).toMatchSnapshot()
+  })
+})

tests/unit/containers/TheHeader.spec.js

@@ -0,0 +1,13 @@
+import Vue from 'vue'
+import CoreuiVue from '@coreui/vue'
+import TheHeader from '@/containers/TheHeader'
+import { shallowMount } from '@vue/test-utils';
+
+Vue.use(CoreuiVue)
+
+describe('TheHeader.vue', () => {
+  test('renders correctly', () => {
+    const wrapper = shallowMount(TheHeader)
+    expect(wrapper.element).toMatchSnapshot()
+  })
+})

tests/unit/containers/TheSidebar.spec.js

@@ -0,0 +1,16 @@
+import Vue from 'vue'
+import { shallowMount } from '@vue/test-utils';
+import CoreuiVue from '@coreui/vue'
+import TheSidebar from '@/containers/TheSidebar'
+
+Vue.use(CoreuiVue)
+
+describe('TheSidebar.vue', () => {
+  it('has a name', () => {
+    expect(TheSidebar.name).toMatch('TheSidebar')
+  })
+  test('renders correctly', () => {
+    const wrapper = shallowMount(TheSidebar)
+    expect(wrapper.element).toMatchSnapshot()
+  })
+})