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-reimbursements")).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); }); });