import type { DesktopUpdateState } from "@t3tools/contracts";
import { isValidElement, type MouseEvent, type ReactElement, type ReactNode } from "react";
import { beforeEach, describe, expect, it, vi } from "vite-plus/test";

const testState = vi.hoisted(() => ({
  addToast: vi.fn(),
}));

vi.mock("../ui/toast", () => ({
  toastManager: { add: testState.addToast },
}));

import { SidebarUpdateReleaseNotes } from "./SidebarUpdateReleaseNotes";

type AnchorElement = ReactElement<{
  readonly children?: ReactNode;
  readonly href?: string;
  readonly onClick?: (event: MouseEvent<HTMLAnchorElement>) => void;
}>;

const baseState: DesktopUpdateState = {
  enabled: true,
  status: "available",
  channel: "nightly",
  currentVersion: "0.0.35",
  hostArch: "arm64",
  appArch: "arm64",
  runningUnderArm64Translation: false,
  availableVersion: "0.0.36-nightly.3",
  downloadedVersion: null,
  releaseNotes: [],
  omittedReleaseCount: 0,
  downloadPercent: null,
  checkedAt: null,
  message: null,
  errorContext: null,
  canRetry: false,
};

function collectAnchors(node: ReactNode, anchors: AnchorElement[] = []): AnchorElement[] {
  if (Array.isArray(node)) {
    for (const child of node) collectAnchors(child, anchors);
    return anchors;
  }
  if (!isValidElement(node)) return anchors;

  const element = node as ReactElement<{ readonly children?: ReactNode }>;
  if (typeof element.type === "function") {
    const render = element.type as (props: unknown) => ReactNode;
    return collectAnchors(render(element.props), anchors);
  }
  if (element.type === "a") anchors.push(element as AnchorElement);
  return collectAnchors(element.props.children, anchors);
}

function textContent(node: ReactNode): string {
  if (typeof node === "string" || typeof node === "number") return String(node);
  if (Array.isArray(node)) return node.map(textContent).join("");
  if (!isValidElement(node)) return "";
  const element = node as ReactElement<{ readonly children?: ReactNode }>;
  return textContent(element.props.children);
}

function renderNotes(state: DesktopUpdateState, openExternal = vi.fn().mockResolvedValue(true)) {
  return SidebarUpdateReleaseNotes({
    shell: { openExternal },
    state,
    tooltip: "Update available",
  });
}

describe("SidebarUpdateReleaseNotes", () => {
  beforeEach(() => {
    testState.addToast.mockReset();
  });

  it("links each preview to its exact release and labels hidden changes", () => {
    const anchors = collectAnchors(
      renderNotes({
        ...baseState,
        releaseNotes: [
          { version: "0.0.36-nightly.3", items: ["Change 3"], totalItems: 1 },
          { version: "0.0.36-nightly.2", items: ["Change 2"], totalItems: 2 },
          { version: "0.0.36-nightly.1", items: ["Change 1", "Earlier"], totalItems: 4 },
        ],
      }),
    );

    expect(anchors.map(({ props }) => props.href)).toEqual([
      "https://github.com/pingdotgg/t3code/releases/tag/v0.0.36-nightly.3",
      "https://github.com/pingdotgg/t3code/releases/tag/v0.0.36-nightly.2",
      "https://github.com/pingdotgg/t3code/releases/tag/v0.0.36-nightly.1",
    ]);
    expect(anchors.map(({ props }) => textContent(props.children))).toEqual([
      "View release on GitHub",
      "1 more change on GitHub",
      "2 more changes on GitHub",
    ]);
  });

  it("links omitted releases to release history", () => {
    const anchors = collectAnchors(
      renderNotes({
        ...baseState,
        releaseNotes: [{ version: "0.0.36-nightly.3", items: ["Change 3"], totalItems: 1 }],
        omittedReleaseCount: 1,
      }),
    );

    expect(anchors.at(-1)?.props.href).toBe("https://github.com/pingdotgg/t3code/releases");
    expect(textContent(anchors.at(-1)?.props.children)).toBe("1 older release on GitHub");
  });

  it("shows plural history text for multiple omitted releases", () => {
    const anchors = collectAnchors(
      renderNotes({
        ...baseState,
        releaseNotes: [{ version: "0.0.36-nightly.3", items: ["Change 3"], totalItems: 1 }],
        omittedReleaseCount: 3,
      }),
    );

    expect(textContent(anchors.at(-1)?.props.children)).toBe("3 older releases on GitHub");
  });

  it("reports a release link that fails to open", async () => {
    const openExternal = vi.fn().mockResolvedValue(false);
    const [anchor] = collectAnchors(
      renderNotes(
        {
          ...baseState,
          releaseNotes: [{ version: "0.0.36-nightly.3", items: ["Change 3"], totalItems: 1 }],
        },
        openExternal,
      ),
    );
    const preventDefault = vi.fn();

    anchor?.props.onClick?.({ preventDefault } as unknown as MouseEvent<HTMLAnchorElement>);

    expect(preventDefault).toHaveBeenCalledOnce();
    await vi.waitFor(() => {
      expect(openExternal).toHaveBeenCalledWith(
        "https://github.com/pingdotgg/t3code/releases/tag/v0.0.36-nightly.3",
      );
      expect(testState.addToast).toHaveBeenCalledWith({
        type: "error",
        title: "Unable to open release notes",
      });
    });
  });
});