/**
 * Escape-layer stack (components/ui/modal.tsx): modals AND Dropdown menus register as
 * layers, and Escape only acts on the topmost one. This is what makes one Escape close a
 * menu opened inside a dialog while the dialog stays up (the next Escape closes it), and
 * keeps nested dialogs closing one at a time.
 */
import { describe, expect, it } from "vitest";
import { isTopEscLayer, popEscLayer, pushEscLayer } from "../src/components/ui/modal";

describe("esc layer stack", () => {
  it("only the topmost layer may act; popping restores the one below", () => {
    const modal = pushEscLayer();
    expect(isTopEscLayer(modal)).toBe(true);
    // A menu opened inside the modal stacks above it: the first Escape belongs to the menu.
    const menu = pushEscLayer();
    expect(isTopEscLayer(menu)).toBe(true);
    expect(isTopEscLayer(modal)).toBe(false);
    popEscLayer(menu);
    expect(isTopEscLayer(modal)).toBe(true);
    popEscLayer(modal);
    expect(isTopEscLayer(modal)).toBe(false);
  });

  it("tolerates out-of-order removal (an outer layer unmounting first)", () => {
    const outer = pushEscLayer();
    const inner = pushEscLayer();
    popEscLayer(outer); // e.g. the host dialog unmounts while its menu is still open
    expect(isTopEscLayer(inner)).toBe(true);
    popEscLayer(inner);
    // Double-pop is a no-op, never a throw (effect cleanups can race in tests/strict mode).
    popEscLayer(inner);
    expect(isTopEscLayer(inner)).toBe(false);
  });
});