test: add setup file configuration to vite test config

gustavotoyota · gustavotoyota · commit 2ed4cea96ed9 · 2026-06-01T00:50:34.000-03:00
diff --git a/new-deepnotes/apps/web/src/test/setup.ts b/new-deepnotes/apps/web/src/test/setup.ts
@@ -0,0 +1,21 @@
+import { vi } from "vitest";
+
+// Mock Vue Router composables only, preserve real exports
+vi.mock("vue-router", async (importOriginal) => {
+  const actual = await importOriginal<typeof import("vue-router")>();
+  return {
+    ...actual,
+    useRouter: () => ({
+      push: vi.fn(),
+      replace: vi.fn(),
+      go: vi.fn(),
+      back: vi.fn(),
+      forward: vi.fn(),
+      currentRoute: { value: { path: "/", params: {}, query: {}, meta: {} } },
+    }),
+    useRoute: () => ({ path: "/", params: {}, query: {}, meta: {} }),
+  };
+});
+
+// Set up proper HTML doctype for KaTeX
+document.documentElement.innerHTML = "<!DOCTYPE html><html><head></head><body></body></html>";
diff --git a/new-deepnotes/apps/web/vite.config.ts b/new-deepnotes/apps/web/vite.config.ts
@@ -28,6 +28,7 @@ export default defineConfig({
   test: {
     environment: "happy-dom",
     include: ["src/**/*.test.ts"],
+    setupFiles: ["./src/test/setup.ts"],
     testTimeout: 120000,
     hookTimeout: 120000,
     pool: "forks",
