Migrate all tests to vitest, increase vite-node dep range (#1694)

Author: askoufis

.changeset/wacky-horses-poke.md

@@ -0,0 +1,5 @@
+---
+'@vanilla-extract/compiler': patch
+---
+
+Add `^5.0.0` and `^6.0.0` to `vite-node` dependency range

babel-jest.config.js

@@ -13,8 +13,7 @@
     "start": "pnpm start-fixture themed",
     "start-site": "pnpm --filter=site start",
     "build-site": "pnpm --filter=site build",
-    "test:unit": "pnpm test:jest && pnpm test:vitest",
-    "test:jest": "cross-env NODE_OPTIONS=--experimental-vm-modules jest",
+    "test:unit": "pnpm test:vitest",
     "test:vitest": "vitest --watch=false",
     "test:playwright": "pnpm test:clean-next && pnpm test:build-next && playwright test",
     "test:clean-next": "pnpm --filter=@fixtures/next-* run '/^clean.*/'",
@@ -40,19 +39,14 @@
     "@manypkg/cli": "^0.25.1",
     "@playwright/test": "^1.57.0",
     "@preconstruct/cli": "^2.8.2",
-    "@testing-library/jest-dom": "^6.4.2",
-    "@types/jest": "^29.5.12",
     "@types/node": "^22.15.3",
-    "@vanilla-extract/jest-transform": "workspace:*",
-    "babel-jest": "^29.7.0",
-    "cross-env": "^7.0.3",
-    "jest": "^29.7.0",
-    "jest-environment-jsdom": "^29.7.0",
+    "@vanilla-extract/vite-plugin": "workspace:*",
+    "jsdom": "^29.0.0",
     "oxlint": "^1.55.0",
     "prettier": "^3.8.1",
     "tsx": "^4.20.6",
     "typescript": "^5.8.3",
-    "vitest": "^4.0.13"
+    "vitest": "^4.1.0"
   },
   "preconstruct": {
     "___experimentalFlags_WILL_CHANGE_IN_PATCH": {

jest.config.js

@@ -24,6 +24,7 @@
     "@babel/core": "^7.23.9"
   },
   "devDependencies": {
+    "@babel/plugin-syntax-typescript": "^7.23.3",
     "@types/babel__core": "^7.20.5"
   }
 }

jest.setup.ts

@@ -1,3 +1,4 @@
+import { describe, expect, it } from 'vitest';
 import { transformSync } from '@babel/core';
 // @ts-expect-error
 import typescriptSyntax from '@babel/plugin-syntax-typescript';

package.json

@@ -19,6 +19,6 @@
     "@vanilla-extract/css": "workspace:^",
     "@vanilla-extract/integration": "workspace:^",
     "vite": "^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0",
-    "vite-node": "^3.2.2"
+    "vite-node": "^3.2.2 || ^5.0.0 || ^6.0.0"
   }
 }

packages/babel-plugin-debug-ids/package.json

@@ -1,3 +1,4 @@
+import { describe, expect, it } from 'vitest';
 import { getDebugFileName } from './getDebugFileName';
 
 const testCases = [

packages/babel-plugin-debug-ids/src/index.test.ts

@@ -1,3 +1,4 @@
+import { afterAll, beforeAll, describe, expect, it } from 'vitest';
 import { removeAdapter, setAdapter } from './adapter';
 import { endFileScope, setFileScope } from './fileScope';
 import { generateIdentifier } from './identifier';