From a6c3fb1fb598422e251fa5bd13e2aa4d16c7d3a6 Mon Sep 17 00:00:00 2001
From: yuneng-jiang <yuneng.jiang@gmail.com>
Date: Sat, 3 Jan 2026 15:10:52 -0800
Subject: [PATCH] E2E test see models for specific provider

---
 ui/litellm-dashboard/e2e_tests/constants.ts   |  1 +
 .../tests/modelsPage/addModel.spec.ts         | 23 +++++++++++++++++++
 .../tests/navigation/sidebar.spec.ts          |  3 ++-
 3 files changed, 26 insertions(+), 1 deletion(-)
 create mode 100644 ui/litellm-dashboard/e2e_tests/constants.ts
 create mode 100644 ui/litellm-dashboard/e2e_tests/tests/modelsPage/addModel.spec.ts

diff --git a/ui/litellm-dashboard/e2e_tests/constants.ts b/ui/litellm-dashboard/e2e_tests/constants.ts
new file mode 100644
index 00000000000..b07bd68fcf1
--- /dev/null
+++ b/ui/litellm-dashboard/e2e_tests/constants.ts
@@ -0,0 +1 @@
+export const ADMIN_STORAGE_PATH = "admin.storageState.json";
diff --git a/ui/litellm-dashboard/e2e_tests/tests/modelsPage/addModel.spec.ts b/ui/litellm-dashboard/e2e_tests/tests/modelsPage/addModel.spec.ts
new file mode 100644
index 00000000000..5fa11a98ef6
--- /dev/null
+++ b/ui/litellm-dashboard/e2e_tests/tests/modelsPage/addModel.spec.ts
@@ -0,0 +1,23 @@
+import { test, expect } from "@playwright/test";
+import { ADMIN_STORAGE_PATH } from "../../constants";
+
+test.describe("Add Model", () => {
+  test.use({ storageState: ADMIN_STORAGE_PATH });
+
+  test("Able to see all models for a specific provider in the model dropdown", async ({ page }) => {
+    await page.goto("http://localhost:4000/ui");
+
+    await page.getByText("Models + Endpoints").click();
+    await page.getByRole("tab", { name: "Add Model" }).click();
+
+    const providerInputDropdown = page.getByRole("combobox", { name: /Provider/i });
+    await providerInputDropdown.fill("Anthropic");
+    await page.waitForTimeout(1000);
+    await providerInputDropdown.press("Enter");
+    await page.waitForTimeout(1000);
+
+    const providerModelsDropdown = page.locator(".ant-select-selection-overflow").first();
+    await providerModelsDropdown.click();
+    await expect(page.getByTitle("claude-haiku-4-5", { exact: true })).toBeVisible();
+  });
+});
diff --git a/ui/litellm-dashboard/e2e_tests/tests/navigation/sidebar.spec.ts b/ui/litellm-dashboard/e2e_tests/tests/navigation/sidebar.spec.ts
index dafb03a7cbd..6801f891e87 100644
--- a/ui/litellm-dashboard/e2e_tests/tests/navigation/sidebar.spec.ts
+++ b/ui/litellm-dashboard/e2e_tests/tests/navigation/sidebar.spec.ts
@@ -1,5 +1,6 @@
 import test, { expect } from "@playwright/test";
 import { Role } from "../../fixtures/roles";
+import { ADMIN_STORAGE_PATH } from "../../constants";
 
 const sidebarButtons = {
   [Role.ProxyAdmin]: [
@@ -16,7 +17,7 @@ const sidebarButtons = {
   ],
 };
 
-const roles = [{ role: Role.ProxyAdmin, storage: "admin.storageState.json" }];
+const roles = [{ role: Role.ProxyAdmin, storage: ADMIN_STORAGE_PATH }];
 
 for (const { role, storage } of roles) {
   test.describe(`${role} sidebar`, () => {