R89 A6-A7 移动触控与回归补齐
这个提交包含在：
@@ -0,0 +1,435 @@
|
||||
import { devices, expect, test, type Page, type Route } from "@playwright/test";
|
||||
|
||||
function browserAgnosticDevice(name: keyof typeof devices) {
|
||||
const device = devices[name];
|
||||
return {
|
||||
viewport: device.viewport,
|
||||
userAgent: device.userAgent,
|
||||
deviceScaleFactor: device.deviceScaleFactor,
|
||||
isMobile: device.isMobile,
|
||||
hasTouch: device.hasTouch,
|
||||
};
|
||||
}
|
||||
|
||||
function envelope(data: unknown) {
|
||||
return {
|
||||
requestId: "mock-r89",
|
||||
data,
|
||||
};
|
||||
}
|
||||
|
||||
async function fulfillJson(route: Route, data: unknown, status = 200) {
|
||||
await route.fulfill({
|
||||
status,
|
||||
contentType: "application/json",
|
||||
body: JSON.stringify(envelope(data)),
|
||||
});
|
||||
}
|
||||
|
||||
const mockMe = {
|
||||
id: "employee-mock-1",
|
||||
employeeNo: "M001",
|
||||
name: "Manager",
|
||||
phone: "13800000000",
|
||||
email: "[email protected]",
|
||||
departmentId: "dept-1",
|
||||
directManagerId: null,
|
||||
status: "active",
|
||||
notificationPushEnabled: true,
|
||||
roleCodes: ["manager"],
|
||||
profileCompleteness: {
|
||||
hasEmergencyContact: true,
|
||||
hasBankAccount: true,
|
||||
hasAvatar: false,
|
||||
hasIdNumber: false,
|
||||
score: 50,
|
||||
},
|
||||
wecomBinding: null,
|
||||
};
|
||||
|
||||
const pendingTask = {
|
||||
id: "task-r89-1",
|
||||
instanceId: "instance-r89-1",
|
||||
stepId: "manager_approve",
|
||||
stepName: "经理审批",
|
||||
assigneeId: "employee-mock-1",
|
||||
assigneeRole: "manager",
|
||||
status: "pending",
|
||||
outcome: null,
|
||||
createdAt: "2026-05-05T09:00:00.000Z",
|
||||
completedAt: null,
|
||||
workflowInstance: {
|
||||
entityType: "reimbursement",
|
||||
entityId: "reimbursement-r89-1",
|
||||
currentStatus: "submitted",
|
||||
},
|
||||
allowedActions: ["approve", "reject", "return"],
|
||||
};
|
||||
|
||||
const pendingTaskDetail = {
|
||||
task: {
|
||||
id: pendingTask.id,
|
||||
instanceId: pendingTask.instanceId,
|
||||
stepId: pendingTask.stepId,
|
||||
stepName: pendingTask.stepName,
|
||||
assigneeId: pendingTask.assigneeId,
|
||||
assigneeRole: pendingTask.assigneeRole,
|
||||
status: "pending",
|
||||
outcome: null,
|
||||
comment: null,
|
||||
createdAt: pendingTask.createdAt,
|
||||
completedAt: null,
|
||||
},
|
||||
workflowInstance: {
|
||||
id: pendingTask.instanceId,
|
||||
entityType: "reimbursement",
|
||||
currentStatus: "submitted",
|
||||
currentStepId: pendingTask.stepId,
|
||||
contextData: { standardViolations: [] },
|
||||
startedAt: "2026-05-05T08:50:00.000Z",
|
||||
completedAt: null,
|
||||
},
|
||||
reimbursement: {
|
||||
id: "reimbursement-r89-1",
|
||||
formNumber: "BX-R89-001",
|
||||
status: "submitted",
|
||||
reimbursementDate: "2026-05-05",
|
||||
totalAmount: "1683.00",
|
||||
description: "R89 移动审批验证",
|
||||
owner: { id: "employee-mock-2", employeeNo: "E002", name: "Employee" },
|
||||
submitter: { id: "employee-mock-2", employeeNo: "E002", name: "Employee" },
|
||||
},
|
||||
leaveRequest: null,
|
||||
purchaseRequest: null,
|
||||
travelRequest: null,
|
||||
allowedActions: ["approve", "reject", "return"],
|
||||
history: [],
|
||||
};
|
||||
|
||||
function navigationItem(key: string, href: string, label: string, icon: string, placement = "main") {
|
||||
return { key, href, label, icon, placement, permissionCodes: [], featureFlagKey: null };
|
||||
}
|
||||
|
||||
async function mockR89Apis(page: Page) {
|
||||
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/wecom/login") {
|
||||
await route.fulfill({
|
||||
status: 200,
|
||||
contentType: "text/plain",
|
||||
body: "mock wecom login entry",
|
||||
});
|
||||
return;
|
||||
}
|
||||
|
||||
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-r89-access-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-1",
|
||||
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", "Portal", "home_app_logo"),
|
||||
navigationItem("team", "/team", "团队", "groups"),
|
||||
navigationItem("leave", "/leave-requests", "请假", "event_available"),
|
||||
navigationItem("expense", "/reimbursements", "报销", "request_quote"),
|
||||
navigationItem("workflow", "/workflow/tasks", "审批待办", "fact_check"),
|
||||
navigationItem("invoice", "/invoice-pool", "票据中心", "receipt_long"),
|
||||
],
|
||||
admin: [],
|
||||
backup: [navigationItem("settings", "/settings/profile", "个人设置", "manage_accounts")],
|
||||
},
|
||||
recommendedRolePresets: [],
|
||||
});
|
||||
return;
|
||||
}
|
||||
|
||||
if (path === "/api/presence/me") {
|
||||
await fulfillJson(route, {
|
||||
date: "2026-05-05",
|
||||
item: {
|
||||
id: "presence-r89",
|
||||
employeeId: mockMe.id,
|
||||
date: "2026-05-05",
|
||||
status: "office",
|
||||
timeRange: "full_day",
|
||||
note: null,
|
||||
source: "manual",
|
||||
updatedAt: "2026-05-05T08:30:00.000Z",
|
||||
},
|
||||
});
|
||||
return;
|
||||
}
|
||||
|
||||
if (path === "/api/attendance/me/today") {
|
||||
await fulfillJson(route, {
|
||||
workDate: "2026-05-05",
|
||||
needClockIn: false,
|
||||
exemptionReason: "policy_disabled",
|
||||
item: null,
|
||||
});
|
||||
return;
|
||||
}
|
||||
|
||||
if (path === "/api/portal/team-status") {
|
||||
await fulfillJson(route, [
|
||||
{
|
||||
employeeId: mockMe.id,
|
||||
name: mockMe.name,
|
||||
avatarUrl: null,
|
||||
presenceStatus: "office",
|
||||
attendanceClockIn: "2026-05-05T00:30:00.000Z",
|
||||
attendanceClockOut: null,
|
||||
onLeave: false,
|
||||
leaveType: null,
|
||||
},
|
||||
]);
|
||||
return;
|
||||
}
|
||||
|
||||
if (path === "/api/notifications") {
|
||||
const unreadOnly = url.searchParams.get("unreadOnly") === "1";
|
||||
await fulfillJson(route, {
|
||||
page: 1,
|
||||
pageSize: Number(url.searchParams.get("pageSize") ?? 5),
|
||||
total: unreadOnly ? 1 : 2,
|
||||
unreadOnly,
|
||||
unreadCount: 1,
|
||||
items: [
|
||||
{
|
||||
id: "notification-r89-1",
|
||||
type: "workflow",
|
||||
title: "有新的审批待办",
|
||||
body: "请处理 R89 测试单据",
|
||||
targetType: "workflow_task",
|
||||
targetId: pendingTask.id,
|
||||
readAt: null,
|
||||
createdAt: "2026-05-05T09:10:00.000Z",
|
||||
},
|
||||
],
|
||||
});
|
||||
return;
|
||||
}
|
||||
|
||||
if (path === "/api/workflow/tasks") {
|
||||
const status = url.searchParams.get("status") ?? "pending";
|
||||
await fulfillJson(route, {
|
||||
page: 1,
|
||||
pageSize: Number(url.searchParams.get("pageSize") ?? 100),
|
||||
total: status === "pending" ? 1 : 0,
|
||||
items: status === "pending" ? [pendingTask] : [],
|
||||
});
|
||||
return;
|
||||
}
|
||||
|
||||
if (/^\/api\/workflow\/tasks\/[^/]+\/(approve|reject|return|transfer)$/.test(path)) {
|
||||
await fulfillJson(route, { ok: true });
|
||||
return;
|
||||
}
|
||||
|
||||
if (/^\/api\/workflow\/tasks\/[^/]+$/.test(path)) {
|
||||
await fulfillJson(route, pendingTaskDetail);
|
||||
return;
|
||||
}
|
||||
|
||||
if (path === "/api/workflow/approvers") {
|
||||
await fulfillJson(route, { page: 1, pageSize: 100, total: 0, items: [] });
|
||||
return;
|
||||
}
|
||||
|
||||
if (path === `/api/employees/${mockMe.id}/profile`) {
|
||||
await fulfillJson(route, {
|
||||
employee: {
|
||||
id: mockMe.id,
|
||||
employeeNo: mockMe.employeeNo,
|
||||
name: mockMe.name,
|
||||
phone: mockMe.phone,
|
||||
email: mockMe.email,
|
||||
status: "active",
|
||||
employmentStatus: "active",
|
||||
departmentId: "dept-1",
|
||||
title: "负责人",
|
||||
directManagerId: null,
|
||||
hireDate: "2026-01-01",
|
||||
probationEndDate: null,
|
||||
lastWorkingDate: null,
|
||||
workLocation: "北京",
|
||||
emergencyContactName: null,
|
||||
emergencyContactPhone: null,
|
||||
notes: null,
|
||||
avatarUrl: null,
|
||||
archivedAt: null,
|
||||
roleCodes: mockMe.roleCodes,
|
||||
department: { id: "dept-1", name: "研发" },
|
||||
directManager: null,
|
||||
},
|
||||
lifecycle: { events: [], checklistTasks: [], blockers: { openAssetCount: 0, pendingWorkflowTaskCount: 0, canCompleteOffboarding: true } },
|
||||
assignedAssets: [],
|
||||
organization: { reportingChain: [], directReports: [] },
|
||||
});
|
||||
return;
|
||||
}
|
||||
|
||||
if (path === "/api/invoice-pool/upload") {
|
||||
await fulfillJson(route, {
|
||||
invoicePoolId: "invoice-r89-1",
|
||||
status: "pending_ocr",
|
||||
fileSha256: "mock-sha256",
|
||||
});
|
||||
return;
|
||||
}
|
||||
|
||||
await fulfillJson(route, {});
|
||||
});
|
||||
}
|
||||
|
||||
async function loginByPassword(page: Page) {
|
||||
await page.goto("/login");
|
||||
await page.getByTestId("login-identifier").fill("[email protected]");
|
||||
await page.getByTestId("login-password").fill("ManagerPassword1234");
|
||||
await page.getByTestId("login-submit").click();
|
||||
}
|
||||
|
||||
test.describe("R89 企业微信移动入口", () => {
|
||||
test.use({
|
||||
...browserAgnosticDevice("iPhone 13"),
|
||||
userAgent: "Mozilla/5.0 iPhone wxwork/4.1.20 MicroMessenger/7.0.1",
|
||||
});
|
||||
|
||||
test("企业微信移动场景默认生成移动工作台入口", async ({ page }) => {
|
||||
await mockR89Apis(page);
|
||||
|
||||
await page.goto("/login");
|
||||
await expect(page.getByTestId("login-wecom-primary-panel")).toBeVisible();
|
||||
await expect(page.getByTestId("wecom-entry-primary")).toBeVisible();
|
||||
await expect(page.getByTestId("login-password-primary-panel")).toHaveCount(0);
|
||||
|
||||
await page.getByTestId("wecom-entry-primary").click();
|
||||
await expect(page).toHaveURL(/\/api\/auth\/wecom\/login\?returnTo=%2Fmobile/);
|
||||
});
|
||||
});
|
||||
|
||||
test.describe("R89 移动底部导航与核心页面", () => {
|
||||
test.use(browserAgnosticDevice("iPhone 13"));
|
||||
|
||||
test("密码登录后可完成移动首页、审批、票据和我的页关键路径", async ({ page }) => {
|
||||
await mockR89Apis(page);
|
||||
|
||||
await loginByPassword(page);
|
||||
await expect(page).toHaveURL(/\/mobile$/);
|
||||
await expect(page.getByTestId("mobile-today-focus")).toBeVisible();
|
||||
await expect(page.getByTestId("topbar-profile-trigger")).toBeHidden();
|
||||
|
||||
await expect(page.getByTestId("mobile-nav-home")).toBeVisible();
|
||||
await expect(page.getByTestId("mobile-nav-approvals")).toBeVisible();
|
||||
await expect(page.getByTestId("mobile-nav-capture")).toBeVisible();
|
||||
await expect(page.getByTestId("mobile-nav-me")).toBeVisible();
|
||||
|
||||
await page.getByTestId("mobile-nav-approvals").click();
|
||||
await expect(page).toHaveURL(/\/mobile\/approvals/);
|
||||
await expect(page.getByTestId("mobile-approvals-list")).toBeVisible();
|
||||
await page.getByTestId(`mobile-approvals-task-${pendingTask.id}`).click();
|
||||
await expect(page.getByTestId("mobile-approvals-detail")).toBeVisible();
|
||||
await expect(page.getByTestId("mobile-approvals-approve")).toBeVisible();
|
||||
await expect(page.getByTestId("mobile-approvals-reject")).toBeVisible();
|
||||
|
||||
await page.getByTestId("mobile-nav-capture").click();
|
||||
await expect(page).toHaveURL(/\/mobile\/capture/);
|
||||
await expect(page.getByText("拍照或选择文件")).toBeVisible();
|
||||
await page.getByTestId("mobile-capture-file").setInputFiles({
|
||||
name: "r89-invoice.pdf",
|
||||
mimeType: "application/pdf",
|
||||
buffer: Buffer.from("%PDF-1.4\n% R89"),
|
||||
});
|
||||
await expect(page.getByTestId("mobile-capture-upload")).toBeEnabled();
|
||||
|
||||
await page.getByTestId("mobile-nav-me").click();
|
||||
await expect(page).toHaveURL(/\/mobile\/me/);
|
||||
await expect(page.getByTestId("mobile-more-links")).toBeVisible();
|
||||
await expect(page.getByRole("link", { name: /个人设置/ })).toBeVisible();
|
||||
await expect(page.getByRole("button", { name: "退出登录" })).toBeVisible();
|
||||
});
|
||||
});
|
||||
|
||||
test.describe("R89 小屏桌面菜单兜底", () => {
|
||||
test.use(browserAgnosticDevice("Pixel 5"));
|
||||
|
||||
test("非移动路由的小屏菜单可以打开并关闭", async ({ page }) => {
|
||||
await mockR89Apis(page);
|
||||
|
||||
await loginByPassword(page);
|
||||
await page.getByTestId("mobile-nav-me").click();
|
||||
await page.getByRole("link", { name: /通知中心/ }).click();
|
||||
|
||||
await expect(page).toHaveURL(/\/notifications/);
|
||||
await page.getByRole("button", { name: "打开菜单" }).click();
|
||||
await expect(page.getByRole("button", { name: "关闭菜单" })).toBeVisible();
|
||||
await expect(page.getByRole("link", { name: "Portal" })).toBeVisible();
|
||||
|
||||
await page.getByRole("button", { name: "关闭菜单" }).click();
|
||||
await expect(page.getByRole("button", { name: "关闭菜单" })).toBeHidden();
|
||||
});
|
||||
});
|
||||
在新工单中引用
屏蔽一个用户