Add spec files for the components

 - AppHeader.js
 - AppNavigation.js

Signed-off-by: Sukanya Pandey <sukapan1@in.ibm.com>
Change-Id: I55bbd16349dcf134b68fe33ba7cc26f29a98cfc7
diff --git a/tests/unit/AppNavigation.spec.js b/tests/unit/AppNavigation.spec.js
new file mode 100644
index 0000000..3424f69
--- /dev/null
+++ b/tests/unit/AppNavigation.spec.js
@@ -0,0 +1,37 @@
+import { mount } from '@vue/test-utils';
+import AppNavigation from '@/components/AppNavigation';
+import Vue from 'vue';
+import { BootstrapVue } from 'bootstrap-vue';
+
+describe('AppNavigation.vue', () => {
+  let wrapper;
+  Vue.use(BootstrapVue);
+
+  wrapper = mount(AppNavigation, {
+    mocks: {
+      $t: key => key
+    }
+  });
+
+  describe('Component exists', () => {
+    it('should check if AppNavigation exists', async () => {
+      expect(wrapper.exists());
+    });
+  });
+
+  describe('Methods', () => {
+    describe('toggleIsOpen method', () => {
+      it('should call toggleIsOpen and toggle isNavigationOpen to false', async () => {
+        wrapper.vm.isNavigationOpen = true;
+        wrapper.vm.toggleIsOpen();
+        expect(wrapper.vm.isNavigationOpen).to.be.false;
+      });
+
+      it('should call toggleIsOpen and toggle isNavigationOpen to true', async () => {
+        wrapper.vm.isNavigationOpen = false;
+        wrapper.vm.toggleIsOpen();
+        expect(wrapper.vm.isNavigationOpen).to.be.true;
+      });
+    });
+  });
+});