R104/A1-A7 完成公网部署与视觉验收

client/tests/e2e/r104-public-visual-acceptance.spec.ts

@@ -0,0 +1,95 @@
+import { mkdirSync } from "node:fs";
+import path from "node:path";
+import { expect, test, type Page } from "@playwright/test";
+
+import { getExpectedWecomStatus, loginLiveUser, logoutLiveUser } from "./helpers/liveAuth";
+import { fetchWecomConfig } from "./helpers/smokeAssertions";
+
+const screenshotDir = path.resolve(process.cwd(), "../output/playwright/r104");
+
+function screenshotPath(fileName: string) {
+  mkdirSync(screenshotDir, { recursive: true });
+  return path.join(screenshotDir, fileName);
+}
+
+async function expectNoDesignRegressionCopy(page: Page) {
+  const bodyText = await page.locator("body").innerText();
+  expect(bodyText).not.toContain("先处理这几件事");
+  expect(bodyText).not.toContain("清爽");
+  expect(bodyText).not.toContain("/invoice-pool");
+  expect(bodyText).not.toContain("/purchase-requests");
+}
+
+test.describe("R104 public visual acceptance", () => {
+  test.skip(process.env.E2E_MODE !== "live", "仅在公网 live 模式下执行");
+
+  test("公网桌面登录页与企业微信配置可见", async ({ page }) => {
+    await page.setViewportSize({ width: 1440, height: 960 });
+    await page.goto("/login");
+
+    await expect(page.getByTestId("login-identifier")).toBeVisible();
+    await expect(page.getByTestId("login-password")).toBeVisible();
+    await expect(page.getByTestId("login-submit")).toBeVisible();
+    await expect(page.getByRole("button", { name: /企业微信/ })).toBeVisible();
+
+    const wecomConfig = await fetchWecomConfig(page);
+    expect(wecomConfig.status).toBe(200);
+    expect(wecomConfig.data?.status).toBe(getExpectedWecomStatus());
+    expect(wecomConfig.data?.defaultReturnTo).toBe("/mobile");
+    expect(wecomConfig.data?.loginUrl).toContain("returnTo=%2Fmobile");
+
+    await expectNoDesignRegressionCopy(page);
+    await page.screenshot({ path: screenshotPath("desktop-login.png"), fullPage: true });
+  });
+
+  test("公网企业微信入口跳转到 OAuth 边界", async ({ page }) => {
+    await page.setViewportSize({ width: 390, height: 844 });
+    await page.goto("/login");
+
+    await expect(page.getByRole("button", { name: /企业微信/ })).toBeVisible();
+    await page.screenshot({ path: screenshotPath("mobile-login-before-wecom.png"), fullPage: true });
+
+    await page.getByRole("button", { name: /企业微信/ }).click();
+    await expect(page).toHaveURL(/open\.weixin\.qq\.com|work\.weixin\.qq\.com|wechat_redirect/);
+  });
+
+  test("公网员工移动工作台与高频页面保持移动体验", async ({ page }) => {
+    await page.setViewportSize({ width: 390, height: 844 });
+    await loginLiveUser(page, "employee");
+
+    await page.goto("/mobile");
+    await expect(page.getByTestId("mobile-nav-home")).toBeVisible();
+    await expect(page.getByTestId("mobile-nav-approvals")).toBeVisible();
+    await expect(page.getByTestId("mobile-nav-capture")).toBeVisible();
+    await expect(page.getByTestId("mobile-nav-me")).toBeVisible();
+    await expectNoDesignRegressionCopy(page);
+    await page.screenshot({ path: screenshotPath("mobile-home.png"), fullPage: true });
+
+    await page.goto("/mobile/reimbursements");
+    await expect(page.locator("table")).toHaveCount(0);
+    await expectNoDesignRegressionCopy(page);
+    await page.screenshot({ path: screenshotPath("mobile-reimbursements.png"), fullPage: true });
+
+    await page.goto("/mobile/leave");
+    await expect(page.locator("table")).toHaveCount(0);
+    await expectNoDesignRegressionCopy(page);
+    await page.screenshot({ path: screenshotPath("mobile-leave.png"), fullPage: true });
+  });
+
+  test("公网 PC 报销与票据页面不回退到路径式标题", async ({ page }) => {
+    await page.setViewportSize({ width: 1440, height: 960 });
+    const employee = await loginLiveUser(page, "employee");
+
+    await page.goto("/reimbursements");
+    await expect(page.getByRole("heading", { name: /报销/ })).toBeVisible();
+    await expectNoDesignRegressionCopy(page);
+    await page.screenshot({ path: screenshotPath("desktop-reimbursements.png"), fullPage: true });
+
+    await page.goto("/invoice-pool");
+    await expect(page.getByRole("heading", { name: "票据中心", exact: true })).toBeVisible();
+    await expectNoDesignRegressionCopy(page);
+    await page.screenshot({ path: screenshotPath("desktop-invoice-pool.png"), fullPage: true });
+
+    await logoutLiveUser(page, employee);
+  });
+});