hyb-oa/client/tests/e2e/procurement-flow.spec.ts

import { expect, test, type Locator } from "@playwright/test";

import { EMPLOYEE, FINANCE_MGR, login, logout, MANAGER } from "./helpers/auth";
import { openNavLink } from "./helpers/navigation";

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()}`;
  let requestNo = "";

  await page.setViewportSize({ width: 1440, height: 960 });
  await login(page, EMPLOYEE);
  await (await openNavLink(page, "采购申请")).click();
  const createResponsePromise = page.waitForResponse(
    (response) => response.request().method() === "POST" && new URL(response.url()).pathname === "/api/purchase-requests",
  );
  await page.getByTestId("purchase-requests-create").click();
  const createResponse = await createResponsePromise;
  const createPayload = (await createResponse.json()) as {
    data: { purchaseRequest: { id: string } };
  };
  const purchaseRequestId = createPayload.data.purchaseRequest.id;
  await page.goto(`/purchase-requests?id=${purchaseRequestId}`);
  await expect(page).toHaveURL(new RegExp(`id=${purchaseRequestId}`));

  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"));

  const itemDescriptionInputs = page.locator('[data-testid^="purchase-item-description-"]:visible');
  if (!(await itemDescriptionInputs.first().isVisible().catch(() => false))) {
    await page.getByTestId("purchase-add-item").click();
  }

  await expect(itemDescriptionInputs.first()).toBeVisible({ timeout: 30_000 });
  await itemDescriptionInputs.first().fill("Playwright Laptop");
  await page.locator('[data-testid^="purchase-item-quantity-"]:visible').first().fill("2");
  await page.locator('[data-testid^="purchase-item-unit-price-"]:visible').first().fill("100");

  const submitResponsePromise = page.waitForResponse(
    (response) =>
      response.request().method() === "POST" &&
      new URL(response.url()).pathname === `/api/purchase-requests/${purchaseRequestId}/submit`,
  );
  await page.getByTestId("purchase-submit").click();
  const submitResponse = await submitResponsePromise;
  if (!submitResponse.ok()) {
    const failureText = await submitResponse.text();
    throw new Error(`purchase submit failed: ${submitResponse.status()} ${failureText}`);
  }
  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 });
  requestNo = (await page.getByRole("heading", { level: 3 }).filter({ hasText: /^CG-/ }).first().textContent())?.trim() ?? "";
  expect(requestNo).toMatch(/^CG-/);

  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("对象类型：采购申请");
  await expect(page.getByTestId("workflow-task-summary")).toContainText("申请人：Employee");
  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: requestNo }).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);
});