feat: import Chinese-localized Buzz source snapshot

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

desktop/tests/e2e/project-inbox.spec.ts

@@ -0,0 +1,146 @@
+import { expect, test } from "@playwright/test";
+
+import { waitForAnimations } from "../helpers/animations";
+import { installMockBridge, TEST_IDENTITIES } from "../helpers/bridge";
+
+const DEFAULT_MOCK_PUBKEY = "deadbeef".repeat(8);
+const BUZZ_REPO_ADDRESS = `30617:${DEFAULT_MOCK_PUBKEY}:buzz`;
+
+test("Buzz Git pull request renders and stays actionable in Inbox", async ({
+  page,
+}) => {
+  await page.addInitScript(() => {
+    window.localStorage.setItem(
+      "buzz-feature-overrides-v1",
+      JSON.stringify({ projects: true }),
+    );
+  });
+  await installMockBridge(page);
+  await page.setViewportSize({ width: 1024, height: 720 });
+
+  await page.goto("/", { waitUntil: "domcontentloaded" });
+  await page.getByTestId("open-projects-view").click();
+  await page.getByRole("button", { name: "Repositories", exact: true }).click();
+  await page
+    .locator(
+      '[data-testid="repository-card-buzz"], [data-testid="repository-row-buzz"]',
+    )
+    .first()
+    .click();
+  await page.getByRole("tab", { name: "Pull Request" }).click();
+
+  const alicePullRequest = page
+    .getByTestId("project-pull-request-row")
+    .filter({ hasText: "alice" })
+    .first();
+  await expect(alicePullRequest).toBeVisible({ timeout: 10_000 });
+  const pullRequestId = await alicePullRequest.getAttribute(
+    "data-project-event-id",
+  );
+  expect(pullRequestId).toBeTruthy();
+
+  await page.getByRole("button", { name: "Inbox", exact: true }).click();
+  await page.evaluate(
+    ({ author, id, repoAddress, viewer }) => {
+      window.__BUZZ_E2E_PUSH_MOCK_FEED_ITEM__?.({
+        id,
+        kind: 1618,
+        pubkey: author,
+        content: "# Inbox rendering verification",
+        created_at: Math.floor(Date.now() / 1000) + 1,
+        channel_id: null,
+        channel_name: "",
+        channel_type: null,
+        tags: [
+          ["a", repoAddress],
+          ["p", viewer],
+          ["subject", "Inbox rendering verification"],
+        ],
+        category: "mention",
+      });
+    },
+    {
+      author: TEST_IDENTITIES.alice.pubkey,
+      id: pullRequestId as string,
+      repoAddress: BUZZ_REPO_ADDRESS,
+      viewer: DEFAULT_MOCK_PUBKEY,
+    },
+  );
+
+  const inboxRow = page.getByTestId(`home-inbox-item-${pullRequestId}`);
+  await expect(inboxRow).toBeVisible({ timeout: 10_000 });
+  const previewTypography = await inboxRow
+    .locator(".inbox-preview-markdown")
+    .evaluate((preview) => {
+      const firstBlock = preview.firstElementChild;
+      if (!firstBlock) {
+        throw new Error("Expected the Inbox preview to render a first block.");
+      }
+      const previewStyle = getComputedStyle(preview);
+      const firstBlockStyle = getComputedStyle(firstBlock);
+      return {
+        firstBlockTag: firstBlock.tagName,
+        fontSizeMatches: firstBlockStyle.fontSize === previewStyle.fontSize,
+        fontWeightMatches:
+          firstBlockStyle.fontWeight === previewStyle.fontWeight,
+        letterSpacingMatches:
+          firstBlockStyle.letterSpacing === previewStyle.letterSpacing,
+        lineHeightMatches:
+          firstBlockStyle.lineHeight === previewStyle.lineHeight,
+        lineClamp: firstBlockStyle.webkitLineClamp,
+      };
+    });
+  expect(previewTypography).toEqual({
+    firstBlockTag: "H1",
+    fontSizeMatches: true,
+    fontWeightMatches: true,
+    letterSpacingMatches: true,
+    lineHeightMatches: true,
+    lineClamp: "2",
+  });
+  await inboxRow.locator(":scope > div").first().click();
+
+  const detail = page.getByTestId("home-project-inbox-detail");
+  const card = page.getByTestId("project-inbox-work-item-card");
+  const layout = page.getByTestId("project-inbox-work-item-layout");
+  await expect(detail).toBeVisible();
+  await expect(card).toBeVisible();
+  await expect(
+    detail.locator('[data-testid^="project-inbox-author-avatar-"]'),
+  ).toBeVisible();
+  await expect(
+    detail.getByRole("heading", {
+      name: "alice sent you a pull request",
+      exact: true,
+    }),
+  ).toBeVisible();
+  await expect(page.getByText("Inbox rendering verification")).toBeVisible();
+  await expect(
+    page.getByRole("button", { name: "Approve", exact: true }),
+  ).toBeVisible();
+  const commentComposer = page.getByTestId(
+    "project-pull-request-comment-composer",
+  );
+  await commentComposer
+    .getByRole("button", { name: "Comment", exact: true })
+    .click();
+  await expect(
+    page.getByRole("menuitemradio", { name: "Request changes" }),
+  ).toBeVisible();
+  await page.keyboard.press("Escape");
+  await expect(
+    page.getByRole("button", { name: "Merge", exact: true }),
+  ).toBeVisible();
+
+  const columnCount = await layout.evaluate(
+    (element) =>
+      getComputedStyle(element).gridTemplateColumns.split(" ").filter(Boolean)
+        .length,
+  );
+  expect(columnCount).toBe(1);
+
+  await waitForAnimations(page);
+  await detail.screenshot({
+    path: "test-results/project-inbox/01-pull-request-detail.png",
+  });
+});