static/frontend/src/components/settings/PortConfig.test.ts

/**
 * PortConfig Component Tests
 */

import { describe, it, expect, vi, beforeEach } from "vitest";

// Define types locally to avoid module resolution issues
interface PortConfig {
  fastapi_port: number;
  camoufox_debug_port: number;
  stream_proxy_port: number;
  stream_proxy_enabled: boolean;
}

describe("PortConfig Logic", () => {
  beforeEach(() => {
    vi.clearAllMocks();
  });

  describe("Data Fetching", () => {
    it("returns loading state structure", () => {
      const result = { data: undefined, isLoading: true, error: null };
      expect(result.isLoading).toBe(true);
    });

    it("returns port config when loaded", () => {
      const mockConfig: PortConfig = {
        fastapi_port: 2048,
        camoufox_debug_port: 9222,
        stream_proxy_port: 3120,
        stream_proxy_enabled: true,
      };

      const result = { data: mockConfig, isLoading: false, error: null };
      expect(result.data.fastapi_port).toBe(2048);
      expect(result.data.stream_proxy_enabled).toBe(true);
    });
  });

  describe("Mutations", () => {
    it("updatePortConfig accepts correct type", () => {
      const newConfig: PortConfig = {
        fastapi_port: 3000,
        camoufox_debug_port: 9222,
        stream_proxy_port: 3120,
        stream_proxy_enabled: true,
      };
      expect(newConfig.fastapi_port).toBe(3000);
    });

    it("tracks pending state during update", () => {
      const mutation = { isPending: true };
      expect(mutation.isPending).toBe(true);
    });
  });

  describe("Port Validation", () => {
    const validatePort = (port: number): boolean =>
      port >= 1024 && port <= 65535;

    it("validates minimum port (1024)", () => {
      expect(validatePort(1024)).toBe(true);
      expect(validatePort(1023)).toBe(false);
    });

    it("validates maximum port (65535)", () => {
      expect(validatePort(65535)).toBe(true);
      expect(validatePort(65536)).toBe(false);
    });

    it("validates common ports", () => {
      expect(validatePort(2048)).toBe(true);
      expect(validatePort(8080)).toBe(true);
      expect(validatePort(3000)).toBe(true);
    });

    it("rejects privileged ports", () => {
      expect(validatePort(80)).toBe(false);
      expect(validatePort(443)).toBe(false);
      expect(validatePort(22)).toBe(false);
    });

    it("rejects negative ports", () => {
      expect(validatePort(-1)).toBe(false);
      expect(validatePort(0)).toBe(false);
    });
  });

  describe("Local State Management", () => {
    it("tracks hasChanges when port changes", () => {
      let hasChanges = false;
      const initialConfig: PortConfig = {
        fastapi_port: 2048,
        camoufox_debug_port: 9222,
        stream_proxy_port: 3120,
        stream_proxy_enabled: true,
      };
      let localConfig = { ...initialConfig };

      // Simulate port change
      localConfig = { ...localConfig, fastapi_port: 3000 };
      hasChanges = true;

      expect(hasChanges).toBe(true);
      expect(localConfig.fastapi_port).toBe(3000);
    });

    it("tracks hasChanges when toggle changes", () => {
      let hasChanges = false;
      let localConfig: PortConfig = {
        fastapi_port: 2048,
        camoufox_debug_port: 9222,
        stream_proxy_port: 3120,
        stream_proxy_enabled: true,
      };

      // Simulate toggle
      localConfig = { ...localConfig, stream_proxy_enabled: false };
      hasChanges = true;

      expect(hasChanges).toBe(true);
      expect(localConfig.stream_proxy_enabled).toBe(false);
    });

    it("resets hasChanges after save", () => {
      let hasChanges = true;

      // Simulate successful save
      hasChanges = false;

      expect(hasChanges).toBe(false);
    });

    it("updates local state when config loads", () => {
      const serverConfig: PortConfig = {
        fastapi_port: 4000,
        camoufox_debug_port: 9223,
        stream_proxy_port: 3121,
        stream_proxy_enabled: false,
      };

      let localConfig: PortConfig = {
        fastapi_port: 2048, // default
        camoufox_debug_port: 9222,
        stream_proxy_port: 3120,
        stream_proxy_enabled: true,
      };

      // Simulate useEffect update
      localConfig = serverConfig;

      expect(localConfig.fastapi_port).toBe(4000);
      expect(localConfig.stream_proxy_enabled).toBe(false);
    });
  });

  describe("Input Parsing", () => {
    it("parses valid number input", () => {
      const inputValue = "3000";
      const parsed = parseInt(inputValue) || 2048;
      expect(parsed).toBe(3000);
    });

    it("falls back to default on invalid input", () => {
      const inputValue = "abc";
      const parsed = parseInt(inputValue) || 2048;
      expect(parsed).toBe(2048);
    });

    it("handles empty input", () => {
      const inputValue = "";
      const parsed = parseInt(inputValue) || 2048;
      expect(parsed).toBe(2048);
    });
  });
});