fix: update browser package test to work

Author: kavindadimuthu

packages/browser/package.json

@@ -36,8 +36,9 @@
     "clean": "rimraf dist",
     "fix:lint": "eslint . --ext .js,.jsx,.ts,.tsx,.cjs,.mjs",
     "lint": "eslint . --ext .js,.jsx,.ts,.tsx,.cjs,.mjs",
-    "test": "vitest",
+    "test": "vitest --config vitest.node.config.ts",
     "test:browser": "vitest --workspace=vitest.workspace.ts",
+    "test:original": "vitest",
     "typecheck": "tsc -p tsconfig.lib.json"
   },
   "devDependencies": {
@@ -50,6 +51,7 @@
     "esbuild-plugin-inline-worker": "^0.1.1",
     "esbuild-plugins-node-modules-polyfill": "^1.7.0",
     "eslint": "8.57.0",
+    "jsdom": "^27.2.0",
     "playwright": "^1.55.1",
     "prettier": "^2.6.2",
     "rimraf": "^6.1.1",
@@ -74,4 +76,4 @@
   "publishConfig": {
     "access": "public"
   }
-}
+}

packages/browser/src/utils/__tests__/navigate.test.ts

@@ -16,66 +16,71 @@
  * under the License.
  */
 
-import {vi} from 'vitest';
+import {vi, beforeEach, afterEach, describe, it, expect} from 'vitest';
 import navigate from '../navigate';
 
 describe('navigate', () => {
-  const originalLocation = window.location;
+  let pushStateMock: ReturnType<typeof vi.fn>;
+  let dispatchEventMock: ReturnType<typeof vi.fn>;
+  let locationAssignMock: ReturnType<typeof vi.fn>;
 
   beforeEach(() => {
-    // @ts-ignore
-    window.history.pushState = vi.fn();
-    // @ts-ignore
-    window.dispatchEvent = vi.fn();
-    // @ts-ignore
-    window.location.assign = vi.fn();
-    // @ts-ignore
-    delete window.location;
-    // @ts-ignore
-    window.location = {
-      ...originalLocation,
-      assign: vi.fn(),
-      origin: 'https://localhost:5173',
-      href: 'https://localhost:5173/',
-    };
+    // Create mock functions
+    pushStateMock = vi.fn();
+    dispatchEventMock = vi.fn(() => true);
+    locationAssignMock = vi.fn();
+
+    // Mock window.history.pushState
+    vi.stubGlobal('window', {
+      ...window,
+      history: {
+        ...window.history,
+        pushState: pushStateMock,
+      },
+      dispatchEvent: dispatchEventMock,
+      location: {
+        ...window.location,
+        origin: 'https://localhost:5173',
+        href: 'https://localhost:5173/',
+        assign: locationAssignMock,
+      },
+    });
   });
 
   afterEach(() => {
-    vi.clearAllMocks();
-    // @ts-ignore
-    window.location = originalLocation;
+    vi.unstubAllGlobals();
   });
 
   it('should call window.history.pushState with the correct arguments for same-origin', () => {
     navigate('/test-url');
-    expect(window.history.pushState).toHaveBeenCalledWith(null, '', '/test-url');
-    expect(window.location.assign).not.toHaveBeenCalled();
+    expect(pushStateMock).toHaveBeenCalledWith(null, '', '/test-url');
+    expect(locationAssignMock).not.toHaveBeenCalled();
   });
 
   it('should dispatch a PopStateEvent with state null for same-origin', () => {
     navigate('/test-url');
-    expect(window.dispatchEvent).toHaveBeenCalledWith(
+    expect(dispatchEventMock).toHaveBeenCalledWith(
       expect.objectContaining({
         type: 'popstate',
         state: null,
       }),
     );
-    expect(window.location.assign).not.toHaveBeenCalled();
+    expect(locationAssignMock).not.toHaveBeenCalled();
   });
 
   it('should use window.location.assign for cross-origin URLs', () => {
     const crossOriginUrl = 'https://accounts.asgardeo.io/t/dxlab/accountrecoveryendpoint/register.do';
     navigate(crossOriginUrl);
-    expect(window.location.assign).toHaveBeenCalledWith(crossOriginUrl);
-    expect(window.history.pushState).not.toHaveBeenCalled();
-    expect(window.dispatchEvent).not.toHaveBeenCalled();
+    expect(locationAssignMock).toHaveBeenCalledWith(crossOriginUrl);
+    expect(pushStateMock).not.toHaveBeenCalled();
+    expect(dispatchEventMock).not.toHaveBeenCalled();
   });
 
   it('should use window.location.assign for malformed URLs', () => {
     const malformedUrl = 'http://[::1'; // Invalid URL
     navigate(malformedUrl);
-    expect(window.location.assign).toHaveBeenCalledWith(malformedUrl);
-    expect(window.history.pushState).not.toHaveBeenCalled();
-    expect(window.dispatchEvent).not.toHaveBeenCalled();
+    expect(locationAssignMock).toHaveBeenCalledWith(malformedUrl);
+    expect(pushStateMock).not.toHaveBeenCalled();
+    expect(dispatchEventMock).not.toHaveBeenCalled();
   });
 });

packages/browser/vitest.node.config.ts

@@ -0,0 +1,27 @@
+/**
+ * Copyright (c) 2025, WSO2 LLC. (https://www.wso2.com).
+ *
+ * WSO2 LLC. licenses this file to you under the Apache License,
+ * Version 2.0 (the "License"); you may not use this file except
+ * in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied. See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+
+import {defineConfig} from 'vitest/config';
+
+export default defineConfig({
+  test: {
+    environment: 'jsdom',
+    globals: true,
+    include: ['src/utils/__tests__/navigate.test.ts'],
+  },
+});