From 9471d4c56f3d6d67ce0aa523b6803e246226bd11 Mon Sep 17 00:00:00 2001
From: saravanakumardb1 <saravanakumardb1@users.noreply.github.com>
Date: Sat, 21 Mar 2026 16:21:42 -0700
Subject: [PATCH] fix(test): add @vitest-environment happy-dom to React UI test
 files

6 test files across 4 packages (auth-ui, dashboard-components,
dashboard-shell, react-auth) failed with 'document is not defined'
when run from the monorepo root because the root vitest config uses
environment: 'node'. The package-local configs set happy-dom but are
ignored when vitest is invoked from root.

Fix: Add per-file '// @vitest-environment happy-dom' annotations,
which is the recommended vitest pattern for mixed-environment monorepos.
This ensures tests work regardless of which config is loaded.

Recovers 148 tests across 6 files.
---
 packages/auth-ui/src/__tests__/auth-ui.test.tsx                 | 1 +
 packages/auth-ui/src/__tests__/new-components.test.tsx          | 1 +
 packages/dashboard-components/src/components.test.tsx           | 1 +
 packages/dashboard-shell/src/__tests__/dashboard-shell.test.tsx | 1 +
 packages/react-auth/src/__tests__/react-auth.test.tsx           | 1 +
 packages/react-auth/src/__tests__/smartauth.test.tsx            | 1 +
 6 files changed, 6 insertions(+)

diff --git a/packages/auth-ui/src/__tests__/auth-ui.test.tsx b/packages/auth-ui/src/__tests__/auth-ui.test.tsx
index 32e0f12d..81eb973c 100644
--- a/packages/auth-ui/src/__tests__/auth-ui.test.tsx
+++ b/packages/auth-ui/src/__tests__/auth-ui.test.tsx
@@ -1,3 +1,4 @@
+// @vitest-environment happy-dom
 import { describe, expect, it, vi, beforeEach } from 'vitest';
 import { render, screen, fireEvent, cleanup } from '@testing-library/react';
 import { LoginForm } from '../LoginForm.js';
diff --git a/packages/auth-ui/src/__tests__/new-components.test.tsx b/packages/auth-ui/src/__tests__/new-components.test.tsx
index 76526695..6134b616 100644
--- a/packages/auth-ui/src/__tests__/new-components.test.tsx
+++ b/packages/auth-ui/src/__tests__/new-components.test.tsx
@@ -1,3 +1,4 @@
+// @vitest-environment happy-dom
 import { describe, expect, it, vi, beforeEach } from 'vitest';
 import { render, screen, fireEvent, cleanup } from '@testing-library/react';
 import { RegisterForm } from '../RegisterForm.js';
diff --git a/packages/dashboard-components/src/components.test.tsx b/packages/dashboard-components/src/components.test.tsx
index e3735a38..9f838e79 100644
--- a/packages/dashboard-components/src/components.test.tsx
+++ b/packages/dashboard-components/src/components.test.tsx
@@ -1,3 +1,4 @@
+// @vitest-environment happy-dom
 import { describe, it, expect, vi } from 'vitest';
 import { render, screen, fireEvent } from '@testing-library/react';
 import { LoadingSpinner } from './LoadingSpinner.js';
diff --git a/packages/dashboard-shell/src/__tests__/dashboard-shell.test.tsx b/packages/dashboard-shell/src/__tests__/dashboard-shell.test.tsx
index c07598a6..ebce925b 100644
--- a/packages/dashboard-shell/src/__tests__/dashboard-shell.test.tsx
+++ b/packages/dashboard-shell/src/__tests__/dashboard-shell.test.tsx
@@ -1,3 +1,4 @@
+// @vitest-environment happy-dom
 import { describe, it, expect, vi, beforeEach } from 'vitest';
 import { render, screen, fireEvent, cleanup } from '@testing-library/react';
 import { DashboardShell } from '../DashboardShell.js';
diff --git a/packages/react-auth/src/__tests__/react-auth.test.tsx b/packages/react-auth/src/__tests__/react-auth.test.tsx
index 0c080713..303f884b 100644
--- a/packages/react-auth/src/__tests__/react-auth.test.tsx
+++ b/packages/react-auth/src/__tests__/react-auth.test.tsx
@@ -1,3 +1,4 @@
+// @vitest-environment happy-dom
 import { describe, expect, it, vi, beforeEach } from 'vitest';
 import { render, screen, act, cleanup } from '@testing-library/react';
 import { createAuthProvider } from '../index.js';
diff --git a/packages/react-auth/src/__tests__/smartauth.test.tsx b/packages/react-auth/src/__tests__/smartauth.test.tsx
index 104e2e70..26c687ec 100644
--- a/packages/react-auth/src/__tests__/smartauth.test.tsx
+++ b/packages/react-auth/src/__tests__/smartauth.test.tsx
@@ -1,3 +1,4 @@
+// @vitest-environment happy-dom
 import { describe, expect, it, vi, beforeEach } from 'vitest';
 import { render, screen, act, cleanup } from '@testing-library/react';
 import { createAuthProvider } from '../index.js';