diff --git a/ui/litellm-dashboard/src/components/tag_management/components/CreateTagModal.test.tsx b/ui/litellm-dashboard/src/components/tag_management/components/CreateTagModal.test.tsx deleted file mode 100644 index 073c97fec0d..00000000000 --- a/ui/litellm-dashboard/src/components/tag_management/components/CreateTagModal.test.tsx +++ /dev/null @@ -1,106 +0,0 @@ -import { describe, it, expect, vi, beforeEach, beforeAll, afterEach } from "vitest"; -import { render, screen, waitFor, cleanup } from "@testing-library/react"; -import userEvent from "@testing-library/user-event"; -import CreateTagModal from "./CreateTagModal"; - -describe("CreateTagModal", () => { - beforeAll(() => { - Object.defineProperty(window, "matchMedia", { - writable: true, - value: vi.fn().mockImplementation((query) => ({ - matches: false, - media: query, - onchange: null, - addListener: vi.fn(), - removeListener: vi.fn(), - addEventListener: vi.fn(), - removeEventListener: vi.fn(), - dispatchEvent: vi.fn(), - })), - }); - }); - const mockOnCancel = vi.fn(); - const mockOnSubmit = vi.fn(); - const mockAvailableModels = [ - { - model_name: "gpt-4", - litellm_params: { - model: "gpt-4", - }, - model_info: { - id: "model-123", - }, - }, - { - model_name: "claude-3", - litellm_params: { - model: "claude-3", - }, - model_info: { - id: "model-456", - }, - }, - ]; - - beforeEach(() => { - vi.clearAllMocks(); - vi.useFakeTimers(); - }); - - afterEach(() => { - cleanup(); - vi.clearAllTimers(); - vi.useRealTimers(); - }); - - it("should submit form with correct values when user creates a tag", async () => { - /** - * Tests that filling out the form and clicking submit calls onSubmit with the correct values. - * This is the core functionality of the CreateTagModal component. - */ - const user = userEvent.setup(); - - render( - - ); - - // Wait for modal to be visible - await waitFor(() => { - expect(screen.getByText("Create New Tag")).toBeInTheDocument(); - }); - - // Fill in the tag name - const tagNameInput = screen.getByLabelText("Tag Name"); - await user.type(tagNameInput, "production-tag"); - - // Fill in the description - const descriptionTextarea = screen.getByLabelText("Description"); - await user.type(descriptionTextarea, "Tag for production environment"); - - // Submit the form - const createButton = screen.getByText("Create Tag"); - await user.click(createButton); - - // Verify onSubmit was called with correct values - await waitFor(() => { - expect(mockOnSubmit).toHaveBeenCalledWith( - expect.objectContaining({ - tag_name: "production-tag", - description: "Tag for production environment", - }) - ); - }); - - // Verify onCancel was not called - expect(mockOnCancel).not.toHaveBeenCalled(); - - // Clear any pending timers before test ends - vi.runOnlyPendingTimers(); - }); -}); -