Merge pull request #119 from coreui/dev-tests

test: add some more testing

Author: xidedix

.gitignore

@@ -2,6 +2,7 @@
 node_modules
 package-lock.json
 /dist
+/coverage
 
 /tests/e2e/reports/
 selenium-debug.log

CHANGELOG.md

@@ -1,5 +1,9 @@
 ## [vue](./README.md) version `changelog`
 
+##### `v2.0.0-next`
+- test(unit): add test for User.vue
+- test: add jest config for coverage
+
 ##### `v2.0.0-rc.0`
 - test(unit): add some views testing 
 - test(e2e): add testing for mobile `sidebar-show` 

jest.config.js

@@ -21,5 +21,11 @@ module.exports = {
     '<rootDir>/tests/unit/Dashboard.spec.js'
   ],
   verbose: true,
-  testURL: "http://localhost/"
+  testURL: "http://localhost/",
+  collectCoverage: true,
+  collectCoverageFrom: [
+      "src/**/*.{js,vue}",
+      "!**/node_modules/**"
+  ],
+  coverageReporters: ["html", "text-summary"]
 }

tests/unit/User.spec.js

@@ -0,0 +1,49 @@
+import Vue from 'vue'
+import { shallowMount, mount, createLocalVue } from '@vue/test-utils'
+import VueRouter from 'vue-router'
+
+const localVue = createLocalVue()
+localVue.use(VueRouter)
+const router = new VueRouter()
+
+import BootstrapVue from 'bootstrap-vue'
+import User from '@/views/Users/User'
+
+localVue.use(BootstrapVue)
+
+describe('User.vue', () => {
+  it('has a name', () => {
+    expect(User.name).toMatch('User')
+  })
+  it('has a created hook', () => {
+    expect(typeof User.data).toMatch('function')
+  })
+  it('sets the correct default data', () => {
+    expect(typeof User.data).toMatch('function')
+    const defaultData = User.data()
+    expect(defaultData.fields).toEqual([{key: 'key'}, {key: 'value'}])
+  })
+  it('is Vue instance', () => {
+    const wrapper = shallowMount(User, {
+      localVue,
+      router
+    })
+    expect(wrapper.isVueInstance()).toBe(true)
+  })
+  it('is User', () => {
+    const wrapper = shallowMount(User, {
+      localVue,
+      router
+    })
+    expect(wrapper.is(User)).toBe(true)
+  })
+  it('renders props.caption when passed', () => {
+    const caption = 'User id:'
+    const wrapper = mount(User, {
+      propsData: { caption },
+      localVue,
+      router
+    })
+    expect(wrapper.find('div.card-header').text()).toMatch(caption)
+  })
+})