fix(config): test setup update (#1430)

* fix test setup

* exclude vite config from type check

package.json

@@ -11,7 +11,7 @@
 		"check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
 		"lint": "prettier --plugin-search-dir . --check . && eslint .",
 		"format": "prettier --plugin-search-dir . --write .",
-		"test": "MONGODB_URL=mongodb://127.0.0.1:27017/ vitest",
+		"test": "vitest",
 		"updateLocalEnv": "node --loader ts-node/esm scripts/updateLocalEnv.ts",
 		"populate": "vite-node --options.transformMode.ssr='/.*/' scripts/populate.ts",
 		"prepare": "husky"

scripts/setupTest.ts

@@ -0,0 +1,37 @@
+import { vi } from "vitest";
+import dotenv from "dotenv";
+import { resolve } from "path";
+import fs from "fs";
+
+// Load the .env file
+const envPath = resolve(__dirname, "../.env");
+dotenv.config({ path: envPath });
+
+// Read the .env file content
+const envContent = fs.readFileSync(envPath, "utf-8");
+
+// Parse the .env content
+const envVars = dotenv.parse(envContent);
+
+// Separate public and private variables
+const publicEnv = {};
+const privateEnv = {};
+
+for (const [key, value] of Object.entries(envVars)) {
+	if (key.startsWith("PUBLIC_")) {
+		publicEnv[key] = value;
+	} else {
+		privateEnv[key] = value;
+	}
+}
+
+vi.mock("$env/dynamic/public", () => ({
+	env: publicEnv,
+}));
+
+vi.mock("$env/dynamic/private", () => ({
+	env: {
+		...privateEnv,
+		MONGODB_URL: "mongodb://127.0.0.1:27017/",
+	},
+}));

tsconfig.json

@@ -10,7 +10,8 @@
 		"sourceMap": true,
 		"strict": true,
 		"target": "ES2018"
-	}
+	},
+	"exclude": ["vite.config.ts"]
 	// Path aliases are handled by https://kit.svelte.dev/docs/configuration#alias
 	//
 	// If you want to overwrite includes/excludes, make sure to copy over the relevant includes/excludes

vite.config.ts

@@ -1,10 +1,10 @@
 import { sveltekit } from "@sveltejs/kit/vite";
-import { defineConfig, type PluginOption } from "vite";
 import Icons from "unplugin-icons/vite";
 import { promises } from "fs";
+import { defineConfig } from "vitest/config";
 
 // used to load fonts server side for thumbnail generation
-function loadTTFAsArrayBuffer(): PluginOption {
+function loadTTFAsArrayBuffer() {
 	return {
 		name: "load-ttf-as-array-buffer",
 		async transform(_src, id) {
@@ -37,4 +37,9 @@ export default defineConfig({
 	server: {
 		open: "/",
 	},
+	test: {
+		setupFiles: ["./scripts/setupTest.ts"],
+		deps: { inline: ["@sveltejs/kit"] },
+		globals: true,
+	},
 });