import { expect, test, type Locator, type Page } from "@playwright/test"; import { openNavLink } from "./helpers/navigation"; const EMPLOYEE = { identifier: "employee@hyinda.com", password: "EmployeePassword1234", name: "Employee" }; const MANAGER = { identifier: "manager@hyinda.com", password: "ManagerPassword1234", name: "Manager" }; const FINANCE_MGR = { identifier: "finance_mgr@hyinda.com", password: "FinanceMgrPassword1234", name: "Finance Manager" }; async function login(page: Page, user: { identifier: string; password: string }) { await page.goto("/login"); await page.getByTestId("login-identifier").fill(user.identifier); await page.getByTestId("login-password").fill(user.password); await page.getByTestId("login-submit").click(); await expect(page).toHaveURL(/\/portal/); } async function logout(page: Page, userDisplayName: string) { await page.getByRole("button", { name: userDisplayName }).click(); await page.getByRole("menuitem", { name: "退出登录" }).click(); await expect(page).toHaveURL(/\/login/); } async function selectFirstBusinessOption(locator: Locator) { await expect .poll(async () => { const optionValues = await locator.locator("option").evaluateAll((options) => options .map((option) => ({ value: (option as HTMLOptionElement).value, disabled: (option as HTMLOptionElement).disabled })) .filter((option) => option.value && !option.disabled) .map((option) => option.value), ); return optionValues[0] ?? ""; }) .not.toBe(""); const optionValues = await locator.locator("option").evaluateAll((options) => options .map((option) => ({ value: (option as HTMLOptionElement).value, disabled: (option as HTMLOptionElement).disabled })) .filter((option) => option.value && !option.disabled) .map((option) => option.value), ); await locator.selectOption(optionValues[0]); } test("E2E 采购主链路:员工提单→经理审批→财务归档", async ({ page }) => { const title = `Playwright 采购 ${Date.now()}`; await login(page, EMPLOYEE); await (await openNavLink(page, "采购申请")).click(); await page.getByTestId("purchase-requests-create").click(); await expect(page.getByTestId("purchase-title")).toBeVisible(); await page.getByTestId("purchase-title").fill(title); await selectFirstBusinessOption(page.getByTestId("purchase-legal-entity")); await selectFirstBusinessOption(page.getByTestId("purchase-cost-center")); await selectFirstBusinessOption(page.getByTestId("purchase-supplier")); await selectFirstBusinessOption(page.getByTestId("purchase-document-category")); await page.getByTestId("purchase-add-item").click(); await page.locator('[data-testid^="purchase-item-description-"]').first().fill("Playwright Laptop"); await page.locator('[data-testid^="purchase-item-quantity-"]').first().fill("2"); await page.locator('[data-testid^="purchase-item-unit-price-"]').first().fill("100"); const submitResponsePromise = page.waitForResponse( (response) => response.request().method() === "POST" && /\/api\/purchase-requests\/[^/]+\/submit$/.test(new URL(response.url()).pathname), ); await page.getByTestId("purchase-submit").click(); const submitResponse = await submitResponsePromise; const submitPayload = (await submitResponse.json()) as { data: { currentTaskId: string }; }; const currentTaskId = submitPayload.data.currentTaskId; await expect(page.getByTestId("purchase-detail-status")).toHaveText("审批中", { timeout: 30_000 }); await logout(page, EMPLOYEE.name); await login(page, MANAGER); await (await openNavLink(page, "待我处理")).click(); const managerTaskRow = page.getByTestId("workflow-task-row").filter({ hasText: currentTaskId }).first(); await expect(managerTaskRow).toBeVisible({ timeout: 30_000 }); await managerTaskRow.getByTestId("workflow-task-detail-link").click(); await expect(page.getByTestId("workflow-task-summary")).toContainText(title); await page.getByTestId("workflow-task-approve").click(); await expect(page.getByTestId("workflow-task-summary")).toContainText("状态:已完成"); await logout(page, MANAGER.name); await login(page, FINANCE_MGR); await (await openNavLink(page, "采购申请")).click(); await page.getByRole("button", { name: "全范围" }).click(); await page.getByRole("combobox").first().selectOption("approved"); const purchaseRow = page.getByRole("row").filter({ hasText: title }).first(); await expect(purchaseRow).toBeVisible({ timeout: 30_000 }); await purchaseRow.click(); await expect(page.getByTestId("purchase-archive-po-no")).toBeVisible(); await page.getByTestId("purchase-archive-po-no").fill("PO-E2E-001"); await page.getByTestId("purchase-archive-contract-no").fill("CT-E2E-001"); await page.getByTestId("purchase-archive-save").click(); await expect(page.getByTestId("purchase-archive-po-no")).toHaveValue("PO-E2E-001"); await expect(page.getByTestId("purchase-archive-contract-no")).toHaveValue("CT-E2E-001"); await logout(page, FINANCE_MGR.name); });