fix(frontend): parallelize user drawer/modal setup and increase E2E dialog timeouts

Parallelize async setup tasks (status, role, tenant, dept) in user drawer
and batch-edit modal with Promise.all to reduce initialization latency.
Add DIALOG_READY_TIMEOUT (20s) to UserPage and apply to all waitForDialogReady
calls, fixing E2E flakiness in TC0226 and TC0228 under act containers.

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>

Author: gqcn

apps/lina-vben/apps/web-antd/src/views/system/user/user-batch-edit-modal.vue

@@ -202,9 +202,11 @@ const [Modal, modalApi] = useVbenModal({
       updateTenant: false,
     });
 
-    await setupStatusOptions();
-    await setupRoleOptions();
-    await setupTenantOptions();
+    await Promise.all([
+      setupStatusOptions(),
+      setupRoleOptions(),
+      setupTenantOptions(),
+    ]);
     modalApi.setState({ loading: false });
   },
   async onConfirm() {

apps/lina-vben/apps/web-antd/src/views/system/user/user-drawer.vue

@@ -159,6 +159,8 @@ async function setupDeptSelect() {
       fieldName: 'deptId',
     },
   ]);
+
+  return deptTree;
 }
 
 const [Drawer, drawerApi] = useVbenDrawer({
@@ -199,15 +201,19 @@ const [Drawer, drawerApi] = useVbenDrawer({
       ),
     });
 
+    const setupTasks: Promise<unknown>[] = [
+      setupRoleOptions(),
+      setupTenantOptions(),
+      dictStore.getDictOptionsAsync('sys_normal_disable'),
+    ];
     if (orgEnabled.value) {
-      await setupDeptSelect();
+      setupTasks.push(setupDeptSelect());
     }
 
-    await setupRoleOptions();
-    await setupTenantOptions();
-
-    const statusOptions =
-      await dictStore.getDictOptionsAsync('sys_normal_disable');
+    const setupResults = await Promise.all(setupTasks);
+    const statusOptions = setupResults[2] as Awaited<
+      ReturnType<typeof dictStore.getDictOptionsAsync>
+    >;
     formApi.updateSchema([
       {
         fieldName: 'status',

hack/tests/e2e/settings/user/TC0226-user-account-labels.ts

@@ -32,6 +32,7 @@ test.describe("TC-226 用户管理账号字段展示", () => {
         .locator('[role="dialog"]')
         .filter({ has: adminPage.getByPlaceholder("请输入账号") })
         .last(),
+      20000,
     );
 
     await expect(drawer.getByText(/账号/).first()).toBeVisible();

hack/tests/pages/UserPage.ts

@@ -18,6 +18,9 @@ export class UserPage {
   /** Drawer submit can settle slowly in full-suite parallel runs. */
   private static readonly DRAWER_HIDDEN_TIMEOUT = 20000;
 
+  /** User drawer and batch-edit modal can initialize slowly in act containers. */
+  private static readonly DIALOG_READY_TIMEOUT = 20000;
+
   /** The Vben drawer (Sheet/Dialog) container */
   private get drawer() {
     return this.page
@@ -54,7 +57,7 @@ export class UserPage {
 
   /** Wait until the user drawer has finished async schema/data initialization. */
   private async waitForDrawerReady(expectedUsername: string) {
-    await waitForDialogReady(this.drawer);
+    await waitForDialogReady(this.drawer, UserPage.DIALOG_READY_TIMEOUT);
 
     const usernameInput = this.drawerAccountInput;
     await usernameInput.waitFor({ state: "visible", timeout: 10000 });
@@ -366,7 +369,7 @@ export class UserPage {
       .locator('[role="dialog"]')
       .filter({ hasText: /批量编辑用户|Batch Edit Users/i })
       .last();
-    await waitForDialogReady(dialog);
+    await waitForDialogReady(dialog, UserPage.DIALOG_READY_TIMEOUT);
     await waitForBusyIndicatorsToClear(dialog, 20000);
     return dialog;
   }
@@ -440,7 +443,10 @@ export class UserPage {
   /** Click export button */
   async clickExport() {
     await this.page.getByRole("button", { name: /导\s*出/ }).click();
-    await waitForDialogReady(this.page.locator('[role="dialog"]'));
+    await waitForDialogReady(
+      this.page.locator('[role="dialog"]'),
+      UserPage.DIALOG_READY_TIMEOUT,
+    );
   }
 
   /** Click confirm button in the export confirm modal */
@@ -518,7 +524,10 @@ export class UserPage {
       .getByRole("button", { name: /导\s*入/ })
       .first()
       .click();
-    await waitForDialogReady(this.page.locator('[role="dialog"]'));
+    await waitForDialogReady(
+      this.page.locator('[role="dialog"]'),
+      UserPage.DIALOG_READY_TIMEOUT,
+    );
   }
 
   /** Get the total count from the pager */

openspec/changes/release-test-and-build/tasks.md

@@ -64,6 +64,7 @@
 - [x] **FB-19**: GitHub Actions `E2E tests (host-only)` 在 `TC0012d` 字典类型删除和 `TC-228a` 用户批量编辑中仍存在重试状态丢失、删除响应监听不稳和全局加载遮罩拦截点击的问题，导致 nightly host-only E2E 失败
 - [x] **FB-20**: `.github/workflows/release-test-and-build.yml` 仍手工展开测试 job，未像 nightly 一样复用共享测试验证套件，且 release 应采用 Main CI 的简要测试范围，不运行完整 E2E
 - [ ] **FB-21**: host-only E2E `TC0063-auth-menu` 仍通过中文菜单名硬编码创建受限角色，未显式包含 `system:user:query` 等页面实际依赖的按钮权限，导致普通用户访问 `/system/user` 时连续收到 `403` 并卡住 loading，从而让 `TC0063b` 与 `TC0063d` 失败
+- [ ] **FB-22**: host-only E2E 在 `act` 容器内执行时，用户新增抽屉和批量编辑弹窗初始化串行请求过多，导致 `TC0226-user-account-labels` 与 `TC0228-user-batch-edit` 在 `waitForDialogReady` 的 10 秒 busy 等待内长期保持 loading 遮罩，从而让 `E2E tests (host-only)` 继续失败
 
 ## Feedback Verification