cc-switch/tests/components/CommonConfigEditor.test.tsx

import { fireEvent, render, screen } from "@testing-library/react";
import { describe, expect, it, vi } from "vitest";
import { CommonConfigEditor } from "@/components/providers/forms/CommonConfigEditor";
import type { ProviderEditorInactiveField } from "@/lib/api/providers";

vi.mock("@/components/JsonEditor", () => ({
  default: ({
    value,
    onChange,
  }: {
    value: string;
    onChange: (value: string) => void;
  }) => (
    <textarea
      aria-label="settings-json-editor"
      value={value}
      onChange={(event) => onChange(event.target.value)}
    />
  ),
}));

function renderEditor(
  value: string,
  onChange = vi.fn(),
  inactiveFields: ProviderEditorInactiveField[] = [],
) {
  render(
    <CommonConfigEditor
      value={value}
      onChange={onChange}
      inactiveFields={inactiveFields}
    />,
  );
  return onChange;
}

const effortCheckbox = () =>
  screen.getByRole("checkbox", { name: "claudeConfig.effortMax" });

const hideAttributionCheckbox = () =>
  screen.getByRole("checkbox", { name: "claudeConfig.hideAttribution" });

describe("CommonConfigEditor hide attribution toggle", () => {
  it("requires sessionUrl=false to treat attribution as hidden", () => {
    renderEditor(
      JSON.stringify({ attribution: { commit: "", pr: "" } }, null, 2),
    );

    expect(hideAttributionCheckbox()).not.toBeChecked();
  });

  it("disables commit, PR, and session URL attribution", () => {
    const onChange = renderEditor("{}");

    fireEvent.click(hideAttributionCheckbox());

    expect(onChange).toHaveBeenCalledTimes(1);
    expect(JSON.parse(onChange.mock.calls[0][0])).toEqual({
      attribution: {
        commit: "",
        pr: "",
        sessionUrl: false,
      },
    });
  });
});

describe("CommonConfigEditor max effort toggle", () => {
  it("does not treat legacy top-level effortLevel=max as checked", () => {
    renderEditor(JSON.stringify({ effortLevel: "max" }, null, 2));

    expect(effortCheckbox()).not.toBeChecked();
  });

  it("writes max effort through CLAUDE_CODE_EFFORT_LEVEL env", () => {
    const onChange = renderEditor("{}");

    fireEvent.click(effortCheckbox());

    expect(onChange).toHaveBeenCalledTimes(1);
    const nextConfig = JSON.parse(onChange.mock.calls[0][0]);
    expect(nextConfig).toEqual({
      env: {
        CLAUDE_CODE_EFFORT_LEVEL: "max",
      },
    });
    expect(nextConfig).not.toHaveProperty("effortLevel");
  });

  it("removes only the CLAUDE_CODE_EFFORT_LEVEL env entry when unchecked", () => {
    const onChange = renderEditor(
      JSON.stringify(
        {
          effortLevel: "max",
          env: {
            CLAUDE_CODE_EFFORT_LEVEL: "max",
            ENABLE_TOOL_SEARCH: "true",
          },
        },
        null,
        2,
      ),
    );

    fireEvent.click(effortCheckbox());

    expect(onChange).toHaveBeenCalledTimes(1);
    const nextConfig = JSON.parse(onChange.mock.calls[0][0]);
    expect(nextConfig).toEqual({
      effortLevel: "max",
      env: {
        ENABLE_TOOL_SEARCH: "true",
      },
    });
  });
});

describe("CommonConfigEditor inactive row fields", () => {
  const timeout: ProviderEditorInactiveField = {
    path: ["env", "API_TIMEOUT_MS"],
    value: "3000000",
  };

  it("offers row fields that never reach live and adds one on click", () => {
    const onChange = renderEditor(
      JSON.stringify({ env: { ANTHROPIC_BASE_URL: "https://a.example" } }),
      vi.fn(),
      [timeout],
    );

    fireEvent.click(
      screen.getByRole("button", { name: /env\.API_TIMEOUT_MS/ }),
    );

    expect(JSON.parse(onChange.mock.calls[0][0])).toEqual({
      env: {
        ANTHROPIC_BASE_URL: "https://a.example",
        API_TIMEOUT_MS: "3000000",
      },
    });
  });

  it("hides a field once the JSON already carries its value", () => {
    renderEditor(
      JSON.stringify({ env: { API_TIMEOUT_MS: "3000000" } }),
      vi.fn(),
      [timeout],
    );

    expect(
      screen.queryByRole("button", { name: /env\.API_TIMEOUT_MS/ }),
    ).not.toBeInTheDocument();
  });
});

describe("CommonConfigEditor auto mode server toggle", () => {
  const autoModeServerCheckbox = () =>
    screen.getByRole("checkbox", {
      name: "claudeConfig.disableAutoModeServer",
    });

  it("reads CLAUDE_CODE_AUTO_MODE_SERVER=0 as checked", () => {
    renderEditor(
      JSON.stringify({ env: { CLAUDE_CODE_AUTO_MODE_SERVER: "0" } }),
    );

    expect(autoModeServerCheckbox()).toBeChecked();
  });

  it("writes and removes the env key", () => {
    const onChange = renderEditor(
      JSON.stringify({ env: { ANTHROPIC_BASE_URL: "https://gw.example" } }),
    );

    fireEvent.click(autoModeServerCheckbox());

    expect(JSON.parse(onChange.mock.calls[0][0])).toEqual({
      env: {
        ANTHROPIC_BASE_URL: "https://gw.example",
        CLAUDE_CODE_AUTO_MODE_SERVER: "0",
      },
    });
  });

  it("drops an emptied env when unchecked", () => {
    const onChange = renderEditor(
      JSON.stringify({ env: { CLAUDE_CODE_AUTO_MODE_SERVER: "0" } }),
    );

    fireEvent.click(autoModeServerCheckbox());

    expect(JSON.parse(onChange.mock.calls[0][0])).toEqual({});
  });
});