fix tests

Author: Mnickii

__mocks__/@azure/msal-browser

@@ -1,29 +1,30 @@
 export class PublicClientApplication {
-    constructor(configuration: any) {
-      // Mock constructor
-    }
+  constructor(configuration: any) {
+    // Mock constructor
+  }
 
-    initialize() {
-      // Mock initialize method
-    }
+  async initialize() {
+    // Mock implementation of initialize
+    return Promise.resolve();
+  }
 
-    acquireTokenSilent() {
-      // Mock acquireTokenSilent method
-      return Promise.resolve({ accessToken: 'mock-access-token' });
-    }
+  acquireTokenSilent() {
+    // Mock acquireTokenSilent method
+    return Promise.resolve({ accessToken: 'mock-access-token' });
+  }
 
-    acquireTokenPopup() {
-      // Mock acquireTokenPopup method
-      return Promise.resolve({ accessToken: 'mock-access-token' });
-    }
+  acquireTokenPopup() {
+    // Mock acquireTokenPopup method
+    return Promise.resolve({ accessToken: 'mock-access-token' });
+  }
 
-    loginPopup() {
-      // Mock loginPopup method
-      return Promise.resolve({ account: { username: 'mock-user' } });
-    }
+  loginPopup() {
+    // Mock loginPopup method
+    return Promise.resolve({ account: { username: 'mock-user' } });
+  }
 
-    logout() {
-      // Mock logout method
-      return Promise.resolve();
-    }
-  }
+  logout() {
+    // Mock logout method
+    return Promise.resolve();
+  }
+}

src/index.tsx

@@ -33,10 +33,12 @@ import { IDevxAPI } from './types/devx-api';
 import { Mode } from './types/enums';
 import { IHistoryItem } from './types/history';
 import { Collection } from './types/resources';
+import { initializeMsal } from './modules/authentication/msal-app';
 
 
 const appRoot: HTMLElement = document.getElementById('root')!;
 initializeIcons();
+await initializeMsal();
 
 let currentTheme = readFromLocalStorage(CURRENT_THEME) || 'light';
 export function removeSpinners() {

src/modules/authentication/msal-app.ts

@@ -68,10 +68,18 @@ export const configuration: Configuration = {
   }
 };
 
-const initializeMsal = async (): Promise<void> => {
-  await msalApplication.initialize();
-};
+export const msalApplication = new PublicClientApplication(configuration);
 
-const msalApplication = new PublicClientApplication(configuration);
-await initializeMsal();
-export { msalApplication };
+export async function initializeMsal(): Promise<void> {
+  try {
+    await msalApplication.initialize();
+    return Promise.resolve();
+  } catch (error) {
+    telemetry.trackException(
+      new Error(errorTypes.OPERATIONAL_ERROR),
+      SeverityLevel.Error,
+      { ComponentName: 'MSAL', Message: 'Failed to initialize MSAL' }
+    );
+    return Promise.reject(error);
+  }
+}