feat: import Chinese-localized Buzz source snapshot

Signed-off-by: cls_宁波本机 <908705107@qq.com>

desktop/tests/e2e/channel-shared-header-backdrop.spec.ts

@@ -0,0 +1,134 @@
+import { expect, test } from "@playwright/test";
+
+import { waitForAnimations } from "../helpers/animations";
+import { installMockBridge } from "../helpers/bridge";
+
+type MockMessageWindow = Window & {
+  __BUZZ_E2E_EMIT_MOCK_MESSAGE__?: (input: {
+    channelName: string;
+    content: string;
+    parentEventId?: string | null;
+    pubkey?: string;
+  }) => { id: string } | undefined;
+  __BUZZ_E2E_HAS_MOCK_LIVE_SUBSCRIPTION__?: (input: {
+    channelName: string;
+  }) => boolean;
+};
+
+const CHANNEL_NAME = "engineering";
+const MOCK_IDENTITY_PUBKEY = "deadbeef".repeat(8);
+const ALICE_PUBKEY =
+  "953d3363262e86b770419834c53d2446409db6d918a57f8f339d495d54ab001f";
+
+async function waitForMockLiveSubscription(
+  page: import("@playwright/test").Page,
+  channelName: string,
+) {
+  await expect
+    .poll(async () => {
+      return page.evaluate((name) => {
+        return (
+          (
+            window as MockMessageWindow
+          ).__BUZZ_E2E_HAS_MOCK_LIVE_SUBSCRIPTION__?.({ channelName: name }) ??
+          false
+        );
+      }, channelName);
+    })
+    .toBe(true);
+}
+
+test.describe("channel shared header backdrop", () => {
+  test.use({ viewport: { width: 1280, height: 720 } });
+
+  test("spans channel and split auxiliary columns with one backdrop", async ({
+    page,
+  }) => {
+    await installMockBridge(page);
+    await page.goto("/");
+    await page.getByTestId(`channel-${CHANNEL_NAME}`).click();
+    await expect(page.getByTestId("chat-title")).toHaveText(CHANNEL_NAME);
+    await waitForMockLiveSubscription(page, CHANNEL_NAME);
+
+    const rootId = await page.evaluate(
+      ({ channelName, pubkey }) =>
+        (window as MockMessageWindow).__BUZZ_E2E_EMIT_MOCK_MESSAGE__?.({
+          channelName,
+          content: "Root message for shared header backdrop coverage.",
+          pubkey,
+        })?.id ?? null,
+      { channelName: CHANNEL_NAME, pubkey: MOCK_IDENTITY_PUBKEY },
+    );
+    expect(rootId).not.toBeNull();
+
+    await page.evaluate(
+      ({ channelName, parentEventId, pubkey }) => {
+        (window as MockMessageWindow).__BUZZ_E2E_EMIT_MOCK_MESSAGE__?.({
+          channelName,
+          content: "Reply that opens a split thread panel.",
+          parentEventId,
+          pubkey,
+        });
+      },
+      {
+        channelName: CHANNEL_NAME,
+        parentEventId: rootId,
+        pubkey: ALICE_PUBKEY,
+      },
+    );
+
+    const replyButton = page.locator('[data-testid^="reply-message-"]').first();
+    await expect(replyButton).toBeVisible();
+    await replyButton.click({ force: true });
+    await expect(page.getByTestId("message-thread-panel")).toBeVisible();
+
+    const sharedBackdrop = page.getByTestId("channel-shared-header-backdrop");
+    await expect(sharedBackdrop).toHaveCount(1);
+
+    const chatHeader = page.getByTestId("chat-header");
+    const auxiliaryResizeHandle = page.getByTestId(
+      "right-auxiliary-pane-resize-handle",
+    );
+
+    const [
+      hostBox,
+      backdropBox,
+      backdropFilter,
+      backdropZIndex,
+      headerZIndex,
+      resizeHandleZIndex,
+      auxiliaryPaneAnimationName,
+    ] = await Promise.all([
+      page.getByTestId("channel-drop-zone").locator("..").boundingBox(),
+      sharedBackdrop.boundingBox(),
+      sharedBackdrop.evaluate(
+        (element) => getComputedStyle(element).backdropFilter,
+      ),
+      sharedBackdrop.evaluate((element) =>
+        Number(getComputedStyle(element).zIndex),
+      ),
+      chatHeader.evaluate((element) =>
+        Number(getComputedStyle(element.parentElement ?? element).zIndex),
+      ),
+      auxiliaryResizeHandle.evaluate((element) =>
+        Number(getComputedStyle(element).zIndex),
+      ),
+      page
+        .getByTestId("message-thread-panel")
+        .evaluate((element) => getComputedStyle(element).animationName),
+    ]);
+
+    expect(hostBox).not.toBeNull();
+    expect(backdropBox).not.toBeNull();
+    expect(Math.round(backdropBox?.x ?? 0)).toBe(Math.round(hostBox?.x ?? 0));
+    expect(Math.round(backdropBox?.width ?? 0)).toBe(
+      Math.round(hostBox?.width ?? 0),
+    );
+    expect(backdropFilter).not.toBe("none");
+    expect(headerZIndex).toBeGreaterThan(backdropZIndex);
+    expect(resizeHandleZIndex).toBeGreaterThan(backdropZIndex);
+    expect(auxiliaryPaneAnimationName).toBe("none");
+
+    await waitForAnimations(page);
+  });
+});