From 666aa7bba5703f08e3b9b636d19e856daf1d0937 Mon Sep 17 00:00:00 2001
From: Pranay Kothapalli <pranaykothapalli@gmail.com>
Date: Wed, 24 Jun 2026 10:47:32 +0530
Subject: [PATCH] test(HoverCard): lazy mount overlay content (#1847)

---
 .../tests/HoverCard.lazyMount.test.tsx        | 31 +++++++++++++++++++
 1 file changed, 31 insertions(+)
 create mode 100644 src/components/ui/HoverCard/tests/HoverCard.lazyMount.test.tsx

diff --git a/src/components/ui/HoverCard/tests/HoverCard.lazyMount.test.tsx b/src/components/ui/HoverCard/tests/HoverCard.lazyMount.test.tsx
new file mode 100644
index 000000000..5e20ed43a
--- /dev/null
+++ b/src/components/ui/HoverCard/tests/HoverCard.lazyMount.test.tsx
@@ -0,0 +1,31 @@
+import React from 'react';
+import { render, screen } from '@testing-library/react';
+import HoverCard from '../HoverCard';
+
+describe('HoverCard lazy mount', () => {
+    test('does not mount content until opened', () => {
+        render(
+            <HoverCard.Root>
+                <HoverCard.Trigger>Trigger</HoverCard.Trigger>
+                <HoverCard.Portal>
+                    <HoverCard.Content data-testid="hover-content">Hover body</HoverCard.Content>
+                </HoverCard.Portal>
+            </HoverCard.Root>
+        );
+
+        expect(screen.queryByTestId('hover-content')).not.toBeInTheDocument();
+    });
+
+    test('mounts content when open', () => {
+        render(
+            <HoverCard.Root open>
+                <HoverCard.Trigger>Trigger</HoverCard.Trigger>
+                <HoverCard.Portal>
+                    <HoverCard.Content>Hover body</HoverCard.Content>
+                </HoverCard.Portal>
+            </HoverCard.Root>
+        );
+
+        expect(screen.getByText('Hover body')).toBeInTheDocument();
+    });
+});