Merge pull request #18682 from BerriAI/litellm_ui_e2e_admin_settings

[Infra] UI - E2E Test: Can View Admin Setting Page

Author: yuneng-jiang

ui/litellm-dashboard/e2e_tests/tests/modelsPage/addModel.spec.ts

@@ -5,7 +5,7 @@ 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.goto("/ui");
 
     await page.getByText("Models + Endpoints").click();
     await page.getByRole("tab", { name: "Add Model" }).click();

ui/litellm-dashboard/e2e_tests/tests/navigation/sidebar.spec.ts

@@ -24,7 +24,7 @@ for (const { role, storage } of roles) {
     test.use({ storageState: storage });
 
     test("can see and navigate all sidebar buttons", async ({ page }) => {
-      await page.goto("http://localhost:4000/ui");
+      await page.goto("/ui");
       for (const button of sidebarButtons[role as keyof typeof sidebarButtons]) {
         const tab = page.getByRole("menuitem", { name: button });
         await expect(tab).toBeVisible();

ui/litellm-dashboard/e2e_tests/tests/settings/adminSettings.spec.ts

@@ -0,0 +1,14 @@
+import { test, expect } from "@playwright/test";
+import { ADMIN_STORAGE_PATH } from "../../constants";
+
+test.describe("Add Model", () => {
+  test.use({ storageState: ADMIN_STORAGE_PATH });
+
+  test("admin settings test", async ({ page }) => {
+    await page.goto("/ui");
+    await page.getByRole("menuitem", { name: /Settings/ }).click();
+    await page.getByRole("menuitem", { name: /Admin Settings/ }).click();
+    await page.getByRole("tab", { name: "UI Settings" }).click();
+    await expect(page.getByText("Configuration for UI-specific")).toBeVisible();
+  });
+});

ui/litellm-dashboard/e2e_tests/tests/users/searchUsers.spec.ts

@@ -1,9 +1,10 @@
 import { test, expect, Page } from "@playwright/test";
+import { ADMIN_STORAGE_PATH } from "../../constants";
 test.describe("Internal Users Search", () => {
-  test.use({ storageState: "admin.storageState.json" });
+  test.use({ storageState: ADMIN_STORAGE_PATH });
 
   async function goToInternalUsers(page: Page) {
-    await page.goto("http://localhost:4000/ui");
+    await page.goto("/ui");
 
     const tab = page.getByRole("menuitem", { name: "Internal User" });
     await expect(tab).toBeVisible();

ui/litellm-dashboard/e2e_tests/tests/users/viewInternalUsers.spec.ts

@@ -1,10 +1,11 @@
 import { test, expect, Page } from "@playwright/test";
+import { ADMIN_STORAGE_PATH } from "../../constants";
 
 test.describe("Internal Users Page", () => {
-  test.use({ storageState: "admin.storageState.json" });
+  test.use({ storageState: ADMIN_STORAGE_PATH });
 
   async function goToInternalUsers(page: Page) {
-    await page.goto("http://localhost:4000/ui");
+    await page.goto("/ui");
 
     const internalUserTab = page.getByRole("menuitem", { name: "Internal User" });
     await expect(internalUserTab).toBeVisible();