/* Copyright 2026 Marimo. All rights reserved. */

import { act, renderHook } from "@testing-library/react";
import { afterEach, beforeEach, describe, expect, it, vi } from "vitest";
import { useDelayVisibility } from "../useDelayVisibility";

describe("useDelayVisibility", () => {
  beforeEach(() => {
    vi.useFakeTimers();
    vi.spyOn(window, "requestAnimationFrame").mockImplementation((cb) => {
      cb(0);
      return 0;
    });
  });

  afterEach(() => {
    vi.restoreAllMocks();
  });

  it("should start with invisible state", () => {
    const { result } = renderHook(() => useDelayVisibility(5, "read"));
    expect(result.current.invisible).toBe(true);
  });

  it("should become visible after delay in read mode", () => {
    const { result } = renderHook(() => useDelayVisibility(5, "read"));

    expect(result.current.invisible).toBe(true);

    // Advance timers by the calculated delay (5-1)*30 = 120ms
    act(() => {
      vi.advanceTimersByTime(120);
    });

    expect(result.current.invisible).toBe(false);
  });

  it("should clamp delay at minimum 100ms for small number of cells", () => {
    const { result } = renderHook(() => useDelayVisibility(2, "read"));

    expect(result.current.invisible).toBe(true);

    // Advance timers by 99ms (not enough, minimum is 100ms)
    act(() => {
      vi.advanceTimersByTime(99);
    });
    expect(result.current.invisible).toBe(true);

    // Advance remaining 1ms to reach 100ms minimum
    act(() => {
      vi.advanceTimersByTime(1);
    });
    expect(result.current.invisible).toBe(false);
  });

  it("should clamp delay at maximum 2000ms for large number of cells", () => {
    const { result } = renderHook(() => useDelayVisibility(100, "read"));

    expect(result.current.invisible).toBe(true);

    // Advance timers by 1999ms (not enough)
    act(() => {
      vi.advanceTimersByTime(1999);
    });
    expect(result.current.invisible).toBe(true);

    // Advance remaining 1ms to reach 2000ms cap
    act(() => {
      vi.advanceTimersByTime(1);
    });
    expect(result.current.invisible).toBe(false);
  });

  it("should not apply delay in edit mode", () => {
    const { result } = renderHook(() => useDelayVisibility(5, "edit"));

    // In edit mode, the delay should not be applied, so it should immediately be visible
    expect(result.current.invisible).toBe(false);
  });

  it("should not apply delay in present mode", () => {
    const { result } = renderHook(() => useDelayVisibility(5, "present"));

    // In present mode, the delay should not be applied
    expect(result.current.invisible).toBe(false);
  });
});