sendou.ink/vitest.browser.config.ts

import { playwright } from "@vitest/browser-playwright";
import { defineConfig } from "vitest/config";

const headless = process.env.BROWSER_HEADLESS === "true";

export default defineConfig({
	define: {
		"process.env.NODE_ENV": JSON.stringify("test"),
	},
	test: {
		name: "browser",
		include: ["**/*.browser.test.{ts,tsx}"],
		browser: {
			provider: playwright(),
			enabled: true,
			headless,
			instances: [{ browser: "chromium" }],
		},
		css: {
			include: /.+/,
		},
		setupFiles: ["./app/browser-test-setup.ts"],
	},
	resolve: {
		tsconfigPaths: true,
	},
	// pre-bundled with the rest so the hydration tests share one React copy
	optimizeDeps: {
		include: ["react-dom/server"],
	},
});