From 72aad57a2d6cc501df0d3063b49c5f29a878fc27 Mon Sep 17 00:00:00 2001
From: mwhit <musteng@gmail.com>
Date: Sun, 17 May 2026 05:48:20 +0000
Subject: [PATCH] fix(tests): add missing Mantine component mocks for EPG.jsx
 SD components

---
 .../components/forms/__tests__/EPG.test.jsx   | 26 +++++++++++++++++++
 1 file changed, 26 insertions(+)

diff --git a/frontend/src/components/forms/__tests__/EPG.test.jsx b/frontend/src/components/forms/__tests__/EPG.test.jsx
index 31f5834d..ce004431 100644
--- a/frontend/src/components/forms/__tests__/EPG.test.jsx
+++ b/frontend/src/components/forms/__tests__/EPG.test.jsx
@@ -184,6 +184,32 @@ vi.mock('@mantine/core', async () => ({
       {error && <span data-testid="input-error">{error}</span>}
     </div>
   ),
+  Alert: ({ children, title, color, icon }) => (
+    <div data-testid="alert" data-color={color}>
+      {title && <div data-testid="alert-title">{title}</div>}
+      {children}
+    </div>
+  ),
+  Select: ({ label, value, onChange, data, placeholder }) => (
+    <select
+      aria-label={label}
+      data-testid={`select-${label?.toString().toLowerCase().replace(/\s+/g, '-')}`}
+      value={value ?? ''}
+      onChange={(e) => onChange?.(e.target.value)}
+    >
+      <option value="">{placeholder}</option>
+      {(data ?? []).map((opt) => {
+        const val = typeof opt === 'string' ? opt : opt.value;
+        const lbl = typeof opt === 'string' ? opt : opt.label;
+        return <option key={val} value={val}>{lbl}</option>;
+      })}
+    </select>
+  ),
+  Loader: ({ size }) => <div data-testid="loader" data-size={size} />,
+  Badge: ({ children, color }) => <span data-testid="badge" data-color={color}>{children}</span>,
+  ScrollArea: ({ children }) => <div data-testid="scroll-area">{children}</div>,
+  Table: ({ children }) => <table>{children}</table>,
+  Tooltip: ({ children }) => <div>{children}</div>,
 }));
 
 // ── Imports after mocks ────────────────────────────────────────────────────────