test: added basic unit tests (except for charts). Unit tests segregated in directories.

tests/unit/theme/ColorTheme.spec.js

@@ -0,0 +1,17 @@
+import Vue from 'vue'
+import { shallowMount, mount } from '@vue/test-utils'
+import BootstrapVue from 'bootstrap-vue'
+import Component from '@/views/theme/ColorTheme'
+
+Vue.use(BootstrapVue)
+const ComponentName = 'ColorTheme'
+
+describe(ComponentName + '.vue', () => {
+  it('has a name', () => {
+    expect(Component.name).toMatch(ComponentName)
+  })
+  it('is Vue instance', () => {
+    const wrapper = shallowMount(Component)
+    expect(wrapper.isVueInstance()).toBe(true)
+  })
+})

tests/unit/theme/ColorView.spec.js

@@ -0,0 +1,17 @@
+import Vue from 'vue'
+import { shallowMount, mount } from '@vue/test-utils'
+import BootstrapVue from 'bootstrap-vue'
+import Component from '@/views/theme/ColorView'
+
+Vue.use(BootstrapVue)
+const ComponentName = 'ColorView'
+
+describe(ComponentName + '.vue', () => {
+  it('has a name', () => {
+    expect(Component.name).toMatch(ComponentName)
+  })
+  it('is Vue instance', () => {
+    const wrapper = shallowMount(Component)
+    expect(wrapper.isVueInstance()).toBe(true)
+  })
+})

tests/unit/theme/Colors.spec.js

@@ -0,0 +1,24 @@
+import Vue from 'vue'
+import { shallowMount, mount } from '@vue/test-utils'
+import BootstrapVue from 'bootstrap-vue'
+import Colors from '@/views/theme/Colors'
+
+Vue.use(BootstrapVue)
+
+describe('Colors.vue', () => {
+  it('has a name', () => {
+    expect(Colors.name).toMatch('colors')
+  })
+  it('is Vue instance', () => {
+    const wrapper = shallowMount(Colors)
+    expect(wrapper.isVueInstance()).toBe(true)
+  })
+  it('is Colors', () => {
+    const wrapper = shallowMount(Colors)
+    expect(wrapper.is(Colors)).toBe(true)
+  })
+  it('should render correct content', () => {
+    const wrapper = mount(Colors)
+    expect(wrapper.find('header.card-header > div').text()).toMatch('Theme colors')
+  })
+})

tests/unit/theme/Typography.spec.js

@@ -0,0 +1,24 @@
+import Vue from 'vue'
+import { shallowMount } from '@vue/test-utils'
+import BootstrapVue from 'bootstrap-vue'
+import Typography from '@/views/theme/Typography'
+
+Vue.use(BootstrapVue)
+
+describe('Typography.vue', () => {
+  it('has a name', () => {
+    expect(Typography.name).toMatch('typography')
+  })
+  it('is Vue instance', () => {
+    const wrapper = shallowMount(Typography)
+    expect(wrapper.isVueInstance()).toBe(true)
+  })
+  it('is Typography', () => {
+    const wrapper = shallowMount(Typography)
+    expect(wrapper.is(Typography)).toBe(true)
+  })
+  it('should render correct content', () => {
+    const wrapper = shallowMount(Typography)
+    expect(wrapper.find('.card-header').text()).toMatch('Headings')
+  })
+})