test: refresh mobile settings homepage preview coverage

Author: pallyoung

e2e-ui/fixtures/scene-runner.ts

@@ -41,7 +41,7 @@ async function openSettingsSection(
   const index = sectionOrder[section];
 
   if (device === "mobile") {
-    await page.locator(".settings-mobile-item").nth(index).click();
+    await page.locator(".settings-mobile-root .settings-mobile-item").nth(index).click();
     await page.locator(".settings-content--mobile, .settings-content").first().waitFor();
     return;
   }

packages/web/src/ui-preview/catalog.test.tsx

@@ -194,8 +194,10 @@ describe("UI preview catalog", () => {
     renderScene("settings-mobile-root", "mobile");
 
     expect(await screen.findByRole("button", { name: /general/i })).toBeInTheDocument();
-    expect(document.querySelector(".settings-mobile-root-hero")).toBeTruthy();
-    expect(document.querySelector(".settings-mobile-list")).toBeTruthy();
+    expect(document.querySelector(".settings-mobile-root")).toBeTruthy();
+    expect(document.querySelector(".settings-mobile-group")).toBeTruthy();
+    expect(document.querySelector(".settings-mobile-group__list")).toBeTruthy();
+    expect(document.querySelector(".settings-mobile-root-hero")).toBeNull();
   });
 
   it("renders the app loading shell scene without bootstrapping routes", async () => {

packages/web/src/ui-preview/scene-metadata.test.ts

@@ -56,4 +56,10 @@ describe("ui preview scene metadata", () => {
     expect(scene?.devices).toEqual(["desktop"]);
     expect(scene?.themes.every((theme) => theme.endsWith("-light"))).toBe(true);
   });
+
+  it("captures the mobile settings homepage from the grouped root container", () => {
+    const scene = UI_PREVIEW_SCENE_METADATA.find((entry) => entry.id === "settings-mobile-root");
+
+    expect(scene?.capture?.selector).toBe(".settings-mobile-root");
+  });
 });

packages/web/src/ui-preview/scene-metadata.ts

@@ -103,7 +103,7 @@ export const UI_PREVIEW_SCENE_METADATA: UiPreviewSceneMetadata[] = [
     devices: ["mobile"],
     themes: allThemeIds(),
     locales: ["zh", "en"],
-    capture: { selector: ".settings-mobile-list" },
+    capture: { selector: ".settings-mobile-root" },
   },
   {
     id: "app-loading-shell",