fix browser issues

__mocks__/@azure/msal-browser

@@ -0,0 +1,29 @@
+export class PublicClientApplication {
+    constructor(configuration: any) {
+      // Mock constructor
+    }
+
+    initialize() {
+      // Mock initialize method
+    }
+
+    acquireTokenSilent() {
+      // Mock acquireTokenSilent 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' } });
+    }
+
+    logout() {
+      // Mock logout method
+      return Promise.resolve();
+    }
+  }

src/modules/authentication/msal-app.ts

@@ -27,6 +27,20 @@ export const configuration: Configuration = {
         if (containsPii) {
           return;
         }
+        switch (level) {
+        case LogLevel.Error:
+          console.error(message);
+          return;
+        case LogLevel.Info:
+          console.info(message);
+          return;
+        case LogLevel.Verbose:
+          console.debug(message);
+          return;
+        case LogLevel.Warning:
+          console.warn(message);
+          return;
+        }
       },
       piiLoggingEnabled: false
     }

src/setupTests.ts

@@ -1,6 +1,18 @@
 import { GlobalWithFetchMock } from 'jest-fetch-mock';
 import 'jest-canvas-mock';
+import crypto from 'crypto';
 
 const customGlobal: GlobalWithFetchMock = global as unknown as GlobalWithFetchMock;
 customGlobal.fetch = require('jest-fetch-mock'); // tslint:disable-line
-customGlobal.fetchMock = customGlobal.fetch;
+customGlobal.fetchMock = customGlobal.fetch;
+
+Object.defineProperty(global, 'crypto', {
+  writable: true,
+  value: {
+    getRandomValues: (arr: Uint8Array) => crypto.getRandomValues(arr),
+    subtle: {}
+  }
+});
+
+// Mock MSAL
+jest.mock('@azure/msal-browser');