Testing

export default defineConfig({
	esbuild: { jsx: "automatic" },
	test: {
		globals: true,
		environment: "node",
		exclude: ["**/node_modules/**", "**/tests/**", "**/.next/**"],
	},
	resolve: {
		alias: { "@": ..., "@shared": ..., "@auth": ..., /* one per module */ },
	},
});

// @vitest-environment happy-dom

import { Window } from "happy-dom";
import { act } from "react";
import { createRoot, type Root } from "react-dom/client";

const DOM_GLOBALS = [
	"document", "navigator", "Node", "Element", "HTMLElement", "ShadowRoot",
	"NodeFilter", "HTMLInputElement", "Event", "KeyboardEvent", "MouseEvent",
	"PointerEvent", "FocusEvent", "CustomEvent", "ResizeObserver",
	"IntersectionObserver", "MutationObserver", "getComputedStyle",
	"requestAnimationFrame", "cancelAnimationFrame",
] as const;

beforeEach(() => {
	window = new Window();
	vi.stubGlobal("window", window);
	for (const name of DOM_GLOBALS) {
		const value: unknown = Reflect.get(window, name);
		vi.stubGlobal(
			name,
			typeof value === "function" && /^[a-z]/.test(name) ? value.bind(window) : value,
		);
	}
	vi.stubGlobal("IS_REACT_ACT_ENVIRONMENT", true);
	const container = document.createElement("div");
	document.body.append(container);
	root = createRoot(container);
});

afterEach(async () => {
	await act(async () => root.unmount());
	await window.happyDOM.close();
	vi.unstubAllGlobals();
});

it("keeps the dialog column shrinkable so long content cannot widen it", async () => {
	const { Dialog, DialogContent, DialogDescription, DialogTitle } =
		await import("@repo/ui/components/dialog");

	await act(async () =>
		root.render(
			<Dialog open>
				<DialogContent>
					<DialogTitle>Edit</DialogTitle>
					<DialogDescription>{LONG_VALUE}</DialogDescription>
				</DialogContent>
			</Dialog>,
		),
	);

	const dialog = document.querySelector('[role="dialog"]');
	expect(dialog?.className).toContain("grid-cols-[minmax(0,1fr)]");
});