110 行
5.0 KiB
TypeScript
110 行
5.0 KiB
TypeScript
import { test, expect } from "./helpers/fixtures";
|
||
import { EMPLOYEE, FINANCE, MANAGER, login, logout } from "./helpers/auth";
|
||
import { openNavLink } from "./helpers/navigation";
|
||
import { TEST_IDS } from "./helpers/testIds";
|
||
|
||
function extractId(text: string, label: string) {
|
||
const match = text.match(new RegExp(`${label}：([0-9a-f-]{36})`));
|
||
if (!match?.[1]) {
|
||
throw new Error(`Failed to parse ${label} from text: ${text}`);
|
||
}
|
||
return match[1];
|
||
}
|
||
|
||
test("E2E 主链路：登录→报销→待办审批→票据OCR→支付→登出", async ({ page, reimbursementDetail, workflowDetail }) => {
|
||
// 1) employee: create reimbursement
|
||
await login(page, EMPLOYEE);
|
||
|
||
await (await openNavLink(page, "我的报销")).click();
|
||
await expect(page).toHaveURL(/\/reimbursements/);
|
||
await expect(page.getByTestId("reimbursements-create")).toBeVisible();
|
||
const createResponsePromise = page.waitForResponse((response) => {
|
||
const url = new URL(response.url());
|
||
return response.request().method() === "POST" && url.pathname === "/api/reimbursements" && response.ok();
|
||
});
|
||
await page.getByTestId("reimbursements-create").click();
|
||
const createPayload = (await (await createResponsePromise).json()) as { data?: { id?: string } };
|
||
const reimbursementId = createPayload.data?.id;
|
||
if (!reimbursementId) {
|
||
throw new Error(`创建报销单后未返回 id: ${JSON.stringify(createPayload)}`);
|
||
}
|
||
await page.goto(`/reimbursements/${reimbursementId}`);
|
||
await reimbursementDetail.assertLoaded();
|
||
|
||
// 2) employee: upload invoice and wait OCR
|
||
await (await openNavLink(page, "票据中心")).click();
|
||
const marker = `MOCK_E2E_${Date.now()}_${Math.random().toString(16).slice(2)}`;
|
||
await page.getByTestId("invoice-upload-file").setInputFiles({
|
||
name: `e2e-${Date.now()}.png`,
|
||
mimeType: "image/png",
|
||
buffer: Buffer.from(marker, "utf8"),
|
||
});
|
||
await page.getByTestId("invoice-upload-submit").click();
|
||
|
||
await expect(page.getByTestId("invoice-detail-panel")).toBeVisible();
|
||
await expect(page.getByTestId("invoice-detail-panel")).toContainText("状态：pending_ocr");
|
||
await expect(page.getByTestId("invoice-detail-panel")).toContainText("状态：available", { timeout: 90_000 });
|
||
|
||
const invoiceDetailText = await page.getByTestId("invoice-detail-panel").innerText();
|
||
const invoiceId = extractId(invoiceDetailText, "票据ID");
|
||
|
||
// 预览（popup 存在即可）
|
||
const popupPromise = page.waitForEvent("popup");
|
||
const invoiceRow = page.getByTestId("invoice-row").filter({ hasText: invoiceId }).first();
|
||
await expect(invoiceRow).toBeVisible();
|
||
await invoiceRow.getByRole("button").click();
|
||
await page.getByTestId("invoice-preview-button").click();
|
||
const popup = await popupPromise;
|
||
await expect(popup).toHaveURL(new RegExp(`/api/invoice-pool/${invoiceId}`));
|
||
await popup.close();
|
||
|
||
// 3) bind invoice to reimbursement
|
||
await page.getByTestId("invoice-bind-invoice").selectOption(invoiceId);
|
||
await page.getByTestId("invoice-bind-reimbursement").selectOption(reimbursementId);
|
||
await page.getByTestId("invoice-bind-submit").click();
|
||
|
||
// 4) submit reimbursement
|
||
await page.goto(`/reimbursements/${reimbursementId}`);
|
||
await reimbursementDetail.assertLoaded();
|
||
await reimbursementDetail.submitReimbursement();
|
||
await expect(page.getByText(/状态：(reviewing|审批中)/)).toBeVisible();
|
||
|
||
// 5) manager approve
|
||
await logout(page, EMPLOYEE.name);
|
||
await login(page, MANAGER);
|
||
|
||
await (await openNavLink(page, "待我处理")).click();
|
||
await expect(page.getByTestId(TEST_IDS.workflow.tasksTable)).toBeVisible();
|
||
const managerTaskRow = page.getByTestId(TEST_IDS.workflow.taskRow).filter({ hasText: reimbursementId }).first();
|
||
await expect(managerTaskRow).toBeVisible();
|
||
await managerTaskRow.getByTestId(TEST_IDS.workflow.detailLink).click();
|
||
await workflowDetail.assertLoaded();
|
||
await workflowDetail.approve();
|
||
await expect(workflowDetail.summary).toContainText(/状态：(completed|已完成)/);
|
||
|
||
await logout(page, MANAGER.name);
|
||
|
||
// 6) finance approve + pay
|
||
await login(page, FINANCE);
|
||
await (await openNavLink(page, "待我处理")).click();
|
||
const financeTaskRow = page.getByTestId(TEST_IDS.workflow.taskRow).filter({ hasText: reimbursementId }).first();
|
||
await expect(financeTaskRow).toBeVisible();
|
||
await financeTaskRow.getByTestId(TEST_IDS.workflow.detailLink).click();
|
||
await workflowDetail.assertLoaded();
|
||
await workflowDetail.approve();
|
||
await expect(workflowDetail.summary).toContainText(/状态：(completed|已完成)/);
|
||
|
||
await page.goto(`/reimbursements/${reimbursementId}`);
|
||
await reimbursementDetail.assertLoaded();
|
||
await expect(page.getByText(/状态：(approved|已批准)/)).toBeVisible({ timeout: 30_000 });
|
||
await page.getByTestId("reimbursement-pay-voucher-no").fill(`E2E-${Date.now()}`);
|
||
await reimbursementDetail.payBtn.click();
|
||
await expect(page.getByText(/状态：(paid|已支付)/)).toBeVisible({ timeout: 30_000 });
|
||
|
||
await logout(page, FINANCE.name);
|
||
|
||
// 7) guard: unauth -> login
|
||
await page.goto("/dashboard");
|
||
await expect(page).toHaveURL(/\/login/);
|
||
});
|