import { expect, test } from "@playwright/test";

function mockWecomConfigPayload(overrides: Record<string, unknown> = {}) {
  return {
    enabled: true,
    entryEnabled: true,
    oauthEnabled: true,
    corpId: "wx-test-corp",
    agentId: "1000001",
    loginUrl: "/api/auth/wecom/login?returnTo=%2Fmobile",
    pcWebLoginEnabled: true,
    pcLoginUrl: "/api/auth/wecom/login?returnTo=%2Fportal&entrySource=pc_qr",
    bindEnabled: true,
    defaultReturnTo: "/mobile",
    status: "ready",
    statusReasons: [],
    ...overrides,
  };
}

function envelope(data: unknown) {
  return {
    requestId: "mock-request",
    data,
  };
}

async function mockAuthBase(page: import("@playwright/test").Page) {
  await page.route("**/api/auth/capabilities", async (route) => {
    await route.fulfill({
      status: 200,
      contentType: "application/json",
      body: JSON.stringify(envelope({
        emailDelivery: { ready: true, statusReasons: [] },
        emailLoginCode: { enabled: true },
        passwordReset: { enabled: true },
      })),
    });
  });
  await page.route("**/api/auth/sso/providers", async (route) => {
    await route.fulfill({
      status: 200,
      contentType: "application/json",
      body: JSON.stringify(envelope([])),
    });
  });
}

async function mockWecomConfig(page: import("@playwright/test").Page, overrides: Record<string, unknown> = {}) {
  await page.route("**/api/auth/wecom/config", async (route) => {
    await route.fulfill({
      status: 200,
      contentType: "application/json",
      body: JSON.stringify(envelope(mockWecomConfigPayload(overrides))),
    });
  });
}

test("E2E 企微入口：普通浏览器显示托管扫码入口并保留安全回跳", async ({ page }) => {
  await mockAuthBase(page);
  await mockWecomConfig(page);
  let loginEntryUrl = "";
  await page.route("**/api/auth/wecom/login?**", async (route) => {
    loginEntryUrl = route.request().url();
    await route.fulfill({ status: 200, contentType: "text/plain", body: "mock pc wecom login entry" });
  });

  await page.goto("/login?redirect=%2Freimbursements");
  await expect(page.getByTestId("login-password-primary-panel")).toBeVisible();
  await expect(page.getByTestId("wecom-entry-pc")).toHaveText("企业微信扫码登录");
  await page.getByTestId("wecom-entry-pc").click();
  await expect.poll(() => loginEntryUrl).toContain("entrySource=pc_qr");
  expect(new URL(loginEntryUrl).searchParams.get("returnTo")).toBe("/reimbursements");
  expect(new URL(loginEntryUrl).searchParams.get("deviceFingerprint")).toBeTruthy();
  await expect(page.getByTestId("wecom-entry-browser-notice")).toHaveCount(0);
});

test("E2E 企微入口：企业微信场景优先显示企微 CTA，并展示映射缺失提示", async ({ page }) => {
  await page.setViewportSize({ width: 1440, height: 960 });
  await page.addInitScript(() => {
    Object.defineProperty(window.navigator, "userAgent", {
      configurable: true,
      value: "Mozilla/5.0 wxwork/4.1.20 MicroMessenger/7.0.1",
    });
  });
  await mockAuthBase(page);
  await mockWecomConfig(page);
  await page.route("**/api/auth/wecom/login?**", async (route) => {
    await route.fulfill({
      status: 200,
      contentType: "text/plain",
      body: "mock wecom login entry",
    });
  });

  await page.goto("/login?redirect=%2Fportal&wecom=account_mapping_required");
  await expect(page.getByTestId("login-wecom-primary-panel")).toBeVisible();
  await expect(page.getByTestId("wecom-entry-primary")).toBeVisible();
  await expect(page.getByTestId("wecom-entry-pc")).toHaveCount(0);
  await expect(page.getByTestId("login-wecom-notice")).toContainText("企业微信账号映射尚未完成");
  await expect(page.getByTestId("login-wecom-notice")).not.toContainText("账号密码登录");
  await expect(page.getByTestId("login-password-secondary-panel")).toBeVisible();
  await expect(page.getByTestId("login-browser-layout")).toHaveCount(0);
  const panelBox = await page.getByTestId("login-auth-panel").boundingBox();
  expect(panelBox).not.toBeNull();
  expect(panelBox!.width).toBeLessThanOrEqual(460);
});

for (const viewport of [
  { width: 1024, height: 768 },
  { width: 1440, height: 960 },
]) {
  test(`PC 登录布局：${viewport.width}px 使用企业微信与备用登录功能双栏`, async ({ page }) => {
    await page.setViewportSize(viewport);
    await mockAuthBase(page);
    await mockWecomConfig(page);

    await page.goto("/login");

    const layout = page.getByTestId("auth-layout-container");
    const browserLayout = page.getByTestId("login-browser-layout");
    const enterprise = page.getByTestId("login-enterprise-panel");
    const fallback = page.getByTestId("login-fallback-panel");

    await expect(layout).toHaveAttribute("data-layout-variant", "login");
    await expect(browserLayout).toHaveAttribute("data-layout", "desktop-split");

    const [layoutBox, enterpriseBox, fallbackBox] = await Promise.all([
      layout.boundingBox(),
      enterprise.boundingBox(),
      fallback.boundingBox(),
    ]);
    expect(layoutBox).not.toBeNull();
    expect(enterpriseBox).not.toBeNull();
    expect(fallbackBox).not.toBeNull();
    expect(layoutBox!.width).toBeGreaterThanOrEqual(880);
    expect(enterpriseBox!.x).toBeLessThan(fallbackBox!.x);
    expect(enterpriseBox!.width).toBeGreaterThan(280);
    expect(fallbackBox!.width).toBeGreaterThan(340);
    expect(fallbackBox!.width).toBeLessThan(440);
    expect(Math.abs(enterpriseBox!.y - fallbackBox!.y)).toBeLessThan(2);
    await expect(page.getByRole("heading", { name: "企业微信登录" })).toBeVisible();
    await expect(page.getByRole("heading", { name: "备用登录" })).toBeVisible();
    if (process.env.PC_LOGIN_LAYOUT_SCREENSHOTS === "1") {
      await page.screenshot({
        fullPage: true,
        path: `../output/playwright/pc-login-${viewport.width}.png`,
      });
    }
  });
}

for (const viewport of [
  { width: 375, height: 812 },
  { width: 768, height: 900 },
]) {
  test(`窄屏登录布局：${viewport.width}px 保持单列且表单先于企业入口`, async ({ page }) => {
    await page.setViewportSize(viewport);
    await mockAuthBase(page);
    await mockWecomConfig(page);

    await page.goto("/login");

    const layoutBox = await page.getByTestId("auth-layout-container").boundingBox();
    const enterpriseBox = await page.getByTestId("login-enterprise-panel").boundingBox();
    const fallbackBox = await page.getByTestId("login-fallback-panel").boundingBox();
    expect(layoutBox).not.toBeNull();
    expect(enterpriseBox).not.toBeNull();
    expect(fallbackBox).not.toBeNull();
    expect(layoutBox!.width).toBeLessThanOrEqual(460);
    expect(fallbackBox!.y).toBeLessThan(enterpriseBox!.y);
    expect(await page.evaluate(() => document.documentElement.scrollWidth)).toBeLessThanOrEqual(viewport.width);
    await expect(page.getByRole("heading", { name: "企业微信登录" })).toBeHidden();
    await expect(page.getByRole("heading", { name: "备用登录" })).toBeHidden();
    if (process.env.PC_LOGIN_LAYOUT_SCREENSHOTS === "1") {
      await page.screenshot({
        fullPage: true,
        path: `../output/playwright/pc-login-${viewport.width}.png`,
      });
    }
  });
}

test("PC 登录布局：扫码配置关闭时回退为受控单栏", async ({ page }) => {
  await page.setViewportSize({ width: 1440, height: 960 });
  await mockAuthBase(page);
  await mockWecomConfig(page, {
    pcWebLoginEnabled: false,
    pcLoginUrl: null,
  });

  await page.goto("/login");

  await expect(page.getByTestId("login-browser-layout")).toHaveAttribute("data-layout", "single-column");
  await expect(page.getByTestId("wecom-entry-pc")).toHaveCount(0);
  await expect(page.getByTestId("wecom-entry-browser-notice")).toBeVisible();
  const panelBox = await page.getByTestId("login-auth-panel").boundingBox();
  const fallbackBox = await page.getByTestId("login-fallback-panel").boundingBox();
  const enterpriseBox = await page.getByTestId("login-enterprise-panel").boundingBox();
  expect(panelBox).not.toBeNull();
  expect(fallbackBox).not.toBeNull();
  expect(enterpriseBox).not.toBeNull();
  expect(panelBox!.width).toBeLessThanOrEqual(460);
  expect(fallbackBox!.y).toBeLessThan(enterpriseBox!.y);
});