fix: e2e tests after the config change

Author: RonenMars

mkcert.util.ts

@@ -0,0 +1,11 @@
+import { MkcertPluginOptions } from "vite-plugin-mkcert";
+
+export const securedDomainConfigured = process.env.VITE_APP_DOMAIN && process.env.VITE_ENABLE_MKCERT_SSL;
+
+export const securedDomainHosts = securedDomainConfigured
+	? ["localhost", process.env.VITE_APP_DOMAIN].filter(Boolean)
+	: ["localhost"];
+
+export const mkcertConfig: MkcertPluginOptions = {
+	hosts: securedDomainHosts as string[],
+};

playwright.config.ts

@@ -67,7 +67,7 @@ export default defineConfig({
 	/* Shared settings for all the projects below. See https://playwright.dev/docs/api/class-testoptions. */
 	use: {
 		/* Base URL to use in actions like `await page.goto('/')`. */
-		baseURL: "https://localhost:8000",
+		baseURL: "http://localhost:8000",
 
 		/* Collect trace when retrying the failed test. See https://playwright.dev/docs/trace-viewer */
 		trace: "on",

tsconfig.node.json

@@ -4,8 +4,8 @@
 		"skipLibCheck": true,
 		"module": "ESNext",
 		"moduleResolution": "bundler",
-		"allowSyntheticDefaultImports": true
+		"allowSyntheticDefaultImports": true,
+		"strict": true
 	},
-	"include": ["vite.config.ts",
-	"fixReactVirtualized.ts"]
+	"include": ["vite.config.ts","fixReactVirtualized.ts","mkcert.util.ts"]
 }

vite.config.ts

@@ -9,6 +9,7 @@ import { viteStaticCopy } from "vite-plugin-static-copy";
 import svgr from "vite-plugin-svgr";
 
 import { reactVirtualized } from "./fixReactVirtualized";
+import { securedDomainConfigured, mkcertConfig } from "./mkcert.util";
 
 dotenv.config();
 
@@ -87,12 +88,7 @@ export default defineConfig({
 	},
 	plugins: [
 		react(),
-		mkcert({
-			hosts:
-				process.env.VITE_DISABLE_MKCERT_SSL === "true" && process.env.VITE_APP_DOMAIN
-					? ["localhost"]
-					: ["localhost", process.env.VITE_APP_DOMAIN].filter(Boolean),
-		}),
+		...(securedDomainConfigured ? [mkcert(mkcertConfig)] : []),
 		ViteEjsPlugin((viteConfig) => ({
 			env: viteConfig.env,
 		})),