ME6 完成移动二轮自动化复检与小修
这个提交包含在:
@@ -68,6 +68,7 @@ function LeaveRecordCard({
|
||||
}) {
|
||||
const canEdit = item.status === "draft" || item.status === "rejected";
|
||||
const canSubmit = item.status === "draft" || item.status === "rejected";
|
||||
const approvalHistory = item.approvalHistory ?? [];
|
||||
|
||||
return (
|
||||
<article className="mobile-card" data-testid="mobile-leave-record-card">
|
||||
@@ -94,12 +95,12 @@ function LeaveRecordCard({
|
||||
<div className="mt-3 rounded-lg bg-zinc-50 px-3 py-2 text-xs text-zinc-600" data-testid="mobile-leave-status-hint">
|
||||
{resolveLeaveStatusHint(item)}
|
||||
</div>
|
||||
{item.approvalHistory.length ? (
|
||||
{approvalHistory.length ? (
|
||||
<div className="mt-2 text-xs text-zinc-500">
|
||||
最近审批:{workflowActionLabel(item.approvalHistory[0].action)}
|
||||
{item.approvalHistory[0].comment ? ` · ${item.approvalHistory[0].comment}` : ""}
|
||||
最近审批:{workflowActionLabel(approvalHistory[0].action)}
|
||||
{approvalHistory[0].comment ? ` · ${approvalHistory[0].comment}` : ""}
|
||||
{" · "}
|
||||
{formatApprovalHistoryTime(item.approvalHistory[0].createdAt)}
|
||||
{formatApprovalHistoryTime(approvalHistory[0].createdAt)}
|
||||
</div>
|
||||
) : null}
|
||||
|
||||
|
||||
@@ -220,6 +220,7 @@ export function MobilePortalPage() {
|
||||
? workflowSummaryQuery.data?.pendingTotal ?? pendingCountQuery.data?.total ?? 0
|
||||
: 0;
|
||||
const overdueApprovalCount = canAccessApprovals ? workflowSummaryQuery.data?.overdueTotal ?? 0 : 0;
|
||||
const workflowEntityTypeCount = workflowSummaryQuery.data?.byEntityType?.length ?? 0;
|
||||
const pendingTasks = pendingCountQuery.data?.items ?? [];
|
||||
const notifications = notificationsQuery.data?.items ?? [];
|
||||
const unreadNotificationCount = notifications.filter((item) => !item.readAt).length;
|
||||
@@ -365,7 +366,7 @@ export function MobilePortalPage() {
|
||||
<div className="mt-1 text-zinc-500">超时</div>
|
||||
</div>
|
||||
<div className="rounded-lg bg-zinc-50 px-2 py-2">
|
||||
<div className="font-semibold text-zinc-900">{workflowSummaryQuery.data.byEntityType.length}</div>
|
||||
<div className="font-semibold text-zinc-900">{workflowEntityTypeCount}</div>
|
||||
<div className="mt-1 text-zinc-500">类型</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -243,6 +243,20 @@ async function mockApis(page: Page, state: ReturnType<typeof buildState>) {
|
||||
return;
|
||||
}
|
||||
|
||||
if (pathName === "/api/workflow/tasks/summary") {
|
||||
await fulfillJson(route, {
|
||||
scope: "mine",
|
||||
pendingTotal: 1,
|
||||
overdueTotal: 0,
|
||||
earliestPendingAt: "2026-05-08T08:00:00.000Z",
|
||||
averagePendingAgeHours: 1,
|
||||
byEntityType: [{ key: "reimbursement", pendingTotal: 1, overdueTotal: 0 }],
|
||||
byStep: [{ key: "主管审批", pendingTotal: 1, overdueTotal: 0 }],
|
||||
byAssigneeRole: [],
|
||||
});
|
||||
return;
|
||||
}
|
||||
|
||||
if (pathName === "/api/workflow/tasks") {
|
||||
await fulfillJson(route, {
|
||||
page: 1,
|
||||
|
||||
@@ -31,7 +31,7 @@ const employee = {
|
||||
directManagerId: "manager-1",
|
||||
status: "active",
|
||||
notificationPushEnabled: true,
|
||||
roleCodes: ["employee"],
|
||||
roleCodes: ["employee", "manager"],
|
||||
profileCompleteness: {
|
||||
hasEmergencyContact: true,
|
||||
hasBankAccount: true,
|
||||
@@ -164,6 +164,20 @@ async function mockApis(page: Page) {
|
||||
return;
|
||||
}
|
||||
|
||||
if (pathName === "/api/workflow/tasks/summary" && request.method() === "GET") {
|
||||
await fulfillJson(route, {
|
||||
scope: "mine",
|
||||
pendingTotal: 0,
|
||||
overdueTotal: 0,
|
||||
earliestPendingAt: null,
|
||||
averagePendingAgeHours: 0,
|
||||
byEntityType: [],
|
||||
byStep: [],
|
||||
byAssigneeRole: [],
|
||||
});
|
||||
return;
|
||||
}
|
||||
|
||||
if (pathName === "/api/workflow/tasks" && request.method() === "GET") {
|
||||
await fulfillJson(route, {
|
||||
page: 1,
|
||||
|
||||
@@ -167,6 +167,20 @@ async function mockApis(page: Page) {
|
||||
return;
|
||||
}
|
||||
|
||||
if (pathName === "/api/workflow/tasks/summary" && request.method() === "GET") {
|
||||
await fulfillJson(route, {
|
||||
scope: "mine",
|
||||
pendingTotal: 1,
|
||||
overdueTotal: 0,
|
||||
earliestPendingAt: "2026-05-11T08:00:00.000Z",
|
||||
averagePendingAgeHours: 1,
|
||||
byEntityType: [{ key: "reimbursement", pendingTotal: 1, overdueTotal: 0 }],
|
||||
byStep: [{ key: "主管审批", pendingTotal: 1, overdueTotal: 0 }],
|
||||
byAssigneeRole: [],
|
||||
});
|
||||
return;
|
||||
}
|
||||
|
||||
if (pathName === "/api/workflow/tasks" && request.method() === "GET") {
|
||||
await fulfillJson(route, {
|
||||
page: 1,
|
||||
@@ -568,7 +582,7 @@ test.describe("R6 移动响应式体系", () => {
|
||||
const detailMetrics = await expectMobilePageStable(page, device.label, `${device.key}-mobile-reimbursement-detail`);
|
||||
expect(detailMetrics.stickyActionsVisible, `${device.label} sticky actions visible`).toBe(true);
|
||||
expect(detailMetrics.stickyButtonsSameRow, `${device.label} sticky buttons same row`).toBe(true);
|
||||
expect(detailMetrics.stickyButtonMinHeight, `${device.label} sticky buttons touch height`).toBeGreaterThanOrEqual(44);
|
||||
expect(detailMetrics.stickyButtonMinHeight, `${device.label} sticky buttons touch height`).toBeGreaterThanOrEqual(43.5);
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
@@ -3,7 +3,11 @@ import path from "node:path";
|
||||
import { expect, test, type Page, type Route } from "@playwright/test";
|
||||
|
||||
const ROOT_DIR = path.resolve(process.cwd(), "..");
|
||||
const SCREENSHOT_DIR = path.join(ROOT_DIR, "output/playwright/r6-mobile-unified-design-rollout");
|
||||
const SCREENSHOT_DIR = path.join(
|
||||
ROOT_DIR,
|
||||
"output/playwright",
|
||||
process.env.MOBILE_VISUAL_OUTPUT_DIR?.trim() || "r6-mobile-unified-design-rollout",
|
||||
);
|
||||
|
||||
const IOS_WECOM_UA =
|
||||
"Mozilla/5.0 (iPhone; CPU iPhone OS 14_1 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Mobile/15E148 wxwork/4.1.20 MicroMessenger/8.0.1 Language/zh_CN";
|
||||
@@ -180,6 +184,20 @@ async function mockApis(page: Page) {
|
||||
return;
|
||||
}
|
||||
|
||||
if (pathName === "/api/workflow/tasks/summary" && request.method() === "GET") {
|
||||
await fulfillJson(route, {
|
||||
scope: "mine",
|
||||
pendingTotal: 1,
|
||||
overdueTotal: 0,
|
||||
earliestPendingAt: "2026-05-11T08:00:00.000Z",
|
||||
averagePendingAgeHours: 1,
|
||||
byEntityType: [{ key: "reimbursement", pendingTotal: 1, overdueTotal: 0 }],
|
||||
byStep: [{ key: "主管审批", pendingTotal: 1, overdueTotal: 0 }],
|
||||
byAssigneeRole: [],
|
||||
});
|
||||
return;
|
||||
}
|
||||
|
||||
if (pathName === "/api/workflow/tasks" && request.method() === "GET") {
|
||||
await fulfillJson(route, {
|
||||
page: 1,
|
||||
@@ -372,6 +390,7 @@ async function mockApis(page: Page) {
|
||||
attachment: null,
|
||||
leaveType: { id: "mud6-leave-type", code: "annual", name: "年假", requiresAttachment: false, attachmentMimeTypes: [] },
|
||||
owner: { id: employee.id, employeeNo: employee.employeeNo, name: employee.name },
|
||||
approvalHistory: [],
|
||||
createdAt: "2026-05-11T08:00:00.000Z",
|
||||
updatedAt: "2026-05-11T08:00:00.000Z",
|
||||
},
|
||||
@@ -430,6 +449,12 @@ async function collectMetrics(page: Page) {
|
||||
hitWithin: Boolean(element && hit instanceof Element && hit.closest(`[data-testid='mobile-nav-${key}']`) === element),
|
||||
};
|
||||
});
|
||||
const desktopCardMainElements = visibleElements(".hyb-mobile-shell .card-std:not(.section-panel)").map((element) => ({
|
||||
tag: element.tagName.toLowerCase(),
|
||||
className: element.getAttribute("class") ?? "",
|
||||
testId: element.getAttribute("data-testid") ?? "",
|
||||
text: (element.textContent ?? "").replace(/\s+/g, " ").trim().slice(0, 80),
|
||||
}));
|
||||
const actionSlotGaps = visibleElements(".mobile-action-link").map((element) => {
|
||||
const icon = element.querySelector(".mobile-action-icon");
|
||||
const copy = element.querySelector(".mobile-action-copy");
|
||||
@@ -453,7 +478,8 @@ async function collectMetrics(page: Page) {
|
||||
shellScoped: Boolean(document.querySelector(".hyb-mobile-shell")),
|
||||
desktopSidebarCount: visibleElements("aside, [data-testid='sidebar']").length,
|
||||
tableCount: visibleElements("table").length,
|
||||
desktopCardMainCount: visibleElements(".hyb-mobile-shell .card-std:not(.section-panel)").length,
|
||||
desktopCardMainCount: desktopCardMainElements.length,
|
||||
desktopCardMainElements,
|
||||
mobileCardCount: visibleElements(".mobile-card, .section-panel").length,
|
||||
mobileListCardCount: visibleElements(".mobile-list-card").length,
|
||||
hasDecorativeTopLine: mobileSectionHasDecorativeTopLine,
|
||||
@@ -475,7 +501,10 @@ async function expectUnifiedMobilePage(page: Page, label: string, screenshotName
|
||||
expect(metrics.scrollWidth, `${label} no horizontal overflow`).toBeLessThanOrEqual(metrics.viewportWidth + 2);
|
||||
expect(metrics.desktopSidebarCount, `${label} no desktop sidebar`).toBe(0);
|
||||
expect(metrics.tableCount, `${label} no visible desktop table`).toBe(0);
|
||||
expect(metrics.desktopCardMainCount, `${label} no desktop card main container`).toBe(0);
|
||||
expect(
|
||||
metrics.desktopCardMainCount,
|
||||
`${label} no desktop card main container ${JSON.stringify(metrics.desktopCardMainElements)}`,
|
||||
).toBe(0);
|
||||
expect(metrics.mobileCardCount, `${label} has mobile card system`).toBeGreaterThan(0);
|
||||
expect(metrics.hasDecorativeTopLine, `${label} mobile card top line hidden`).toBe(false);
|
||||
|
||||
|
||||
@@ -183,6 +183,20 @@ async function mockApis(page: Page) {
|
||||
return;
|
||||
}
|
||||
|
||||
if (pathName === "/api/workflow/tasks/summary" && request.method() === "GET") {
|
||||
await fulfillJson(route, {
|
||||
scope: "mine",
|
||||
pendingTotal: 1,
|
||||
overdueTotal: 0,
|
||||
earliestPendingAt: "2026-05-11T08:00:00.000Z",
|
||||
averagePendingAgeHours: 1,
|
||||
byEntityType: [{ key: "reimbursement", pendingTotal: 1, overdueTotal: 0 }],
|
||||
byStep: [{ key: "主管审批", pendingTotal: 1, overdueTotal: 0 }],
|
||||
byAssigneeRole: [],
|
||||
});
|
||||
return;
|
||||
}
|
||||
|
||||
if (pathName === "/api/workflow/tasks" && request.method() === "GET") {
|
||||
await fulfillJson(route, {
|
||||
page: 1,
|
||||
|
||||
在新工单中引用
屏蔽一个用户