R97 B6 补充高频页面视觉回归证据

client/tests/e2e/visual-shell.spec.ts

@@ -22,7 +22,7 @@ const visualMe = {
   directManagerId: null,
   status: "active",
   notificationPushEnabled: true,
-  roleCodes: ["employee"],
+  roleCodes: ["manager"],
   profileCompleteness: {
     hasEmergencyContact: true,
     hasBankAccount: true,
@@ -156,6 +156,7 @@ async function mockVisualApis(page: Page) {
             createdAt: "2026-05-06T09:00:00.000Z",
             completedAt: null,
             workflowInstance: { entityType: "reimbursement", entityId: "rb-r96" },
+            allowedActions: ["approve"],
           },
         ],
         total: 1,
@@ -242,4 +243,20 @@ test.describe("visual shell", () => {
 
     await attachScreenshot(page, testInfo, "mobile-today.png");
   });
+
+  test("审批待办手机卡片布局基线", async ({ page }, testInfo) => {
+    await mockVisualApis(page);
+    await page.setViewportSize({ width: 390, height: 844 });
+    await page.goto("/login");
+    await page.getByTestId("login-identifier").fill("[email protected]");
+    await page.getByTestId("login-password").fill("EmployeePassword1234");
+    await page.getByTestId("login-submit").click();
+    await page.goto("/workflow/tasks");
+
+    await expect(page.getByTestId("workflow-tasks-mobile-list")).toBeVisible();
+    await expect(page.getByTestId("workflow-tasks-table")).toBeHidden();
+    await expect(page.getByRole("link", { name: "详情" })).toBeVisible();
+
+    await attachScreenshot(page, testInfo, "r97-workflow-tasks-mobile.png");
+  });
 });