Update NavBar unit tests

Author: davinotdavid

frontend/test/components/NavBar.test.js

@@ -7,13 +7,11 @@ import withSetup from '../utils/with-setup';
 import { useUserStore } from '@/stores/user-store';
 import { RouterLink } from 'vue-router';
 import NavBar from '@/components/NavBar.vue';
-import { accountsTbProfileUrlKey } from '@/keys';
 
 
 describe('NavBar', () => {
   var app;
   var wrapper;
-  const testAccountsTbProfileUrl = 'https://accounts.tb.pro/dashboard';
 
   // list of route names that are also lang keys (format: label.<key>), used as nav items
   // these routes are added in addition to the routes already specified in NavBar.vue
@@ -29,9 +27,6 @@ describe('NavBar', () => {
     propsData: ourProps,
     global: {
       plugins: [i18ninstance, router],
-      provide: {
-        [accountsTbProfileUrlKey]: testAccountsTbProfileUrl,
-      },
     },
   });
 
@@ -57,7 +52,7 @@ describe('NavBar', () => {
     expect(foundLinks[0]['name'], 'expected link component to be rendered').toBe('home');
   });
 
-  it('renders correctly when logged in', () => {
+  it('renders correctly when logged in', async () => {
     // fake sign-in via user store
     const user = useUserStore();
     user.data.accessToken = 'abc';
@@ -79,8 +74,12 @@ describe('NavBar', () => {
       expect(foundLinks, 'expected link component to be rendered').toContain(expRoute);
     }
 
+    // open the user menu dropdown by clicking the avatar
+    const userAvatar = wrapper.find('.user-menu .avatar');
+    await userAvatar.trigger('click');
+
     // verify the anchor tag to accountsTbProfileUrl exists and has the correct href
-    const profileAnchor = wrapper.find('a[href="' + testAccountsTbProfileUrl + '"]');
+    const profileAnchor = wrapper.find(`a[href="${import.meta.env.VITE_TB_ACCOUNT_DASHBOARD_URL}"]`);
     expect(profileAnchor.exists(), 'expected anchor tag to accountsTbProfileUrl to be rendered').toBe(true);
   });
 

frontend/test/components/NavBarMobile.test.js

@@ -7,20 +7,15 @@ import withSetup from '../utils/with-setup';
 import { useUserStore } from '@/stores/user-store';
 import { RouterLink } from 'vue-router';
 import NavBarMobile from '@/components/NavBarMobile.vue';
-import { accountsTbProfileUrlKey } from '@/keys';
 
 
 describe('NavBarMobile', () => {
   var app;
   var wrapper;
-  const testAccountsTbProfileUrl = 'https://accounts.tb.pro/dashboard';
 
   const getMountOptions = () => ({
     global: {
       plugins: [i18ninstance, router],
-      provide: {
-        [accountsTbProfileUrlKey]: testAccountsTbProfileUrl,
-      },
     },
   });
 
@@ -83,8 +78,6 @@ describe('NavBarMobile', () => {
       'bookings',
       'availability',
       'settings',
-      'report-bug',
-      'contact',
       'logout'
     ];
 
@@ -103,7 +96,7 @@ describe('NavBarMobile', () => {
     }
 
     // verify the anchor tag to accountsTbProfileUrl exists and has the correct href
-    const profileAnchor = wrapper.find('a[href="' + testAccountsTbProfileUrl + '"]');
+    const profileAnchor = wrapper.find(`a[href="${import.meta.env.VITE_TB_ACCOUNT_DASHBOARD_URL}"]`);
     expect(profileAnchor.exists(), 'expected anchor tag to accountsTbProfileUrl to be rendered').toBe(true);
   });