chore(deps): upgrade vitest to version 4.0.8 and update related dependencies (#289)

Author: marklundin

package.json

@@ -37,7 +37,7 @@
         "type-fest": "5.2.0",
         "typescript": "5.9.3",
         "typescript-eslint": "8.46.3",
-        "vitest": "3.2.4"
+        "vitest": "4.0.8"
     },
     "dependencies": {
         "next": "15.5.6"

packages/lib/src/utils/picker.test.tsx

@@ -55,11 +55,14 @@ const mockPicker = () => {
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     .spyOn(pc as any, 'Picker')
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    .mockImplementation((): any => ({
-      prepare: prepareSpy,
-      getSelectionAsync: getSelectionSpy,
-      resize: resizeSpy,
-    }));
+    .mockImplementation(function MockPicker(this: unknown, ...args: unknown[]): any {
+      void args;
+      return {
+        prepare: prepareSpy,
+        getSelectionAsync: getSelectionSpy,
+        resize: resizeSpy,
+      };
+    });
   return { prepareSpy, getSelectionSpy, resizeSpy, pickerCtorSpy };
 };
 
@@ -124,11 +127,13 @@ describe('usePicker', () => {
 
     // Capture ResizeObserver callbacks
     const observedCallbacks: Array<() => void> = [];
-    const RO = vi.fn().mockImplementation((cb: () => void) => ({
-      observe: vi.fn(() => observedCallbacks.push(cb)),
-      unobserve: vi.fn(),
-      disconnect: vi.fn(),
-    }));
+    const RO = vi.fn(function MockResizeObserver(this: unknown, cb: () => void) {
+      return {
+        observe: vi.fn(() => observedCallbacks.push(cb)),
+        unobserve: vi.fn(),
+        disconnect: vi.fn(),
+      };
+    });
     (globalThis as unknown as { ResizeObserver: unknown }).ResizeObserver = RO as unknown;
 
     const canvas = createTestCanvas();

packages/lib/test/setup.ts

@@ -69,7 +69,8 @@ const createTestApp = (actual: typeof playcanvas) => {
 vi.mock('playcanvas', async () => {
   const actual = await vi.importActual<typeof import('playcanvas')>('playcanvas');
 
-  const MockApplication = vi.fn().mockImplementation(() => {
+  const MockApplication = vi.fn(function MockApplication(this: unknown, ...args: unknown[]) {
+    void args;
     return createTestApp(actual);
   });
 
@@ -80,8 +81,11 @@ vi.mock('playcanvas', async () => {
 });
 
 // Mock ResizeObserver
-global.ResizeObserver = vi.fn().mockImplementation(() => ({
-  observe: vi.fn(),
-  unobserve: vi.fn(),
-  disconnect: vi.fn(),
-})); 
+global.ResizeObserver = vi.fn(function MockResizeObserver(this: unknown, ...args: unknown[]) {
+  void args;
+  return {
+    observe: vi.fn(),
+    unobserve: vi.fn(),
+    disconnect: vi.fn(),
+  };
+}); 

packages/lib/test/utils/mock.ts

@@ -136,11 +136,16 @@ export const mockPlayCanvas = () => {
     FILLMODE_KEEP_ASPECT: 'KEEP_ASPECT',
     RESOLUTION_AUTO: 'AUTO',
     RESOLUTION_FIXED: 'FIXED',
-    Application: vi.fn().mockImplementation(() => mockApp),
+    Application: vi.fn(function MockApplication(this: unknown, ...args: unknown[]) {
+      void args;
+      return mockApp;
+    }),
     Mouse: vi.fn(),
     TouchDevice: vi.fn(),
     Entity: vi.fn(),
-    NullGraphicsDevice: vi.fn().mockImplementation((canvas) => new NullGraphicsDevice(canvas))
+    NullGraphicsDevice: vi.fn(function MockNullGraphicsDevice(this: unknown, canvas: HTMLCanvasElement) {
+      return new NullGraphicsDevice(canvas);
+    })
   };
 };