82 行
3.6 KiB
TypeScript
82 行
3.6 KiB
TypeScript
import type { APIRequestContext } from "@playwright/test";
|
|
|
|
import { test, expect } from "./helpers/fixtures";
|
|
import { EMPLOYEE, createAuthenticatedApiClient, login, logout } from "./helpers/auth";
|
|
import { openNavLink } from "./helpers/navigation";
|
|
|
|
async function firstEnabledExpenseTypeId(api: APIRequestContext) {
|
|
const response = await api.get("/api/expense-types?enabled=true");
|
|
const payload = await response.json() as { data?: { items?: Array<{ id: string; enabled?: boolean }> } };
|
|
const item = payload.data?.items?.find((candidate) => candidate.enabled !== false) ?? payload.data?.items?.[0];
|
|
if (!response.ok() || !item?.id) {
|
|
throw new Error(`无法读取费用类型：HTTP ${response.status()}`);
|
|
}
|
|
return item.id;
|
|
}
|
|
|
|
async function createReimbursementItem(api: APIRequestContext, reimbursementId: string) {
|
|
const expenseTypeId = await firstEnabledExpenseTypeId(api);
|
|
const response = await api.post(`/api/reimbursements/${reimbursementId}/items`, {
|
|
data: {
|
|
expenseTypeId,
|
|
expenseDate: "2026-05-13",
|
|
amount: "168.30",
|
|
description: "E2E 报销审批进度明细",
|
|
},
|
|
});
|
|
if (!response.ok()) {
|
|
throw new Error(`创建报销明细失败：HTTP ${response.status()}`);
|
|
}
|
|
}
|
|
|
|
test("E2E 报销处理进度：提交后详情页展示五阶段职责进度", async ({ page, reimbursementDetail }) => {
|
|
const apiClient = await createAuthenticatedApiClient(EMPLOYEE);
|
|
await login(page, EMPLOYEE);
|
|
|
|
try {
|
|
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();
|
|
await page.getByRole("menuitem", { name: "空白报销" }).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 createReimbursementItem(apiClient.api, reimbursementId);
|
|
|
|
await page.goto(`/reimbursements/${reimbursementId}`);
|
|
await reimbursementDetail.assertLoaded();
|
|
|
|
const marker = `MOCK_E2E_${Date.now()}_${Math.random().toString(16).slice(2)}`;
|
|
await reimbursementDetail.uploadInvoicePdf(
|
|
`progress-${Date.now()}.pdf`,
|
|
Buffer.from(`%PDF-1.4\n${marker}\n%%EOF\n`, "utf8"),
|
|
);
|
|
|
|
await page.goto(`/reimbursements/${reimbursementId}`);
|
|
await reimbursementDetail.assertLoaded();
|
|
await reimbursementDetail.submitReimbursement();
|
|
|
|
await expect(page.getByText(/reviewing|审批中/).first()).toBeVisible({ timeout: 30_000 });
|
|
await expect(reimbursementDetail.workflowProgress).toBeVisible({ timeout: 30_000 });
|
|
await expect(reimbursementDetail.workflowProgress).toContainText("申请提交");
|
|
await expect(reimbursementDetail.workflowProgress).toContainText("主管审批");
|
|
await expect(reimbursementDetail.workflowProgress).toContainText("财务复核");
|
|
await expect(reimbursementDetail.workflowProgress).toContainText("付款批次复核");
|
|
await expect(reimbursementDetail.workflowProgress).toContainText("付款与回单");
|
|
await expect(reimbursementDetail.workflowProgress).not.toContainText(/第 \d+ 步/);
|
|
|
|
await logout(page, EMPLOYEE.name);
|
|
} finally {
|
|
await apiClient.dispose();
|
|
}
|
|
});
|