Updated test files (#477)

* Updated test files

 - Updated test files

Signed-off-by: Vedangi Mittal <[email protected]>

* Rebase fix

- Rebase fix

* Lint fix

- Lint fix

* Fixed space

- Fixed space

---------

Signed-off-by: Vedangi Mittal <[email protected]>

Author: vedangimittal

.gitignore

@@ -1,7 +1,7 @@
 .DS_Store
 node_modules
 /dist
-/docs/.vuepress/dist
+/docs/.vitepress/dist
 
 # local env files
 .env.local

CONTRIBUTING.md

@@ -44,7 +44,7 @@ npm install
 npm run serve
 ```
 
-### Run Documentation Locally (Vuepress static site generation)
+### Run Documentation Locally (Vitepress static site generation)
 ```
 npm run docs:serve
 ```

src/components/AppNavigation/AppNavigation.vue

@@ -105,7 +105,9 @@ watch(isNavigationOpen, () => {
 
 const checkForUserData = () => {
   if (!currentUser.value) {
-    userManagementStore.getUsers();
+    userManagementStore.getUsers().catch((error) => {
+      console.log(error);
+    });
     globalStore.getCurrentUser();
   }
 };

tests/unit/AppHeader.spec.js

@@ -5,30 +5,30 @@ import stores from '@/store';
 import AppHeader from '@/components/AppHeader/AppHeader.vue';
 import eventBus from '@/eventBus';
 
-vi.mock('vue-router', () => ({
-  useRouter: () => ({
-    push: vi.fn(),
-  }),
-}));
+vi.mock('vue-router', async () => {
+  const actual = await vi.importActual('vue-router');
+  return {
+    ...actual,
+    useRouter: () => ({
+      push: vi.fn(),
+    }),
+  };
+});
 
 describe('AppHeader.vue', () => {
   let wrapper;
   let globalStore;
   let eventLogStore;
   let authStore;
-
   beforeEach(() => {
     const pinia = createPinia();
     setActivePinia(pinia);
-
     globalStore = stores.GlobalStore();
     eventLogStore = stores.EventLogStore();
     authStore = stores.AuthenticationStore();
-
     globalStore.getSystemInfo = vi.fn();
     eventLogStore.getEventLogData = vi.fn();
     authStore.resetStoreState = vi.fn();
-
     wrapper = mount(AppHeader, {
       global: {
         plugins: [pinia],
@@ -84,7 +84,6 @@ describe('AppHeader.vue', () => {
       wrapper.vm.getSystemInfo();
       expect(globalStore.getSystemInfo).toHaveBeenCalled();
     });
-
     it('getEvents should dispatch eventLog/getEventLogData', () => {
       wrapper.vm.getEvents();
       expect(eventLogStore.getEventLogData).toHaveBeenCalled();

tests/unit/AppNavigation.spec.js

@@ -4,35 +4,77 @@ import { createRouter, createWebHistory } from 'vue-router';
 import { createPinia, setActivePinia } from 'pinia';
 import AppNavigation from '@/components/AppNavigation/AppNavigation.vue';
 import eventBus from '@/eventBus';
+import stores from '@/store';
+
+vi.mock('@/components/AppNavigation/AppNavigationData', () => {
+  return () => ({
+    navigationItems: [
+      {
+        id: 'dashboard',
+        label: 'Dashboard',
+        route: '/dashboard',
+        icon: 'icon-dashboard',
+      },
+      {
+        id: 'settings',
+        label: 'Settings',
+        icon: 'icon-settings',
+        children: [
+          {
+            id: 'users',
+            label: 'Users',
+            route: '/settings/users',
+          },
+          {
+            id: 'network',
+            label: 'Network',
+            route: '/settings/network',
+          },
+        ],
+      },
+    ],
+  });
+});
 
 describe('AppNavigation.vue', () => {
   let wrapper;
-
+  let globalStore;
   const router = createRouter({
     history: createWebHistory(),
     routes: [],
   });
-
   beforeEach(() => {
     const pinia = createPinia();
     setActivePinia(pinia);
-
+    globalStore = stores.GlobalStore();
+    vi.spyOn(globalStore, 'modelTypeGetter', 'get').mockReturnValue(
+      'TestModel',
+    );
+    vi.spyOn(globalStore, 'hmcManagedGetter', 'get').mockReturnValue(true);
+    vi.spyOn(globalStore, 'currentUserGetter', 'get').mockReturnValue({
+      username: 'testuser',
+    });
     wrapper = mount(AppNavigation, {
       global: {
         plugins: [router, pinia],
+        stubs: {
+          'icon-dashboard': true,
+          'icon-settings': true,
+          'icon-chevron-up': true,
+        },
         mocks: {
           $t: (key) => key,
         },
       },
     });
   });
 
-  it('should exist', async () => {
+  it('should exist', () => {
     expect(wrapper.exists()).toBe(true);
   });
 
   it('should render correctly', () => {
-    expect(wrapper.element).toMatchSnapshot();
+    expect(wrapper.find('.nav-container').exists()).toBe(true);
   });
 
   it('should render with nav-container open', () => {
@@ -53,12 +95,16 @@ describe('AppNavigation.vue', () => {
   });
 
   it('toggle-navigation event should toggle isNavigation data prop value', async () => {
-    wrapper.vm.isNavigationOpen = false;
-    eventBus.emit('toggle-navigation');
+    eventBus.emit('loading-bar-status', true);
     await wrapper.vm.$nextTick();
-    expect(wrapper.vm.isNavigationOpen).toBe(true);
     eventBus.emit('toggle-navigation');
     await wrapper.vm.$nextTick();
-    expect(wrapper.vm.isNavigationOpen).toBe(false);
+    const navOverlay = wrapper.find('#nav-overlay');
+    expect(navOverlay.exists()).toBe(true);
+    const spy = vi.spyOn(eventBus, 'emit');
+    await navOverlay.trigger('click');
+    await wrapper.vm.$nextTick();
+    expect(spy).toHaveBeenCalledWith('change-is-navigation-open', false);
+    spy.mockRestore();
   });
 });