import { expect, test } from "@playwright/test";
import { installAppMocks } from "./helpers/mockApp";

test("login redirects into dashboard with mocked auth", async ({ page }) => {
  await installAppMocks(page, {
    authenticated: false,
    authMeNullResponsesAfterLogin: 1,
  });

  await page.goto("/login");
  await expect(page.getByTestId("login-title")).toBeVisible();

  await page.getByTestId("login-username-input").fill("TestPlayer");
  await page.getByTestId("login-submit-button").click();

  await expect(page).toHaveURL(/\/dashboard$/);
  await expect(page.getByTestId("dashboard-title")).toContainText("TestPlayer");
});

test("training page shows plan generation flow", async ({ page }) => {
  await installAppMocks(page, { authenticated: true });

  await page.goto("/training");
  await expect(page.getByTestId("training-title")).toBeVisible();
  const generateButton = page.getByRole("button", { name: "生成训练计划" }).last();
  await expect(generateButton).toBeVisible();
  await generateButton.click();
  await expect(page).toHaveURL(/\/training$/);
});

test("videos page renders video library items", async ({ page }) => {
  await installAppMocks(page, { authenticated: true });

  await page.goto("/videos");
  await expect(page.getByTestId("videos-title")).toBeVisible();
  await expect(page.getByTestId("video-card")).toHaveCount(1);
});

test("videos page opens lightweight clip editor", async ({ page }) => {
  await installAppMocks(page, { authenticated: true });

  await page.goto("/videos");
  await page.getByRole("button", { name: "轻剪辑" }).click();
  await expect(page.getByText("PC 轻剪辑工作台")).toBeVisible();
  await expect(page.locator("text=建议保留：正手启动").first()).toBeVisible();
  await expect(page.getByRole("button", { name: "导出草稿" })).toBeVisible();
});

test("live camera page exposes camera startup controls", async ({ page }) => {
  await installAppMocks(page, { authenticated: true });

  await page.goto("/live-camera");
  await expect(page.getByTestId("live-camera-start-button")).toBeVisible();
});

test("live camera starts analysis and produces scores", async ({ page }) => {
  await installAppMocks(page, { authenticated: true });

  await page.goto("/live-camera");
  await page.getByRole("button", { name: "下一步" }).click();
  await page.getByRole("button", { name: "下一步" }).click();
  await page.getByRole("button", { name: "下一步" }).click();
  await page.getByRole("button", { name: /启用摄像头/ }).click();

  await expect(page.getByTestId("live-camera-analyze-button")).toBeVisible();
  await page.getByTestId("live-camera-analyze-button").click();

  await expect(page.getByTestId("live-camera-score-overall")).toBeVisible();
});

test("recorder flow archives a session and exposes it in videos", async ({ page }) => {
  await installAppMocks(page, { authenticated: true, videos: [] });

  await page.setViewportSize({ width: 390, height: 844 });
  await page.goto("/recorder");
  await expect(page.getByTestId("recorder-title")).toBeVisible();
  await page.getByTestId("recorder-mobile-focus-button").click();
  const focusShell = page.getByTestId("recorder-mobile-focus-shell");
  await expect(focusShell).toBeVisible();

  await focusShell.getByTestId("recorder-start-camera-button").click();
  await expect(focusShell.getByTestId("recorder-start-recording-button")).toBeVisible();

  await focusShell.getByTestId("recorder-start-recording-button").click();
  await expect(focusShell.getByTestId("recorder-marker-button")).toBeVisible();

  await focusShell.getByTestId("recorder-marker-button").click();
  await expect(page.getByText("手动标记")).toBeVisible();

  await focusShell.getByTestId("recorder-finish-button").click();
  await expect(focusShell.getByTestId("recorder-reset-button")).toBeVisible({ timeout: 8_000 });

  await page.goto("/videos");
  await expect(page.getByTestId("video-card")).toHaveCount(1);
  await expect(page.getByText("E2E 录制")).toBeVisible();
});