test(portal): make vitest config resolve aliases and use jsdom (#3458)

The portal vitest config (added in #3454 / CS-760) had two gaps that would
break any test beyond the current pure-logic one:

- No resolve.alias for the tsconfig `@/*` path, so any test importing via
  `@/...` fails at module resolution. Mirror `@` -> ./src, matching
  apps/app and apps/framework-editor.
- environment was 'node' while the include glob targets .jsx/.tsx component
  tests, which need DOM APIs. Switch to jsdom (both sibling configs use it);
  node-only tests still run fine under it.

Follow no-plugin approach (hand-mapped alias) like framework-editor to avoid
the vite plugin type clash with Next's build-time typecheck on Vercel. Add
jsdom + vitest as portal devDependencies so resolution no longer relies on
workspace hoisting.

Author: tofikwest

apps/portal/package.json

@@ -44,9 +44,11 @@
         "@types/node": "^24.0.3",
         "eslint": "^9.18.0",
         "eslint-config-next": "15.5.2",
+        "jsdom": "^26.1.0",
         "postcss": "^8.5.4",
         "tailwindcss": "^4.1.8",
-        "typescript": "^5.8.3"
+        "typescript": "^5.8.3",
+        "vitest": "^3.2.7"
     },
     "peerDependencies": {
         "react": "^19.1.1",

apps/portal/vitest.config.ts

@@ -1,9 +1,24 @@
+import { resolve } from 'path';
 import { defineConfig } from 'vitest/config';
 
+// No vite plugins on purpose: esbuild already transforms TSX with the automatic
+// JSX runtime, and plugin types (e.g. @vitejs/plugin-react, vite-tsconfig-paths)
+// can clash with vitest's bundled vite during Next's build-time typecheck on
+// Vercel. Aliases are mirrored by hand from tsconfig instead — see
+// apps/framework-editor/vitest.config.ts for the same approach.
 export default defineConfig({
   test: {
-    environment: 'node',
+    // jsdom, not node: the include glob covers component tests (.jsx/.tsx) that
+    // need DOM APIs (e.g. testing-library's render). Matches apps/app and
+    // apps/framework-editor. Node-only tests run fine under jsdom too.
+    environment: 'jsdom',
     include: ['src/**/*.{test,spec}.{js,mjs,cjs,ts,mts,cts,jsx,tsx}'],
     exclude: ['node_modules', 'dist', '.next'],
   },
+  resolve: {
+    // Mirror the tsconfig `@/*` path alias so tests can import via `@/...`.
+    alias: {
+      '@': resolve(__dirname, './src'),
+    },
+  },
 });