From d7ec4d98b100b90cf6c08f10cd2c310d839c2d33 Mon Sep 17 00:00:00 2001
From: Yuneng Jiang <yuneng@berri.ai>
Date: Fri, 14 Aug 2026 06:22:06 -0700
Subject: [PATCH] test(ui): spread the real lucide-react module in the
 KeyInfoView mock

The mock returned only CopyIcon and CheckIcon, so any icon a child later
imports resolves to undefined. DeleteResourceModal now renders CircleAlert,
which broke all twelve cases in this file.
---
 .../templates/KeyInfoView.handleKeyUpdate.test.tsx           | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/ui/litellm-dashboard/src/components/templates/KeyInfoView.handleKeyUpdate.test.tsx b/ui/litellm-dashboard/src/components/templates/KeyInfoView.handleKeyUpdate.test.tsx
index 374e36029a0..b87beed048a 100644
--- a/ui/litellm-dashboard/src/components/templates/KeyInfoView.handleKeyUpdate.test.tsx
+++ b/ui/litellm-dashboard/src/components/templates/KeyInfoView.handleKeyUpdate.test.tsx
@@ -182,7 +182,8 @@ vi.mock("@heroicons/react/outline", async () => {
   return { ArrowLeftIcon, TrashIcon, RefreshIcon };
 });
 
-vi.mock("lucide-react", async () => {
+vi.mock("lucide-react", async (importOriginal) => {
+  const actual = await importOriginal<typeof import("lucide-react")>();
   const React = await import("react");
   function CopyIcon() {
     return React.createElement("span");
@@ -192,7 +193,7 @@ vi.mock("lucide-react", async () => {
     return React.createElement("span");
   }
   (CheckIcon as any).displayName = "CheckIcon";
-  return { CopyIcon, CheckIcon };
+  return { ...actual, CopyIcon, CheckIcon };
 });
 
 // Heavy children -> async factories & local React