import { expect, test, type Page } from "@playwright/test";
import {
  createMinimalOdp,
  createMinimalOds,
  createMinimalOdt,
  type OdfFixture,
} from "../fixtures/odf";

const entry = "/deep/nested/office/";

async function openFixture(page: Page, fixture: OdfFixture) {
  await page.goto(entry);
  await page.getByTestId("office-file-input").setInputFiles(fixture);
  await expect(page.getByText("Rendered locally", { exact: true })).toBeVisible(
    {
      timeout: 30_000,
    },
  );
}

async function find(page: Page, value: string) {
  const search = page.getByRole("search");
  await search.getByPlaceholder("Find in file").fill(value);
  await search.getByRole("button", { name: "Find" }).click();
  await expect(search.getByText("1 of 1", { exact: true })).toBeVisible();
}

test("renders and searches a project-authored ODT in an isolated worker", async ({
  page,
}) => {
  const externalHosts = new Set<string>();
  const errors: string[] = [];
  const workerScripts: URL[] = [];
  page.on("request", (request) => {
    const url = new URL(request.url());
    if (
      (url.protocol === "http:" || url.protocol === "https:") &&
      url.hostname !== "127.0.0.1"
    )
      externalHosts.add(url.hostname);
    if (url.pathname.includes("odf.worker")) workerScripts.push(url);
  });
  page.on("console", (message) => {
    if (message.type() === "error") errors.push(message.text());
  });
  page.on("pageerror", (error) => errors.push(error.message));

  await openFixture(page, createMinimalOdt());
  await expect(
    page.getByRole("heading", { name: "OpenDocument Text Fixture" }),
  ).toBeVisible();
  await expect(
    page.getByRole("table", { name: "Fixture table" }),
  ).toBeVisible();
  await expect(
    page.getByRole("img", { name: "Project-authored fixture image" }),
  ).toBeVisible();
  await find(page, "ODT Search Marker");
  await page.getByRole("button", { name: "Zoom in" }).click();
  await expect(page.getByText("110%", { exact: true })).toBeVisible();

  expect(externalHosts).toEqual(new Set());
  expect(errors).toEqual([]);
  expect(workerScripts.length).toBeGreaterThan(0);
  expect(
    workerScripts.every(
      (url) =>
        url.origin === "http://127.0.0.1:4173" &&
        url.pathname.startsWith("/deep/nested/office/assets/"),
    ),
  ).toBe(true);
});

test("renders, searches and switches sheets in a project-authored ODS", async ({
  page,
}) => {
  await openFixture(page, createMinimalOds());
  await expect(page.getByText("sheet 1 of 2", { exact: true })).toBeVisible();
  await expect(page.getByRole("grid")).toContainText("Office Tools Workbook");
  await find(page, "ODS Search Marker");
  await page.getByRole("button", { name: "Next sheet" }).click();
  await expect(page.getByText("sheet 2 of 2", { exact: true })).toBeVisible();
  await expect(page.getByRole("grid")).toContainText("Second sheet content");
});

test("renders, searches and navigates a project-authored ODP", async ({
  page,
}) => {
  await openFixture(page, createMinimalOdp());
  await expect(page.getByText("slide 1 of 2", { exact: true })).toBeVisible();
  await expect(
    page.getByRole("heading", { name: "OpenDocument Presentation Fixture" }),
  ).toBeVisible();
  await find(page, "ODP Search Marker");
  await expect(page.getByText("slide 2 of 2", { exact: true })).toBeVisible();
  await expect(
    page.getByRole("heading", { name: "ODP Search Marker" }),
  ).toBeVisible();
  await expect(
    page.getByRole("complementary", { name: "Speaker notes" }),
  ).toContainText("Second speaker note");
});