From 7057d53862c557cf41a47d664bf039d1764d14e8 Mon Sep 17 00:00:00 2001
From: Yuneng Jiang <yuneng@berri.ai>
Date: Sat, 9 May 2026 10:13:00 -0700
Subject: [PATCH] fix(ui-tests): add Typography to antd mock in
 create_key_button test

The antd mock omits Typography, which caused all 15 tests in
create_key_button.test.tsx to fail with "No 'Typography' export is
defined on the 'antd' mock" after #27218 switched the key-type
dropdown labels to Typography.Text / Typography.Paragraph.

Add Typography (with .Text, .Paragraph, .Title subcomponents) to the
mock so the dropdown renders in the test environment.
---
 .../components/organisms/create_key_button.test.tsx    | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/ui/litellm-dashboard/src/components/organisms/create_key_button.test.tsx b/ui/litellm-dashboard/src/components/organisms/create_key_button.test.tsx
index 3ad59cb3693..bd139df4833 100644
--- a/ui/litellm-dashboard/src/components/organisms/create_key_button.test.tsx
+++ b/ui/litellm-dashboard/src/components/organisms/create_key_button.test.tsx
@@ -155,6 +155,15 @@ vi.mock("antd", () => {
   const Button = ({ children, htmlType, ...props }: { children?: any; htmlType?: string }) =>
     React.createElement("button", { ...props, type: htmlType ?? props.type }, children);
 
+  const Typography = ({ children, ...props }: { children?: any }) =>
+    React.createElement("div", props, children);
+  Typography.Text = ({ children, ...props }: { children?: any }) =>
+    React.createElement("span", props, children);
+  Typography.Paragraph = ({ children, ...props }: { children?: any }) =>
+    React.createElement("p", props, children);
+  Typography.Title = ({ children, ...props }: { children?: any }) =>
+    React.createElement("h1", props, children);
+
   return {
     Button,
     Form,
@@ -171,6 +180,7 @@ vi.mock("antd", () => {
     Switch,
     Tag,
     Tooltip,
+    Typography,
   };
 });