geo/frontend/e2e/tests/next-action.spec.ts

import { test, expect } from "../fixtures";
import { DashboardPage } from "../pages/dashboard.page";

async function hasProjects(page: import("@playwright/test").Page): Promise<boolean> {
  const dashboardPage = new DashboardPage(page);
  await dashboardPage.waitForDashboardLoad();

  const emptyMsg = page.getByText("开始优化您的AI可见性");
  const errorTitle = page.getByText("数据加载失败");
  const isEmpty = await emptyMsg.isVisible().catch(() => false);
  const isError = await errorTitle.isVisible().catch(() => false);
  return !isEmpty && !isError;
}

test.describe("下一步行动建议测试", () => {
  test.describe("Dashboard页面推荐下一步显示测试", () => {
    test("Dashboard页面应显示推荐下一步卡片", async ({ authenticatedPage }) => {
      const dashboardPage = new DashboardPage(authenticatedPage);
      const hasRecommendation = await dashboardPage.recommendedNextStep.isVisible({ timeout: 10000 }).catch(() => false);
      if (!hasRecommendation) { test.skip(); return; }
      await expect(dashboardPage.recommendedNextStep).toBeVisible();
    });

    test("推荐下一步卡片应包含标题和描述", async ({ authenticatedPage }) => {
      const dashboardPage = new DashboardPage(authenticatedPage);
      const hasRecommendation = await dashboardPage.recommendedNextStep.isVisible({ timeout: 10000 }).catch(() => false);
      if (!hasRecommendation) { test.skip(); return; }

      const recommendationTitle = authenticatedPage.locator(".text-sm.font-semibold.text-gray-900").first();
      await expect(recommendationTitle).toBeVisible({ timeout: 5000 });
    });

    test("推荐下一步应包含执行按钮", async ({ authenticatedPage }) => {
      const dashboardPage = new DashboardPage(authenticatedPage);
      const hasRecommendation = await dashboardPage.recommendedNextStep.isVisible({ timeout: 10000 }).catch(() => false);
      if (!hasRecommendation) { test.skip(); return; }

      const executeBtn = authenticatedPage.getByRole("button", { name: /执行/ });
      await expect(executeBtn.first()).toBeVisible({ timeout: 5000 });
    });

    test("推荐下一步执行按钮应可点击", async ({ authenticatedPage }) => {
      const dashboardPage = new DashboardPage(authenticatedPage);
      const hasRecommendation = await dashboardPage.recommendedNextStep.isVisible({ timeout: 10000 }).catch(() => false);
      if (!hasRecommendation) { test.skip(); return; }

      const executeBtn = authenticatedPage.getByRole("button", { name: /执行/ }).first();
      if (await executeBtn.isVisible()) {
        expect(await executeBtn.isEnabled()).toBeTruthy();
      }
    });
  });

  test.describe("品牌详情页行动建议测试", () => {
    test("品牌详情页应显示行动建议卡片", async ({ authenticatedPage }) => {
      await authenticatedPage.goto("/brands");
      await authenticatedPage.waitForLoadState("networkidle");

      const brandsHeading = authenticatedPage.getByRole("heading", { name: /品牌/ });
      if (await brandsHeading.isVisible()) {
        const brandLink = authenticatedPage
          .locator("table tbody tr:first-child a, .grid > div:first-child a")
          .first();
        if ((await brandLink.count()) > 0 && (await brandLink.isVisible())) {
          await brandLink.click();
          await authenticatedPage.waitForLoadState("networkidle");

          const actionCardTitle = authenticatedPage.getByText("推荐下一步");
          if ((await actionCardTitle.count()) > 0) {
            await expect(actionCardTitle).toBeVisible();
          }
        }
      }
    });
  });

  test.describe("竞品对比页行动建议测试", () => {
    test("竞品对比页应显示行动建议卡片", async ({ authenticatedPage }) => {
      await authenticatedPage.goto("/compare");
      await authenticatedPage.waitForLoadState("networkidle");

      const actionCardTitle = authenticatedPage.getByText("推荐下一步");
      if ((await actionCardTitle.count()) > 0) {
        await expect(actionCardTitle).toBeVisible();
      }
    });
  });

  test.describe("推荐下一步功能测试", () => {
    test("推荐下一步应根据项目阶段显示不同内容", async ({ authenticatedPage }) => {
      if (!(await hasProjects(authenticatedPage))) { test.skip(); return; }

      const dashboardPage = new DashboardPage(authenticatedPage);
      const hasRecommendation = await dashboardPage.recommendedNextStep.isVisible({ timeout: 10000 }).catch(() => false);
      if (!hasRecommendation) { test.skip(); return; }

      const recommendationTitle = await dashboardPage.getRecommendationTitle();
      expect(recommendationTitle).not.toBeNull();
    });

    test("推荐下一步的管理Agent按钮应有视觉强调", async ({ authenticatedPage }) => {
      if (!(await hasProjects(authenticatedPage))) { test.skip(); return; }

      const dashboardPage = new DashboardPage(authenticatedPage);
      const hasRecommendation = await dashboardPage.recommendedNextStep.isVisible({ timeout: 10000 }).catch(() => false);
      if (!hasRecommendation) { test.skip(); return; }

      const agentBtn = authenticatedPage.getByRole("button", { name: /管理Agent/ });
      if (await agentBtn.isVisible()) {
        await expect(agentBtn).toBeVisible();
      }
    });

    test("点击推荐下一步执行按钮应导航到对应页面", async ({ authenticatedPage }) => {
      if (!(await hasProjects(authenticatedPage))) { test.skip(); return; }

      const dashboardPage = new DashboardPage(authenticatedPage);
      const hasRecommendation = await dashboardPage.recommendedNextStep.isVisible({ timeout: 10000 }).catch(() => false);
      if (!hasRecommendation) { test.skip(); return; }

      const executeBtn = authenticatedPage.getByRole("button", { name: /执行/ }).first();
      if (await executeBtn.isVisible()) {
        await executeBtn.click();
        await authenticatedPage.waitForLoadState("networkidle");
      }
    });
  });

  test.describe("空状态推荐下一步测试", () => {
    test("无项目时显示空状态引导", async ({ authenticatedPage }) => {
      const emptyMsg = authenticatedPage.getByText("开始优化您的AI可见性");
      const hasEmpty = await emptyMsg.isVisible({ timeout: 5000 }).catch(() => false);
      if (!hasEmpty) { test.skip(); return; }

      await expect(emptyMsg).toBeVisible();
      const createBtn = authenticatedPage.getByRole("button", { name: /创建项目/ });
      await expect(createBtn.first()).toBeVisible();
    });
  });
});

test.describe("未登录状态测试", () => {
  test("未登录用户访问dashboard应重定向到登录页", async ({ page }) => {
    await page.goto("/dashboard");
    await expect(page).toHaveURL(/\/login/, { timeout: 15000 });
  });

  test("未登录用户访问品牌页面应重定向到登录页", async ({ page }) => {
    await page.goto("/brands");
    await expect(page).toHaveURL(/\/login/, { timeout: 15000 });
  });

  test("未登录用户访问对比页面应重定向到登录页", async ({ page }) => {
    await page.goto("/compare");
    await expect(page).toHaveURL(/\/login/, { timeout: 15000 });
  });
});