//===========================================
// THIS FILE IS AUTO-GENERATED FROM TEMPLATE. DO NOT EDIT IT DIRECTLY UNLESS YOU ALSO EDIT THE CORRESPONDING FILE IN packages/template
//===========================================
// @vitest-environment jsdom

import { HexclaveSetupError } from "@hexclave/shared/dist/utils/errors";
import { afterEach, describe, expect, it, vi } from "vitest";
import { SETUP_ERROR_OVERLAY_GLOBAL_INSTANCE_KEY, showSetupErrorOverlay } from ".";

function createSetupError() {
  return new HexclaveSetupError({
    title: "A domain in your authentication flow is not one of your project's trusted domains",
    message: "Nested cross-domain auth callback URL https://demo.example.test/ is not trusted.",
    howToFix: ["Add https://demo.example.test to your project's trusted domains."],
  });
}

function overlayRoots() {
  return document.querySelectorAll(".hexclave-setup-error-overlay");
}

describe("setup error overlay", () => {
  afterEach(() => {
    vi.unstubAllEnvs();
    for (const root of overlayRoots()) {
      root.remove();
    }
    Reflect.deleteProperty(window, SETUP_ERROR_OVERLAY_GLOBAL_INSTANCE_KEY);
  });

  it("renders setup errors with their fix instructions, even outside development", () => {
    vi.stubEnv("NODE_ENV", "production");
    const error = createSetupError();

    const cleanup = showSetupErrorOverlay(error);
    try {
      expect(overlayRoots()).toHaveLength(1);
      const text = document.body.textContent;
      expect(text).toContain(error.title);
      expect(text).toContain(error.message);
      expect(text).toContain(error.howToFix[0]);
      expect(document.querySelector("[role='alertdialog']")).not.toBeNull();
    } finally {
      cleanup();
    }

    expect(overlayRoots()).toHaveLength(0);
  });

  it("minimizes into a pill and back", () => {
    vi.stubEnv("NODE_ENV", "production");
    const cleanup = showSetupErrorOverlay(createSetupError());
    try {
      const minimizeButton = document.querySelector<HTMLButtonElement>("[aria-label='Minimize Hexclave setup error']");
      expect(minimizeButton).not.toBeNull();
      minimizeButton?.click();
      expect(document.querySelector("[role='alertdialog']")).toBeNull();

      const pill = document.querySelector<HTMLButtonElement>("[aria-label='Show Hexclave setup error']");
      expect(pill).not.toBeNull();
      pill?.click();
      expect(document.querySelector("[role='alertdialog']")).not.toBeNull();
    } finally {
      cleanup();
    }
  });

  it("keeps keyboard focus inside the card and gives it back afterwards", () => {
    vi.stubEnv("NODE_ENV", "production");
    const pageButton = document.body.appendChild(document.createElement("button"));
    pageButton.focus();

    const cleanup = showSetupErrorOverlay(createSetupError());
    try {
      const card = document.querySelector<HTMLElement>("[role='alertdialog']");
      expect(document.activeElement).toBe(card);

      const cardButtons = [...(card?.querySelectorAll("button") ?? [])];
      expect(cardButtons.length).toBeGreaterThan(1);
      cardButtons[cardButtons.length - 1].focus();
      document.dispatchEvent(new KeyboardEvent("keydown", { key: "Tab", bubbles: true, cancelable: true }));
      expect(document.activeElement).toBe(cardButtons[0]);
      document.dispatchEvent(new KeyboardEvent("keydown", { key: "Tab", bubbles: true, cancelable: true, shiftKey: true }));
      expect(document.activeElement).toBe(cardButtons[cardButtons.length - 1]);

      // Tabbing away from the card is what the trap exists to prevent, even when the page itself moves focus.
      pageButton.focus();
      document.dispatchEvent(new KeyboardEvent("keydown", { key: "Tab", bubbles: true, cancelable: true }));
      expect(document.activeElement).toBe(cardButtons[0]);
    } finally {
      cleanup();
    }

    expect(document.activeElement).toBe(pageButton);
    pageButton.remove();
  });

  it("keeps the first card instead of stacking later errors on top of it", () => {
    vi.stubEnv("NODE_ENV", "production");
    const firstError = createSetupError();
    const cleanup = showSetupErrorOverlay(firstError);
    try {
      const secondCleanup = showSetupErrorOverlay(new HexclaveSetupError({
        title: "Another setup error",
        message: "Another setup error happened.",
        howToFix: ["Fix the other thing."],
      }));
      secondCleanup();

      expect(overlayRoots()).toHaveLength(1);
      expect(document.body.textContent).toContain(firstError.message);
      expect(document.body.textContent).not.toContain("Another setup error happened.");
    } finally {
      cleanup();
    }
  });

  it("only shows errors that are not setup errors while developing", () => {
    vi.stubEnv("NODE_ENV", "production");
    showSetupErrorOverlay(new Error("Some internal failure."))();
    expect(overlayRoots()).toHaveLength(0);

    vi.stubEnv("NODE_ENV", "development");
    const cleanup = showSetupErrorOverlay(new Error("Some internal failure."));
    try {
      expect(overlayRoots()).toHaveLength(1);
      expect(document.body.textContent).toContain("Some internal failure.");
    } finally {
      cleanup();
    }
  });
});