chore: upgrade Vitest to v4.0.9

Upgrade Vitest from v3.2.4 to v4.0.9 to leverage the latest features
and bug fixes. This update includes breaking changes that required
adjustments to configuration and test files.

Changes:
- Update vitest and @vitest/coverage-v8 to v4.0.9 in both apps and packages
- Remove deprecated config options (testTransformMode, coverage.all)
- Fix ResizeObserver mocks to use function declarations instead of arrow functions
  (vi.fn() in v4 requires 'function' or 'class' for constructor mocks)

All tests pass (53 total: 32 in apps, 21 in packages)

Author: sectsect

apps/solidjs-boilerplate/package.json

@@ -35,7 +35,7 @@
     "@types/testing-library__jest-dom": "^6.0.0",
     "@typescript-eslint/eslint-plugin": "^6.19.0",
     "@typescript-eslint/parser": "^6.19.0",
-    "@vitest/coverage-v8": "^3.2.4",
+    "@vitest/coverage-v8": "^4.0.0",
     "babel-preset-solid": "^1.9.6",
     "eslint": "8.57.1",
     "eslint-config-airbnb-base": "^15.0.0",
@@ -84,7 +84,7 @@
     "vite": "^7.0.2",
     "vite-plugin-solid": "^2.11.7",
     "vite-tsconfig-paths": "^5.1.4",
-    "vitest": "^3.2.4"
+    "vitest": "^4.0.0"
   },
   "dependencies": {
     "@sect/solid-hiding-header": "workspace:*",

apps/solidjs-boilerplate/src/components/modules/PostContent/PostContent.test.tsx

@@ -118,12 +118,14 @@ describe('PostContent component', () => {
 
   test('should render post title and body', async () => {
     // Mock window.ResizeObserver @ https://vitest.dev/guide/mocking.html#globals
-    const ResizeObserverMock = vi.fn(() => ({
-      disconnect: vi.fn(),
-      observe: vi.fn(),
-      takeRecords: vi.fn(),
-      unobserve: vi.fn(),
-    }));
+    const ResizeObserverMock = vi.fn(function ResizeObserver() {
+      return {
+        disconnect: vi.fn(),
+        observe: vi.fn(),
+        takeRecords: vi.fn(),
+        unobserve: vi.fn(),
+      };
+    });
     vi.stubGlobal('ResizeObserver', ResizeObserverMock);
     // now you can access it as `ResizeObserver` or `window.ResizeObserver`
 

apps/solidjs-boilerplate/src/components/modules/PostList/PostList.test.tsx

@@ -121,12 +121,14 @@ describe('PostList component', () => {
 
   test('should render post titles', async () => {
     // Mock window.ResizeObserver @ https://vitest.dev/guide/mocking.html#globals
-    const ResizeObserverMock = vi.fn(() => ({
-      disconnect: vi.fn(),
-      observe: vi.fn(),
-      takeRecords: vi.fn(),
-      unobserve: vi.fn(),
-    }));
+    const ResizeObserverMock = vi.fn(function ResizeObserver() {
+      return {
+        disconnect: vi.fn(),
+        observe: vi.fn(),
+        takeRecords: vi.fn(),
+        unobserve: vi.fn(),
+      };
+    });
     vi.stubGlobal('ResizeObserver', ResizeObserverMock);
     // now you can access it as `ResizeObserver` or `window.ResizeObserver`
 

apps/solidjs-boilerplate/vite.config.ts

@@ -1,9 +1,9 @@
 /* eslint-disable import/no-extraneous-dependencies */
 /// <reference types="vitest" />
+import tailwindcss from '@tailwindcss/vite';
 import solidPlugin from 'vite-plugin-solid';
 import tsconfigPaths from 'vite-tsconfig-paths';
 import { defineConfig } from 'vitest/config';
-import tailwindcss from '@tailwindcss/vite';
 
 export default defineConfig({
   plugins: [solidPlugin(), tsconfigPaths(), tailwindcss()],
@@ -28,12 +28,8 @@ export default defineConfig({
   },
   test: {
     environment: 'jsdom',
-    testTransformMode: {
-      web: ['/.[jt]sx?$/'],
-    },
     setupFiles: './vitest.setup.ts',
     coverage: {
-      all: false,
       provider: 'v8',
       reporter: ['text', 'json', 'html', 'lcov'],
       exclude: [
@@ -73,7 +69,7 @@ export default defineConfig({
       '**/{karma,rollup,webpack,vite,vitest,jest,ava,babel,nyc,cypress}.config.*',
       '**/e2e/**', // Additional e2e directory for Playwright.
       '**/mocks/**',
-    ]
+    ],
   },
   define: process.env.VITEST ? {} : { global: 'window' },
 });

apps/solidjs-boilerplate/vitest.setup.ts

@@ -1,7 +1,7 @@
 /* eslint-disable import/no-extraneous-dependencies */
 import '@testing-library/jest-dom/vitest';
-import { beforeAll, afterEach, afterAll } from 'vitest';
 import { cleanup } from '@solidjs/testing-library';
+import { beforeAll, afterEach, afterAll } from 'vitest';
 
 import { server } from '@/mocks/server';
 

packages/solid-hiding-header/package.json

@@ -85,7 +85,7 @@
     "@types/testing-library__jest-dom": "^6.0.0",
     "@typescript-eslint/eslint-plugin": "^6.19.0",
     "@typescript-eslint/parser": "^6.19.0",
-    "@vitest/coverage-v8": "^3.2.4",
+    "@vitest/coverage-v8": "^4.0.0",
     "babel-preset-solid": "^1.9.6",
     "eslint": "8.57.1",
     "eslint-config-airbnb-base": "^15.0.0",
@@ -119,7 +119,7 @@
     "vite": "^7.0.2",
     "vite-plugin-solid": "^2.11.7",
     "vite-tsconfig-paths": "^5.1.4",
-    "vitest": "^3.2.4"
+    "vitest": "^4.0.0"
   },
   "keywords": [
     "solid",

packages/solid-hiding-header/tests/index.test.tsx

@@ -12,12 +12,14 @@ import {
 describe('HidingHeader component', () => {
   beforeAll(() => {
     // Mock window.ResizeObserver @ https://vitest.dev/guide/mocking.html#globals
-    const ResizeObserverMock = vi.fn(() => ({
-      disconnect: vi.fn(),
-      observe: vi.fn(),
-      takeRecords: vi.fn(),
-      unobserve: vi.fn(),
-    }));
+    const ResizeObserverMock = vi.fn(function ResizeObserver() {
+      return {
+        disconnect: vi.fn(),
+        observe: vi.fn(),
+        takeRecords: vi.fn(),
+        unobserve: vi.fn(),
+      };
+    });
     vi.stubGlobal('ResizeObserver', ResizeObserverMock);
     // now you can access it as `ResizeObserver` or `window.ResizeObserver`
   });
@@ -228,12 +230,14 @@ describe('HidingHeader component', () => {
 
 describe('HidingHeader hooks', () => {
   beforeAll(() => {
-    const ResizeObserverMock = vi.fn(() => ({
-      disconnect: vi.fn(),
-      observe: vi.fn(),
-      takeRecords: vi.fn(),
-      unobserve: vi.fn(),
-    }));
+    const ResizeObserverMock = vi.fn(function ResizeObserver() {
+      return {
+        disconnect: vi.fn(),
+        observe: vi.fn(),
+        takeRecords: vi.fn(),
+        unobserve: vi.fn(),
+      };
+    });
     vi.stubGlobal('ResizeObserver', ResizeObserverMock);
   });
 

packages/solid-hiding-header/vite.config.ts

@@ -27,12 +27,8 @@ export default defineConfig({
   },
   test: {
     environment: 'jsdom',
-    testTransformMode: {
-      web: ['/.[jt]sx?$/'],
-    },
     setupFiles: './vitest.setup.ts',
     coverage: {
-      all: false,
       provider: 'v8',
       reporter: ['text', 'json', 'html', 'lcov'],
     },