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

tests/unit/buttons/BrandButtons.spec.js

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

tests/unit/buttons/ButtonDropdowns.spec.js

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

tests/unit/buttons/ButtonGroups.spec.js

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

tests/unit/buttons/StandardButtons.spec.js

@@ -0,0 +1,33 @@
+import Vue from 'vue'
+import { shallowMount, mount } from '@vue/test-utils'
+import BootstrapVue from 'bootstrap-vue'
+import StandardButtons from '@/views/buttons/StandardButtons'
+
+Vue.use(BootstrapVue)
+
+describe('StandardButtons.vue', () => {
+  it('has a name', () => {
+    expect(StandardButtons.name).toMatch('standard-buttons')
+  })
+  it('has a created hook', () => {
+    expect(typeof StandardButtons.data).toMatch('function')
+  })
+  it('sets the correct default data', () => {
+    expect(typeof StandardButtons.data).toMatch('function')
+    const defaultData = StandardButtons.data()
+    expect(defaultData.togglePress).toBe(false)
+  })
+  it('is Vue instance', () => {
+    const wrapper = shallowMount(StandardButtons)
+    expect(wrapper.isVueInstance()).toBe(true)
+  })
+  it('is StandardButtons', () => {
+    const wrapper = shallowMount(StandardButtons)
+    expect(wrapper.is(StandardButtons)).toBe(true)
+  })
+  it('should render correct content', () => {
+    const wrapper = mount(StandardButtons)
+    expect(wrapper.find('div.card-header > strong').text()).toMatch('Standard buttons')
+    expect(wrapper.find('div.card-header > div > strong').text()).toMatch('Toggle pressed state')
+  })
+})