742 行
31 KiB
TypeScript
742 行
31 KiB
TypeScript
import type { Page, Route } from "@playwright/test";
|
|
|
|
import { test, expect } from "./helpers/fixtures";
|
|
import { login, MANAGER } from "./helpers/auth";
|
|
import { TEST_IDS } from "./helpers/testIds";
|
|
|
|
test.use({ serviceWorkers: "block" });
|
|
|
|
function envelope<T>(data: T) {
|
|
return { requestId: "mock-workflow-confirm", data };
|
|
}
|
|
|
|
async function fulfillJson<T>(route: Route, data: T) {
|
|
await route.fulfill({
|
|
status: 200,
|
|
contentType: "application/json",
|
|
body: JSON.stringify(envelope(data)),
|
|
});
|
|
}
|
|
|
|
const mockMe = {
|
|
id: "employee-confirm-manager",
|
|
employeeNo: "M-confirm",
|
|
name: "李研发",
|
|
email: "[email protected]",
|
|
phone: null,
|
|
roleCodes: ["manager"],
|
|
profileCompleteness: {
|
|
hasEmergencyContact: true,
|
|
hasBankAccount: true,
|
|
hasAvatar: false,
|
|
hasIdNumber: false,
|
|
score: 70,
|
|
},
|
|
};
|
|
|
|
const pendingTaskCreatedAt = new Date().toISOString();
|
|
|
|
const pendingTask = {
|
|
id: "task-confirm-1",
|
|
instanceId: "instance-confirm-1",
|
|
stepId: "manager-review",
|
|
stepName: "主管审批",
|
|
assigneeId: mockMe.id,
|
|
assigneeRole: "manager",
|
|
status: "pending",
|
|
outcome: null,
|
|
createdAt: pendingTaskCreatedAt,
|
|
completedAt: null,
|
|
workflowInstance: {
|
|
entityType: "leave",
|
|
entityId: "leave-confirm-1",
|
|
currentStatus: "reviewing",
|
|
},
|
|
businessSummary: {
|
|
reference: "QJ-CONFIRM-001",
|
|
title: "R7E 审批确认测试",
|
|
applicantName: "Employee",
|
|
amount: null,
|
|
duration: "1 天",
|
|
businessStatus: "reviewing",
|
|
},
|
|
allowedActions: ["approve", "reject", "return", "transfer"],
|
|
};
|
|
|
|
const pendingTaskDetail = {
|
|
task: {
|
|
id: pendingTask.id,
|
|
instanceId: pendingTask.instanceId,
|
|
stepId: pendingTask.stepId,
|
|
stepName: pendingTask.stepName,
|
|
assigneeId: pendingTask.assigneeId,
|
|
assigneeRole: pendingTask.assigneeRole,
|
|
status: pendingTask.status,
|
|
outcome: null,
|
|
comment: null,
|
|
createdAt: pendingTask.createdAt,
|
|
completedAt: null,
|
|
},
|
|
workflowInstance: {
|
|
id: pendingTask.instanceId,
|
|
entityType: "leave",
|
|
currentStatus: "reviewing",
|
|
currentStepId: "manager-review",
|
|
contextData: { standardViolations: [] },
|
|
startedAt: pendingTaskCreatedAt,
|
|
completedAt: null,
|
|
},
|
|
reimbursement: null,
|
|
leaveRequest: {
|
|
id: "leave-confirm-1",
|
|
status: "reviewing",
|
|
startDate: "2026-06-01",
|
|
endDate: "2026-06-01",
|
|
startSession: "am",
|
|
endSession: "pm",
|
|
requestedDays: 1,
|
|
reason: "R7E 审批动作确认",
|
|
attachment: null,
|
|
leaveType: { id: "annual", code: "annual", name: "年假" },
|
|
owner: { id: "employee-confirm-applicant", employeeNo: "E-confirm", name: "陈工程" },
|
|
},
|
|
purchaseRequest: null,
|
|
travelRequest: null,
|
|
allowedActions: pendingTask.allowedActions,
|
|
history: [],
|
|
};
|
|
|
|
function navigationItem(key: string, href: string, label: string, icon: string, placement = "main") {
|
|
return { key, href, label, icon, placement, permissionCodes: [], featureFlagKey: null };
|
|
}
|
|
|
|
async function mockWorkflowConfirmApis(page: Page, options: {
|
|
taskDetail?: typeof pendingTaskDetail | Record<string, unknown>;
|
|
reimbursementDetail?: Record<string, unknown>;
|
|
reimbursementDetailFailure?: boolean;
|
|
} = {}) {
|
|
const actionCalls = {
|
|
approve: 0,
|
|
reject: 0,
|
|
return: 0,
|
|
};
|
|
|
|
await page.route((url) => url.pathname.startsWith("/api/"), async (route) => {
|
|
const request = route.request();
|
|
const url = new URL(request.url());
|
|
const path = url.pathname;
|
|
|
|
if (path === "/api/auth/sso/providers") {
|
|
await fulfillJson(route, []);
|
|
return;
|
|
}
|
|
|
|
if (path === "/api/auth/wecom/config") {
|
|
await fulfillJson(route, {
|
|
enabled: true,
|
|
entryEnabled: true,
|
|
oauthEnabled: true,
|
|
corpId: "wx-test-corp",
|
|
agentId: "1000002",
|
|
loginUrl: "/api/auth/wecom/login?returnTo=%2Fportal",
|
|
bindEnabled: true,
|
|
defaultReturnTo: "/portal",
|
|
status: "ready",
|
|
statusReasons: [],
|
|
});
|
|
return;
|
|
}
|
|
|
|
if (path === "/api/auth/login" || path === "/api/auth/refresh") {
|
|
await route.fulfill({
|
|
status: 200,
|
|
contentType: "application/json",
|
|
headers: { "set-cookie": "has_session=1; Path=/; SameSite=Lax" },
|
|
body: JSON.stringify(envelope({
|
|
accessToken: "mock-workflow-confirm-token",
|
|
expiresIn: 900,
|
|
mustChangePassword: false,
|
|
})),
|
|
});
|
|
return;
|
|
}
|
|
|
|
if (path === "/api/auth/logout") {
|
|
await route.fulfill({
|
|
status: 200,
|
|
contentType: "application/json",
|
|
headers: { "set-cookie": "has_session=; Path=/; Max-Age=0" },
|
|
body: JSON.stringify(envelope({})),
|
|
});
|
|
return;
|
|
}
|
|
|
|
if (path === "/api/me") {
|
|
await fulfillJson(route, mockMe);
|
|
return;
|
|
}
|
|
|
|
if (path === "/api/system/navigation") {
|
|
await fulfillJson(route, {
|
|
workspace: {
|
|
id: "workspace-confirm",
|
|
persisted: true,
|
|
profile: "small_team_internal",
|
|
orgMode: "single_company",
|
|
primaryEntryMode: "password",
|
|
notificationStrategy: "in_app",
|
|
devicePriority: "desktop",
|
|
moduleVisibility: {},
|
|
createdAt: null,
|
|
updatedAt: null,
|
|
updatedBy: null,
|
|
},
|
|
sections: {
|
|
main: [
|
|
navigationItem("portal", "/portal", "工作台", "home_app_logo"),
|
|
navigationItem("workflow", "/workflow/tasks", "待我审批", "fact_check"),
|
|
],
|
|
admin: [],
|
|
backup: [],
|
|
},
|
|
recommendedRolePresets: [],
|
|
});
|
|
return;
|
|
}
|
|
|
|
if (path === "/api/notifications") {
|
|
await fulfillJson(route, {
|
|
page: 1,
|
|
pageSize: Number(url.searchParams.get("pageSize") ?? 5),
|
|
total: 0,
|
|
unreadOnly: url.searchParams.get("unreadOnly") === "1",
|
|
unreadCount: 0,
|
|
items: [],
|
|
});
|
|
return;
|
|
}
|
|
|
|
if (path === "/api/portal/home") {
|
|
await fulfillJson(route, {
|
|
hero: { title: "工作台", subtitle: "审批动作确认测试" },
|
|
metrics: [],
|
|
todos: [],
|
|
notifications: [],
|
|
});
|
|
return;
|
|
}
|
|
|
|
if (path === "/api/workflow/tasks/summary") {
|
|
await fulfillJson(route, {
|
|
scope: "mine",
|
|
pendingTotal: actionCalls.approve > 0 ? 0 : 1,
|
|
overdueTotal: 0,
|
|
earliestPendingAt: pendingTask.createdAt,
|
|
averagePendingAgeHours: 1,
|
|
byEntityType: [],
|
|
byStep: [],
|
|
byAssigneeRole: [],
|
|
});
|
|
return;
|
|
}
|
|
|
|
if (path === "/api/workflow/tasks") {
|
|
const status = url.searchParams.get("status") ?? "pending";
|
|
const items = status === "pending" && actionCalls.approve === 0 ? [pendingTask] : [];
|
|
await fulfillJson(route, {
|
|
page: 1,
|
|
pageSize: Number(url.searchParams.get("pageSize") ?? 20),
|
|
total: items.length,
|
|
items,
|
|
});
|
|
return;
|
|
}
|
|
|
|
if (/^\/api\/reimbursements\/[^/]+$/.test(path)) {
|
|
if (options.reimbursementDetailFailure) {
|
|
await route.fulfill({
|
|
status: 500,
|
|
contentType: "application/json",
|
|
body: JSON.stringify({ requestId: "mock-workflow-confirm", error: { code: "SYS_001", message: "合成加载失败", details: null } }),
|
|
});
|
|
} else {
|
|
await fulfillJson(route, options.reimbursementDetail ?? {});
|
|
}
|
|
return;
|
|
}
|
|
|
|
const actionMatch = path.match(/^\/api\/workflow\/tasks\/[^/]+\/(approve|reject|return)$/);
|
|
if (actionMatch) {
|
|
const action = actionMatch[1] as keyof typeof actionCalls;
|
|
actionCalls[action] += 1;
|
|
await fulfillJson(route, { ok: true });
|
|
return;
|
|
}
|
|
|
|
if (/^\/api\/workflow\/tasks\/[^/]+$/.test(path)) {
|
|
await fulfillJson(route, options.taskDetail ?? pendingTaskDetail);
|
|
return;
|
|
}
|
|
|
|
if (path === "/api/workflow/approvers") {
|
|
await fulfillJson(route, {
|
|
page: 1,
|
|
pageSize: 100,
|
|
total: 1,
|
|
items: [{ id: "employee-transfer-1", employeeNo: "E-transfer", name: "周审批" }],
|
|
});
|
|
return;
|
|
}
|
|
|
|
await fulfillJson(route, {});
|
|
});
|
|
|
|
return actionCalls;
|
|
}
|
|
|
|
test.describe("R7E 审批动作二次确认", () => {
|
|
test("PC 列表页不提供企微主办请假快捷通过", async ({ page }) => {
|
|
const actionCalls = await mockWorkflowConfirmApis(page);
|
|
|
|
await login(page, MANAGER);
|
|
await page.goto("/workflow/tasks");
|
|
await expect(page.getByTestId(TEST_IDS.workflow.tasksTable)).toBeVisible();
|
|
|
|
const taskRow = page.getByTestId(TEST_IDS.workflow.taskRow).filter({ hasText: "QJ-CONFIRM-001" });
|
|
await expect(taskRow).toHaveCount(1);
|
|
await expect(taskRow.getByTestId(TEST_IDS.workflow.detailLink)).toBeVisible();
|
|
await expect(taskRow.getByTestId(TEST_IDS.workflow.quickApprove)).toHaveCount(0);
|
|
expect(actionCalls.approve).toBe(0);
|
|
});
|
|
|
|
test("PC 审批详情通过、驳回、退回都先解释动作后果", async ({ page }) => {
|
|
const actionCalls = await mockWorkflowConfirmApis(page);
|
|
|
|
await login(page, MANAGER);
|
|
await page.goto(`/workflow/tasks/${pendingTask.id}`);
|
|
await expect(page.getByTestId("workflow-task-overview")).toBeVisible();
|
|
await expect(page.getByTestId("workflow-action-consequence-help")).toHaveCount(0);
|
|
|
|
await page.getByTestId("workflow-task-approve").click();
|
|
await expect(page.getByTestId("workflow-action-confirm-dialog")).toContainText("确认后将进入下一审批节点");
|
|
await page.getByTestId("workflow-action-confirm-cancel").click();
|
|
expect(actionCalls.approve).toBe(0);
|
|
|
|
await page.getByTestId("workflow-task-reject-toggle").click();
|
|
await expect(page.getByTestId("workflow-action-consequence-help")).toContainText("流程");
|
|
await page.getByTestId("workflow-task-reject-comment").fill("资料不符合要求，请重新发起。");
|
|
await page.getByTestId("workflow-task-reject").click();
|
|
await expect(page.getByTestId("workflow-action-confirm-dialog")).toContainText("流程将终止");
|
|
await page.getByTestId("workflow-action-confirm-cancel").click();
|
|
expect(actionCalls.reject).toBe(0);
|
|
|
|
await page.getByTestId("workflow-task-transfer-menu-item").click();
|
|
await expect(page.getByTestId("workflow-task-transfer-disabled-reason")).toHaveText("请先选择目标审批人。");
|
|
await expect(page.getByTestId("workflow-task-transfer")).toBeDisabled();
|
|
const transferApprover = page.getByTestId("workflow-task-transfer-approver");
|
|
const transferReason = page.getByTestId("workflow-task-transfer-reason");
|
|
await transferApprover.focus();
|
|
await expect(transferApprover).toBeFocused();
|
|
await page.keyboard.press("Tab");
|
|
await expect(transferReason).toBeFocused();
|
|
await transferApprover.selectOption("employee-transfer-1");
|
|
await transferReason.fill("理由太短");
|
|
await expect(page.getByTestId("workflow-task-transfer-disabled-reason")).toContainText("至少 10 个字");
|
|
await expect(page.getByTestId("workflow-task-transfer")).toBeDisabled();
|
|
await transferReason.fill("当前事项需转交对应审批人继续处理");
|
|
await expect(page.getByTestId("workflow-task-transfer-disabled-reason")).toHaveText("转审理由已满足要求。");
|
|
await expect(page.getByTestId("workflow-task-transfer")).toBeEnabled();
|
|
await transferReason.focus();
|
|
await page.keyboard.press("Tab");
|
|
await expect(page.getByTestId("workflow-task-transfer")).toBeFocused();
|
|
|
|
await page.getByTestId("workflow-task-return-toggle").click();
|
|
await page.getByTestId("workflow-task-return-comment").fill("请补充附件后重新提交。");
|
|
await page.getByTestId("workflow-task-return").click();
|
|
await expect(page.getByTestId("workflow-action-confirm-dialog")).toContainText("回到申请人修改态");
|
|
await page.getByTestId("workflow-action-confirm-submit").click();
|
|
await expect.poll(() => actionCalls.return).toBe(1);
|
|
});
|
|
|
|
for (const scenario of [
|
|
{
|
|
entityType: "leave",
|
|
label: "请假",
|
|
detail: { leaveRequest: pendingTaskDetail.leaveRequest },
|
|
expectedText: "R7E 审批动作确认",
|
|
},
|
|
{
|
|
entityType: "attendance_correction",
|
|
label: "补卡",
|
|
detail: {
|
|
attendanceCorrection: {
|
|
id: "attendance-confirm-1", status: "reviewing", kind: "missed_punch", workDate: "2026-09-02",
|
|
missedPunchAt: "09:05", startAt: null, endAt: null, locationSummary: "公司", compensationPolicy: "按实际打卡修正",
|
|
reason: "忘记打卡", owner: { id: "employee-confirm-applicant", employeeNo: "E-confirm", name: "陈工程" },
|
|
},
|
|
},
|
|
expectedText: "忘记打卡",
|
|
},
|
|
{
|
|
entityType: "purchase_request",
|
|
label: "采购",
|
|
detail: {
|
|
purchaseRequest: {
|
|
id: "purchase-confirm-1", requestNo: "CG-CONFIRM-001", title: "办公用品采购", status: "reviewing",
|
|
totalAmount: "800.00", currencyCode: "CNY", expectedDeliveryDate: "2026-09-10", reason: "补充日常库存",
|
|
applicant: { id: "employee-confirm-applicant", employeeNo: "E-confirm", name: "陈工程" },
|
|
supplier: { id: "supplier-confirm", name: "合成供应商" }, legalEntity: { id: "entity-confirm", name: "示例公司" },
|
|
costCenter: { id: "cost-center-confirm", name: "研发中心" },
|
|
},
|
|
},
|
|
expectedText: "办公用品采购",
|
|
},
|
|
{
|
|
entityType: "travel_request",
|
|
label: "差旅",
|
|
detail: {
|
|
travelRequest: {
|
|
id: "travel-confirm-1", requestNo: "CL-CONFIRM-001", status: "reviewing", tripType: "domestic",
|
|
startDate: "2026-09-10", endDate: "2026-09-12", estimatedAmount: "1800.00", purpose: "客户现场交流",
|
|
applicant: { id: "employee-confirm-applicant", employeeNo: "E-confirm", name: "陈工程" },
|
|
legalEntity: { id: "entity-confirm", name: "示例公司" }, costCenter: { id: "cost-center-confirm", name: "研发中心" },
|
|
},
|
|
},
|
|
expectedText: "客户现场交流",
|
|
},
|
|
]) {
|
|
test(`1280px ${scenario.label}审批保持通用详情与动作可达`, async ({ page }) => {
|
|
const taskDetail = {
|
|
...pendingTaskDetail,
|
|
workflowInstance: { ...pendingTaskDetail.workflowInstance, entityType: scenario.entityType },
|
|
reimbursement: null,
|
|
leaveRequest: null,
|
|
attendanceCorrection: null,
|
|
purchaseRequest: null,
|
|
travelRequest: null,
|
|
...scenario.detail,
|
|
};
|
|
await mockWorkflowConfirmApis(page, { taskDetail });
|
|
await page.setViewportSize({ width: 1280, height: 800 });
|
|
await login(page, MANAGER);
|
|
await page.goto(`/workflow/tasks/${pendingTask.id}`);
|
|
|
|
await expect(page.getByTestId("workflow-task-summary")).toContainText(scenario.expectedText);
|
|
await expect(page.getByRole("heading", { name: "处理历史" })).toBeVisible();
|
|
await expect(page.getByTestId("workflow-task-action-panel")).toBeVisible();
|
|
await expect(page.getByTestId("workflow-task-approve")).toBeEnabled();
|
|
expect(await page.evaluate(() => document.documentElement.scrollWidth <= document.documentElement.clientWidth + 2)).toBe(true);
|
|
});
|
|
}
|
|
|
|
test("PC 报销审批同屏展示证据、引用退回意见且不暴露维护动作", async ({ page }) => {
|
|
const reimbursementId = "bbbbbbbb-bbbb-4bbb-8bbb-bbbbbbbbbbbb";
|
|
const taskDetail = {
|
|
...pendingTaskDetail,
|
|
workflowInstance: {
|
|
...pendingTaskDetail.workflowInstance,
|
|
entityType: "reimbursement",
|
|
contextData: {
|
|
standardViolations: [{
|
|
itemId: "item-1", expenseTypeId: "type-1", expenseTypeName: "交通费", amount: "180.00",
|
|
standardId: "standard-1", standardName: "交通费标准", maxAmount: "120.00", perUnit: "item",
|
|
controlMode: "warn", scopeType: "global", scopeKey: null, exceeded: true, exceededAmount: "60.00",
|
|
}],
|
|
budgetCheck: null,
|
|
budgetCheckStatus: "missing",
|
|
parseStatus: "ready",
|
|
},
|
|
},
|
|
reimbursement: {
|
|
id: reimbursementId,
|
|
formNumber: "BX-APPROVAL-001",
|
|
status: "reviewing",
|
|
reimbursementDate: "2026-09-01",
|
|
totalAmount: "180.00",
|
|
description: "客户拜访交通费",
|
|
owner: { id: "owner", employeeNo: "E001", name: "申请人" },
|
|
submitter: { id: "owner", employeeNo: "E001", name: "申请人" },
|
|
},
|
|
leaveRequest: null,
|
|
allowedActions: ["approve", "return", "transfer"],
|
|
history: Array.from({ length: 6 }, (_, index) => ({
|
|
id: `history-${index + 1}`,
|
|
action: index === 0 ? "submit" : "approve",
|
|
actorName: index === 0 ? "申请人" : `审批人 ${index}`,
|
|
actorEmployeeNo: `E${index + 1}`,
|
|
comment: index === 5 ? "这是一条用于验证右栏长意见自然换行且不会把审批动作推到历史之后的合成长意见。".repeat(3) : `第 ${index + 1} 条处理意见`,
|
|
createdAt: pendingTaskCreatedAt,
|
|
})),
|
|
};
|
|
const reimbursementDetail = {
|
|
id: reimbursementId,
|
|
formNumber: "BX-APPROVAL-001",
|
|
status: "reviewing",
|
|
reimbursementDate: "2026-09-01",
|
|
totalAmount: "180.00",
|
|
description: "客户拜访交通费",
|
|
owner: { id: "owner", employeeNo: "E001", name: "申请人" },
|
|
items: [{
|
|
id: "item-1", expenseTypeId: "type-1", expenseDate: "2026-09-01", amount: "180.00",
|
|
description: "客户拜访打车", assetPriorApprovalBasis: null,
|
|
expenseType: { id: "type-1", code: "travel_taxi", name: "交通费", category: "travel", enabled: true, requiresInvoice: true },
|
|
}],
|
|
invoices: [
|
|
{
|
|
id: "invoice-1", status: "bound", invoiceCode: null, invoiceNumber: "FP-001", invoiceDate: "2026-09-01",
|
|
sellerName: "合成供应商", buyerName: null, documentCategory: "invoice", documentSubtype: null,
|
|
totalAmount: "120.00", originalName: "invoice.pdf", mimeType: "application/pdf", fileSize: 100,
|
|
linkedItemId: "item-1", amountEvidenceStatus: "verified",
|
|
},
|
|
{
|
|
id: "invoice-2", status: "bound", invoiceCode: null, invoiceNumber: "FP-002", invoiceDate: "2026-09-01",
|
|
sellerName: "合成供应商", buyerName: null, documentCategory: "invoice", documentSubtype: null,
|
|
totalAmount: null, originalName: "unlinked.pdf", mimeType: "application/pdf", fileSize: 100,
|
|
linkedItemId: null, amountEvidenceStatus: "manual_review",
|
|
},
|
|
],
|
|
attachments: [{ id: "attachment-1", originalName: "说明.pdf", mimeType: "application/pdf", fileSize: 100, createdAt: pendingTaskCreatedAt }],
|
|
};
|
|
await mockWorkflowConfirmApis(page, { taskDetail, reimbursementDetail });
|
|
|
|
await login(page, MANAGER);
|
|
await page.goto(`/workflow/tasks/${pendingTask.id}`);
|
|
|
|
await expect(page.getByRole("heading", { name: "报销单 BX-APPROVAL-001" })).toHaveCount(1);
|
|
await expect(page.getByText("客户拜访交通费", { exact: true })).toHaveCount(1);
|
|
await expect(page.getByTestId("reimbursement-approval-evidence")).toContainText("客户拜访打车");
|
|
await expect(page.getByTestId("reimbursement-amount-summary")).toContainText("明细合计");
|
|
await expect(page.getByTestId("reimbursement-amount-summary")).toContainText("¥180.00");
|
|
await expect(page.getByText("报销总额与明细汇总不一致，请联系管理员")).toHaveCount(0);
|
|
await expect(page.getByText("明细金额无法完整核对，请联系管理员")).toHaveCount(0);
|
|
const actionPanel = page.getByTestId("workflow-task-action-panel");
|
|
await expect(actionPanel.getByText("完整内容已就绪", { exact: true })).toHaveCount(0);
|
|
await expect(actionPanel.getByText(/^节点：/)).toHaveCount(0);
|
|
await expect(actionPanel.getByText(/^状态：/)).toHaveCount(0);
|
|
await expect(actionPanel.getByText(/^审批角色：/)).toHaveCount(0);
|
|
await expect(page.getByTestId("workflow-task-approve")).toBeEnabled();
|
|
await expect(page.getByTestId("workflow-task-return-toggle")).toBeEnabled();
|
|
await expect(page.getByTestId("workflow-task-reject-toggle")).toHaveCount(0);
|
|
await expect(page.getByTestId("workflow-task-transfer-menu-item")).toBeEnabled();
|
|
const primaryActions = page.getByTestId("reimbursement-approval-primary-actions");
|
|
await expect(primaryActions.getByRole("button")).toHaveCount(2);
|
|
await expect(primaryActions.getByRole("button", { name: "通过" })).toBeVisible();
|
|
await expect(primaryActions.getByRole("button", { name: "退回修改" })).toBeVisible();
|
|
const approveBox = await page.getByTestId("workflow-task-approve").boundingBox();
|
|
const returnBox = await page.getByTestId("workflow-task-return-toggle").boundingBox();
|
|
expect(approveBox).not.toBeNull();
|
|
expect(returnBox).not.toBeNull();
|
|
expect(Math.abs(approveBox!.height - returnBox!.height)).toBeLessThanOrEqual(1);
|
|
expect(approveBox!.y).toBe(returnBox!.y);
|
|
await expect(page.getByTestId("reimbursement-workflow-history").locator(".detail-timeline-item")).toHaveCount(6);
|
|
await expect(page.getByRole("heading", { name: "处理历史" })).toHaveCount(1);
|
|
const actionBox = await actionPanel.boundingBox();
|
|
const historyBox = await page.getByTestId("reimbursement-workflow-history").boundingBox();
|
|
expect(actionBox).not.toBeNull();
|
|
expect(historyBox).not.toBeNull();
|
|
expect(actionBox!.y + actionBox!.height).toBeLessThanOrEqual(historyBox!.y);
|
|
expect(await page.evaluate(() => document.documentElement.scrollWidth <= document.documentElement.clientWidth + 2)).toBe(true);
|
|
await expect(page.getByTestId("approval-unlinked-invoices")).toContainText("FP-002");
|
|
await expect(page.locator("#reimbursement-workspace-snapshot")).toContainText("该次提交未留存预算快照");
|
|
await expect(page.getByText("当前申报金额高于已读取的票面金额合计")).toBeVisible();
|
|
await expect(page.getByTestId("workflow-task-overview")).toHaveCount(0);
|
|
await expect(page.getByTestId("workflow-task-summary")).toHaveCount(0);
|
|
await expect(page.getByText("打开完整原始表单")).toHaveCount(0);
|
|
await expect(page.getByText(/0 条/)).toHaveCount(0);
|
|
await expect(page.getByTestId("approval-item-evidence").getByRole("button")).toHaveCount(0);
|
|
await expect(page.getByRole("button", { name: "删除明细" })).toHaveCount(0);
|
|
await expect(page.getByRole("button", { name: "选择明细" })).toHaveCount(0);
|
|
await expect(page.getByText("引用到退回意见")).toHaveCount(0);
|
|
await expect(page.getByTestId("reimbursement-return-reference-picker")).toHaveCount(0);
|
|
|
|
await page.getByTestId("workflow-task-return-toggle").click();
|
|
await expect(page.getByTestId("reimbursement-return-reference-picker")).toBeVisible();
|
|
await page.getByTestId("approval-reference-item").click();
|
|
await expect(page.getByTestId("workflow-task-return-comment")).toHaveValue(/【明细：交通费 · 2026-09-01 · ¥180\.00】/);
|
|
});
|
|
|
|
test("PC 报销内容加载失败时全部可见审批入口 fail closed", async ({ page }) => {
|
|
const taskDetail = {
|
|
...pendingTaskDetail,
|
|
workflowInstance: {
|
|
...pendingTaskDetail.workflowInstance,
|
|
entityType: "reimbursement",
|
|
contextData: { standardViolations: [], budgetCheck: null, budgetCheckStatus: "available", parseStatus: "ready" },
|
|
},
|
|
reimbursement: {
|
|
id: "bbbbbbbb-bbbb-4bbb-8bbb-bbbbbbbbbbbb", formNumber: "BX-FAIL-001", status: "reviewing",
|
|
reimbursementDate: "2026-09-01", totalAmount: "100.00", description: "合成失败场景",
|
|
owner: { id: "owner", employeeNo: "E001", name: "申请人" }, submitter: { id: "owner", employeeNo: "E001", name: "申请人" },
|
|
},
|
|
leaveRequest: null,
|
|
allowedActions: ["approve", "return", "transfer"],
|
|
};
|
|
await mockWorkflowConfirmApis(page, { taskDetail, reimbursementDetailFailure: true });
|
|
|
|
await login(page, MANAGER);
|
|
await page.goto(`/workflow/tasks/${pendingTask.id}`);
|
|
await expect(page.getByRole("alert")).toContainText("报销内容未加载完整，暂不能审批，请刷新后重试");
|
|
await expect(page.getByTestId("workflow-task-approve")).toBeDisabled();
|
|
await expect(page.getByTestId("workflow-task-return-toggle")).toBeDisabled();
|
|
await expect(page.getByTestId("workflow-task-reject-toggle")).toHaveCount(0);
|
|
await expect(page.getByTestId("workflow-task-transfer-menu-item")).toBeDisabled();
|
|
});
|
|
|
|
test("移动报销审批保留正文末尾历史且底部动作不遮挡", async ({ page }) => {
|
|
const reimbursementId = "reimbursement-mobile-history";
|
|
const taskDetail = {
|
|
...pendingTaskDetail,
|
|
workflowInstance: {
|
|
...pendingTaskDetail.workflowInstance,
|
|
entityType: "reimbursement",
|
|
contextData: { standardViolations: [], budgetCheck: null, budgetCheckStatus: "available", parseStatus: "ready" },
|
|
},
|
|
reimbursement: {
|
|
id: reimbursementId,
|
|
formNumber: "BX-MOBILE-HISTORY",
|
|
status: "reviewing",
|
|
reimbursementDate: "2026-09-01",
|
|
totalAmount: "100.00",
|
|
description: "移动端历史布局",
|
|
owner: { id: "owner", employeeNo: "E001", name: "申请人" },
|
|
submitter: { id: "owner", employeeNo: "E001", name: "申请人" },
|
|
},
|
|
leaveRequest: null,
|
|
allowedActions: ["approve", "return", "transfer"],
|
|
history: Array.from({ length: 6 }, (_, index) => ({
|
|
id: `mobile-history-${index + 1}`,
|
|
action: index === 0 ? "submit" : "approve",
|
|
actorName: index === 0 ? "申请人" : `审批人 ${index}`,
|
|
actorEmployeeNo: `M${index + 1}`,
|
|
comment: index === 5 ? "用于验证移动端长意见换行与底部安全区的合成长意见。".repeat(4) : `移动端第 ${index + 1} 条意见`,
|
|
createdAt: pendingTaskCreatedAt,
|
|
})),
|
|
};
|
|
const reimbursementDetail = {
|
|
id: reimbursementId,
|
|
formNumber: "BX-MOBILE-HISTORY",
|
|
status: "reviewing",
|
|
reimbursementDate: "2026-09-01",
|
|
totalAmount: "100.00",
|
|
description: "移动端历史布局",
|
|
owner: { id: "owner", employeeNo: "E001", name: "申请人" },
|
|
items: [{
|
|
id: "mobile-item",
|
|
expenseTypeId: "mobile-type",
|
|
expenseDate: "2026-09-01",
|
|
amount: "100.00",
|
|
description: "移动端合成明细",
|
|
assetPriorApprovalBasis: null,
|
|
expenseType: { id: "mobile-type", code: "travel_meal", name: "伙食补助费", category: "travel", enabled: true, requiresInvoice: false },
|
|
}],
|
|
invoices: [],
|
|
attachments: [],
|
|
};
|
|
await mockWorkflowConfirmApis(page, { taskDetail, reimbursementDetail });
|
|
await page.setViewportSize({ width: 375, height: 667 });
|
|
await login(page, MANAGER);
|
|
await page.goto(`/mobile/approvals/${pendingTask.id}`);
|
|
|
|
await expect(page.getByTestId("reimbursement-amount-summary")).toContainText("¥100.00");
|
|
await expect(page.locator("#reimbursement-workspace-snapshot")).toHaveCount(0);
|
|
await expect(page.getByTestId("reimbursement-workflow-history").locator(".detail-timeline-item")).toHaveCount(6);
|
|
const stickyActions = page.getByTestId("mobile-approvals-sticky-actions");
|
|
await expect(stickyActions.getByRole("button", { name: "退回修改" })).toBeVisible();
|
|
await expect(stickyActions.getByRole("button", { name: "通过" })).toBeVisible();
|
|
await expect(page.getByTestId("mobile-approvals-reject")).toHaveCount(0);
|
|
const assertMobileGeometry = async () => {
|
|
expect(await page.evaluate(() => document.documentElement.scrollWidth <= document.documentElement.clientWidth + 2)).toBe(true);
|
|
const lastHistory = page.getByTestId("reimbursement-workflow-history").locator(".detail-timeline-item").last();
|
|
await page.evaluate(() => {
|
|
const scroller = document.querySelector<HTMLElement>(".hyb-mobile-shell .overflow-y-auto");
|
|
scroller?.scrollTo(0, scroller.scrollHeight);
|
|
});
|
|
const historyBox = await lastHistory.boundingBox();
|
|
const stickyBox = await page.getByTestId("mobile-approvals-sticky-actions").boundingBox();
|
|
expect(historyBox).not.toBeNull();
|
|
expect(stickyBox).not.toBeNull();
|
|
expect(historyBox!.y + historyBox!.height).toBeLessThanOrEqual(stickyBox!.y);
|
|
};
|
|
await assertMobileGeometry();
|
|
await page.setViewportSize({ width: 667, height: 375 });
|
|
await assertMobileGeometry();
|
|
});
|
|
|
|
for (const scenario of [
|
|
{
|
|
name: "权威总额与明细汇总不一致",
|
|
itemAmount: "99.99",
|
|
expectedMessage: "报销总额与明细汇总不一致，请联系管理员",
|
|
},
|
|
{
|
|
name: "明细金额无法解析",
|
|
itemAmount: "invalid",
|
|
expectedMessage: "明细金额无法完整核对，请联系管理员",
|
|
},
|
|
]) {
|
|
test(`PC 报销${scenario.name}时全部可见审批入口 fail closed`, async ({ page }) => {
|
|
const reimbursementId = `reimbursement-integrity-${scenario.itemAmount === "invalid" ? "unavailable" : "mismatch"}`;
|
|
const taskDetail = {
|
|
...pendingTaskDetail,
|
|
workflowInstance: {
|
|
...pendingTaskDetail.workflowInstance,
|
|
entityType: "reimbursement",
|
|
contextData: { standardViolations: [], budgetCheck: null, budgetCheckStatus: "not_applicable", parseStatus: "ready" },
|
|
},
|
|
reimbursement: {
|
|
id: reimbursementId,
|
|
formNumber: "BX-INTEGRITY-001",
|
|
status: "reviewing",
|
|
reimbursementDate: "2026-09-01",
|
|
totalAmount: "100.00",
|
|
description: "合成完整性场景",
|
|
owner: { id: "owner", employeeNo: "E001", name: "申请人" },
|
|
submitter: { id: "owner", employeeNo: "E001", name: "申请人" },
|
|
},
|
|
leaveRequest: null,
|
|
allowedActions: ["approve", "return", "transfer"],
|
|
};
|
|
const reimbursementDetail = {
|
|
id: reimbursementId,
|
|
formNumber: "BX-INTEGRITY-001",
|
|
status: "reviewing",
|
|
reimbursementDate: "2026-09-01",
|
|
totalAmount: "100.00",
|
|
description: "合成完整性场景",
|
|
owner: { id: "owner", employeeNo: "E001", name: "申请人" },
|
|
items: [{
|
|
id: "item-integrity",
|
|
expenseTypeId: "type-integrity",
|
|
expenseDate: "2026-09-01",
|
|
amount: scenario.itemAmount,
|
|
description: "完整性核对明细",
|
|
assetPriorApprovalBasis: null,
|
|
expenseType: { id: "type-integrity", code: "office_supplies", name: "办公用品", category: "office", enabled: true, requiresInvoice: false },
|
|
}],
|
|
invoices: [],
|
|
attachments: [],
|
|
};
|
|
await mockWorkflowConfirmApis(page, { taskDetail, reimbursementDetail });
|
|
|
|
await login(page, MANAGER);
|
|
await page.goto(`/workflow/tasks/${pendingTask.id}`);
|
|
|
|
await expect(page.getByTestId("reimbursement-amount-summary")).toContainText("¥100.00");
|
|
await expect(page.locator("#reimbursement-workspace-snapshot")).toHaveCount(0);
|
|
const blockReason = page.getByTestId("reimbursement-approval-block-reason");
|
|
await expect(blockReason).toHaveText(scenario.expectedMessage);
|
|
const primaryAction = page.getByTestId("workflow-task-approve");
|
|
const blockReasonBox = await blockReason.boundingBox();
|
|
const primaryActionBox = await primaryAction.boundingBox();
|
|
expect(blockReasonBox).not.toBeNull();
|
|
expect(primaryActionBox).not.toBeNull();
|
|
expect(blockReasonBox!.y + blockReasonBox!.height).toBeLessThanOrEqual(primaryActionBox!.y);
|
|
await expect(page.getByText("差额", { exact: true })).toHaveCount(0);
|
|
await expect(page.getByTestId("workflow-task-approve")).toBeDisabled();
|
|
await expect(page.getByTestId("workflow-task-return-toggle")).toBeDisabled();
|
|
await expect(page.getByTestId("workflow-task-reject-toggle")).toHaveCount(0);
|
|
await expect(page.getByTestId("workflow-task-transfer-menu-item")).toBeDisabled();
|
|
});
|
|
}
|
|
});
|