test: add shared component tests

Author: sniperadmin

Diff for: tests/unit/components/shared/Banner.spec.js

@@ -0,0 +1,53 @@
+import Vue from 'vue'
+import { mount, createLocalVue } from '@vue/test-utils'
+import Vuetify from 'vuetify'
+import Banner from '@/components/Banner.vue'
+
+describe('Banner', () => {
+  let wrapper
+  const localVue = createLocalVue()
+
+  Vue.use(Vuetify)
+
+  const vuetify = new Vuetify()
+
+  beforeEach(() => {
+    wrapper = mount(Banner, {
+      localVue,
+      vuetify
+    })
+  })
+
+  afterEach(() => {
+    wrapper.destroy()
+  })
+
+  it('should load the banner', () => {
+    const banner = wrapper.find('.v-banner')
+    const progress = wrapper.find('.v-progress-linear')
+
+    expect(banner.exists()).toBe(true)
+    expect(progress.exists()).toBe(false)
+  })
+
+  it('should test component props', async () => {
+    const banner = wrapper.find('.v-banner')
+    const icon = wrapper.find('.v-icon')
+
+    wrapper.setProps({
+      icon: 'cog',
+      text: 'dummy text',
+      progress: true
+    })
+
+    await wrapper.vm.$nextTick()
+
+    // checking if we capture the progress bar (loading)
+    const newProgressDom = wrapper.find('.v-progress-linear')
+
+    expect(wrapper.props().icon).toBe('cog')
+    expect(icon.classes()).toContain('mdi-cog')
+    expect(banner.text()).toBe('dummy text')
+    expect(newProgressDom.exists()).toBe(true)
+  })
+})

Diff for: tests/unit/components/shared/Button.spec.js

@@ -0,0 +1,41 @@
+import Vue from 'vue'
+import { mount, createLocalVue } from '@vue/test-utils'
+import Vuetify from 'vuetify'
+import Button from '@/components/Button.vue'
+
+describe('Button', () => {
+  let wrapper
+  const localVue = createLocalVue()
+
+  Vue.use(Vuetify)
+
+  const vuetify = new Vuetify()
+
+  beforeEach(() => {
+    wrapper = mount(Button, {
+      localVue,
+      vuetify,
+      slots: {
+        default: "<h3 class='test'>hello from slot</h3>"
+      }
+    })
+  })
+
+  afterEach(() => {
+    wrapper.destroy()
+  })
+
+  it('should load button', () => {
+    const button = wrapper.find('.v-btn')
+    const badge = wrapper.find('.v-badge')
+    const testSlot = wrapper.find('.test')
+
+    console.log(button.attributes())
+
+    expect(button.exists()).toBe(true)
+    expect(badge.exists()).toBe(false)
+    // should load the custom slot
+    expect(testSlot.exists()).toBe(true)
+    expect(testSlot.text()).toBe('hello from slot')
+  })
+})