diff --git a/ui/litellm-dashboard/e2e_tests/tests/mcp/mcpServers.spec.ts b/ui/litellm-dashboard/e2e_tests/tests/mcp/mcpServers.spec.ts index f953a82daaa..2dccf0f3953 100644 --- a/ui/litellm-dashboard/e2e_tests/tests/mcp/mcpServers.spec.ts +++ b/ui/litellm-dashboard/e2e_tests/tests/mcp/mcpServers.spec.ts @@ -50,13 +50,13 @@ test.describe("MCP Servers", () => { // No teardown needed — the e2e runner spins up a fresh DB per invocation. - // Success toast and the new row in the table. Scope the row lookup to - // the MCP servers table so the form modal's `server_name` input — which + // Success toast and the new card in the server grid. Scope the lookup to + // the MCP servers grid so the form modal's `server_name` input — which // still holds the timestamped value during its close animation — can't // satisfy the assertion before the server actually lands in the list. await expect(page.getByText("MCP Server created successfully").first()) .toBeVisible({ timeout: 15_000 }); - await expect(page.locator("table tbody").getByText(uniqueName).first()) + await expect(page.getByTestId("mcp-servers-grid").getByText(uniqueName).first()) .toBeVisible({ timeout: 10_000 }); }); }); diff --git a/ui/litellm-dashboard/src/components/mcp_tools/mcp_servers.tsx b/ui/litellm-dashboard/src/components/mcp_tools/mcp_servers.tsx index d42e3d40ddb..0923055d09b 100644 --- a/ui/litellm-dashboard/src/components/mcp_tools/mcp_servers.tsx +++ b/ui/litellm-dashboard/src/components/mcp_tools/mcp_servers.tsx @@ -578,7 +578,10 @@ const MCPServers: React.FC = ({ accessToken, userRole, userID }) /> ) : ( -
+
{displayedServers.map((server) => (