test: add missing unit tests

Author: xidedix

src/components/__tests__/Aside.js

@@ -0,0 +1,19 @@
+import { mount } from 'vue-test-utils'
+import Aside from "../Aside/Aside";
+
+describe("Aside.vue", () => {
+  // Inspect the raw component options
+  it('has isFixed method', () => {
+    expect(typeof Aside.methods.isFixed).toBe('function')
+  })
+  it('has isOffCanvas method', () => {
+    expect(typeof Aside.methods.isOffCanvas).toBe('function')
+  })
+  it('renders correctly', () => {
+    const wrapper = mount(Aside)
+    expect(wrapper.element).toMatchSnapshot()
+    expect(wrapper.is('aside')).toBe(true)
+    expect(wrapper.classes()).toContain('aside-menu')
+    expect(wrapper.element.textContent).toEqual('Aside')
+  })
+});

src/components/__tests__/AsideToggler.js

@@ -0,0 +1,18 @@
+import { mount } from "vue-test-utils";
+import AsideToggler from "../Aside/AsideToggler";
+
+describe("AsideToggler.vue", () => {
+  // Inspect the raw component options
+  it('has toggle method', () => {
+    expect(typeof AsideToggler.methods.toggle).toBe('function')
+  })
+  it('has asideToggle method', () => {
+    expect(typeof AsideToggler.methods.asideToggle).toBe('function')
+  })
+  it('renders correctly', () => {
+    const wrapper = mount(AsideToggler)
+    expect(wrapper.element).toMatchSnapshot()
+    expect(wrapper.is('button')).toBe(true)
+    expect(wrapper.classes()).toContain('navbar-toggler')
+  })
+});

src/components/__tests__/Callout.js

@@ -0,0 +1,26 @@
+import { mount } from "vue-test-utils";
+import Callout from "../Callout/Callout";
+
+describe("Callout.vue", () => {
+  // Inspect the raw component options
+  it("should have default props", () => {
+    const wrapper = mount(Callout, {
+      propsData: {
+        variant: ''
+      }
+    })
+    expect(wrapper.props().variant).toBe('')
+  });
+  it('has classList computed property', () => {
+    expect(typeof Callout.computed.classList).toBe('function')
+  })
+  it('has calloutVariant computed property', () => {
+    expect(typeof Callout.computed.calloutVariant).toBe('function')
+  })
+  it('renders correctly', () => {
+    const wrapper = mount(Callout)
+    expect(wrapper.element).toMatchSnapshot()
+    expect(wrapper.element.textContent).toEqual('Callout')
+    expect(wrapper.classes()).toContain('callout')
+  })
+});

src/components/__tests__/Footer.js

@@ -0,0 +1,15 @@
+import { mount } from "vue-test-utils";
+import Footer from "../Footer/Footer";
+
+describe("Footer.vue", () => {
+  // Inspect the raw component options
+  it('has isFixed method', () => {
+    expect(typeof Footer.methods.isFixed).toBe('function')
+  })
+  it('renders correctly', () => {
+    const wrapper = mount(Footer)
+    expect(wrapper.element).toMatchSnapshot()
+    expect(wrapper.element.textContent).toEqual('Footer')
+    expect(wrapper.classes()).toContain('app-footer')
+  })
+});

src/components/__tests__/Header.js

@@ -0,0 +1,16 @@
+import { mount } from "vue-test-utils";
+import Header from "../Header/Header";
+
+describe("Header.vue", () => {
+  // Inspect the raw component options
+  it('has isFixed method', () => {
+    expect(typeof Header.methods.isFixed).toBe('function')
+  })
+  it('renders correctly', () => {
+    const wrapper = mount(Header)
+    expect(wrapper.element).toMatchSnapshot()
+    expect(wrapper.element.textContent).toEqual('Header')
+    expect(wrapper.classes()).toContain('app-header')
+    expect(wrapper.classes()).toContain('navbar')
+  })
+});

src/components/__tests__/HeaderDropdown.js

@@ -0,0 +1,22 @@
+import { mount } from 'vue-test-utils'
+import HeaderDropdown from '../Header/HeaderDropdown';
+
+describe("HeaderDropdown.vue", () => {
+  // Inspect the raw component options
+  it("should have default props", () => {
+    const wrapper = mount(HeaderDropdown, {
+      propsData: {
+        right: false,
+        noCaret: false
+      }
+    })
+    expect(wrapper.props().right).toBe(false)
+    expect(wrapper.props().noCaret).toBe(false)
+  });
+  it('renders correctly', () => {
+    const wrapper = mount(HeaderDropdown)
+    expect(wrapper.element).toMatchSnapshot()
+    expect(wrapper.find('span').text()).toBe('dropdown')
+    expect(wrapper.find('span').classes()).toContain('text-center')
+  })
+});

src/components/__tests__/Sidebar.js

@@ -0,0 +1,23 @@
+import { mount } from 'vue-test-utils'
+import Sidebar from "../Sidebar/Sidebar";
+
+describe("Sidebar.vue", () => {
+  // Inspect the raw component options
+  it("should have default props", () => {
+    const wrapper = mount(Sidebar, {
+      propsData: {
+        fixed: false,
+      }
+    })
+    expect(wrapper.props().fixed).toBe(false)
+  });
+  it('has isFixed method', () => {
+    expect(typeof Sidebar.methods.isFixed).toBe('function')
+  })
+  it('renders correctly', () => {
+    const wrapper = mount(Sidebar)
+    expect(wrapper.element).toMatchSnapshot()
+    expect(wrapper.text()).toBe('Sidebar')
+    expect(wrapper.classes()).toContain('sidebar')
+  })
+});

src/components/__tests__/SidebarFooter.js

@@ -0,0 +1,14 @@
+import { mount } from 'vue-test-utils'
+import SidebarFooter from "../Sidebar/SidebarFooter";
+
+describe("SidebarFooter.vue", () => {
+  // Inspect the raw component options
+  it('has hasSlotDefault computed property', () => {
+    expect(typeof SidebarFooter.computed.hasSlotDefault).toBe('function')
+  })
+  it('renders correctly', () => {
+    const wrapper = mount(SidebarFooter, { slots: { default: 'test'}})
+    expect(wrapper.element).toMatchSnapshot()
+    expect(wrapper.classes()).toContain('sidebar-footer')
+  })
+});

src/components/__tests__/SidebarForm.js

@@ -0,0 +1,14 @@
+import { mount } from 'vue-test-utils'
+import SidebarForm from "../Sidebar/SidebarForm";
+
+describe("SidebarForm.vue", () => {
+  // Inspect the raw component options
+  it('has hasSlotDefault computed property', () => {
+    expect(typeof SidebarForm.computed.hasSlotDefault).toBe('function')
+  })
+  it('renders correctly', () => {
+    const wrapper = mount(SidebarForm, { slots: { default: 'test'}})
+    expect(wrapper.element).toMatchSnapshot()
+    expect(wrapper.classes()).toContain('sidebar-form')
+  })
+});

src/components/__tests__/SidebarHeader.js

@@ -0,0 +1,14 @@
+import { mount } from 'vue-test-utils'
+import SidebarHeader from "../Sidebar/SidebarHeader";
+
+describe("SidebarHeader.vue", () => {
+  // Inspect the raw component options
+  it('has hasSlotDefault computed property', () => {
+    expect(typeof SidebarHeader.computed.hasSlotDefault).toBe('function')
+  })
+  it('renders correctly', () => {
+    const wrapper = mount(SidebarHeader, { slots: { default: 'test'}})
+    expect(wrapper.element).toMatchSnapshot()
+    expect(wrapper.classes()).toContain('sidebar-header')
+  })
+});