import { expect, test } from "../fixtures";

test("opens account management after hydration without inheriting real OAuth configuration", async ({
  page,
}) => {
  await page.goto("/deck");
  await expect(page.getByRole("button", { name: "Rename", includeHidden: true })).toBeEnabled();
  const manage = page.getByRole("button", { name: "Manage connected accounts" });
  if (!(await manage.isVisible())) {
    await page.getByRole("button", { name: "Toggle sidebar" }).click();
  }
  await expect(manage).toBeEnabled();
  await manage.click();
  const dialog = page.getByRole("dialog", { name: "Connected accounts" });
  await expect(dialog).toBeVisible();
  await expect(dialog.getByText("No Mastodon servers have been configured yet.")).toBeVisible();
  await expect(dialog.getByRole("button", { name: "Authorize with Mastodon" })).toHaveCount(0);
  await page.keyboard.press("Escape");
  await expect(dialog).toHaveCount(0);
  await expect(manage).toBeFocused();
});

test("opens account management from the inbox footer and restores focus on close", async ({
  page,
  a11y,
}) => {
  await page.goto("/inbox");
  await page.waitForLoadState("networkidle");
  const manage = page.getByRole("button", { name: "Manage connected accounts" });
  await expect(manage).toBeVisible();
  await manage.click();
  const dialog = page.getByRole("dialog", { name: "Connected accounts" });
  await expect(dialog).toBeVisible();
  await expect(dialog.getByText("No Mastodon servers have been configured yet.")).toBeVisible();
  expect((await a11y().analyze()).violations).toEqual([]);
  await page.keyboard.press("Escape");
  await expect(dialog).toHaveCount(0);
  await expect(manage).toBeFocused();
  await expect(page.getByRole("textbox", { name: "Search articles" })).toBeVisible();
});

test("rejects an unbound OAuth callback without contacting an instance", async ({ page }) => {
  await page.goto("/oauth/mastodon/callback?state=invalid&code=not-a-real-code");
  await expect(page).toHaveURL(/\/deck\?mastodon=failed$/);
  await expect(page.getByRole("alert")).toContainText("Could not complete Mastodon authorization.");
  await expect(page.getByRole("button", { name: "Rename", includeHidden: true })).toBeEnabled();
  const manage = page.getByRole("button", { name: "Manage connected accounts" });
  if (!(await manage.isVisible())) {
    await page.getByRole("button", { name: "Toggle sidebar" }).click();
  }
  await expect(page.getByRole("button", { name: "Manage connected accounts" })).toBeEnabled();
});