import type { ResolutionSummary, Ship } from "@deadhead/schema";
import { screen, waitFor, within } from "@testing-library/react";
import userEvent from "@testing-library/user-event";
import { describe, expect, it } from "vitest";
import { fakeApi, renderApp, samplePlayerState } from "./render";

const ship: Ship = {
  id: "s1",
  modelId: "courier",
  name: "Dusty Mule",
  status: "idle",
  locationId: "mars",
  dispatchId: null,
  lastArrivalAt: 0,
  pilotId: "avatar",
};

const summaries: ResolutionSummary[] = [
  {
    dispatchId: "d1",
    shipId: "s1",
    pilotId: "avatar",
    originId: "earth",
    destinationId: "mars",
    tutorial: false,
    credits: 51_200,
    loanRepayment: 0,
    pilotXp: 32,
    discoveredLocationId: "mars",
    scriptedId: null,
    restEndsAt: null,
    resolvedAt: 1,
  },
  {
    dispatchId: "d2",
    shipId: "loaner",
    pilotId: "avatar",
    originId: "moon",
    destinationId: "earth",
    tutorial: true,
    credits: 240,
    loanRepayment: 0,
    pilotXp: 10,
    discoveredLocationId: null,
    scriptedId: null,
    restEndsAt: null,
    resolvedAt: 2,
  },
];

describe("while you were away", () => {
  it("lists each completed delivery, and dismissing acknowledges them and hides the dialog", async () => {
    let acknowledged = false;
    const api = fakeApi({
      getPlayerState: () =>
        samplePlayerState({
          tutorial: null,
          ships: [ship],
          summaries: acknowledged ? [] : summaries,
        }),
      acknowledgeSummaries: ({ dispatchIds }) => {
        acknowledged = true;
        return { acknowledged: dispatchIds.length };
      },
    });
    renderApp(api);

    const dialog = await screen.findByRole("dialog", { name: "While you were away" });
    const items = within(dialog).getAllByRole("listitem");
    expect(items).toHaveLength(2);

    expect(items[0]).toHaveTextContent("Dusty Mule");
    expect(items[0]).toHaveTextContent("Earth → Mars");
    expect(items[0]).toHaveTextContent("+51,200 cr");
    expect(items[0]).toHaveTextContent("+32 XP");
    expect(items[0]).toHaveTextContent("Discovered Mars!");

    expect(items[1]).toHaveTextContent("Company loaner");
    expect(items[1]).toHaveTextContent("Moon → Earth");
    expect(items[1]).not.toHaveTextContent("Discovered");

    await userEvent.click(within(dialog).getByRole("button", { name: "Got it" }));
    expect(screen.queryByRole("dialog")).not.toBeInTheDocument();
    await waitFor(() =>
      expect(api.call).toHaveBeenCalledWith("acknowledgeSummaries", { dispatchIds: ["d1", "d2"] }),
    );
  });

  it("does not show the dialog when there is nothing to report", async () => {
    renderApp(fakeApi({ getPlayerState: () => samplePlayerState() }));
    await screen.findByRole("heading", { level: 1, name: "HQ" });
    expect(screen.queryByRole("dialog")).not.toBeInTheDocument();
  });
});