buzz/desktop/tests/e2e/add-community-screenshots.spec.ts

import { expect, test } from "@playwright/test";
import { npubEncode } from "nostr-tools/nip19";

import { waitForAnimations } from "../helpers/animations";
import { installMockBridge } from "../helpers/bridge";

const OUTDIR = "test-results/add-community";
const DEFAULT_MOCK_PUBKEY = "deadbeef".repeat(8);
const COMMUNITIES = [
  {
    id: "ws-a",
    name: "Alpha",
    relayUrl: "ws://localhost:3000",
    addedAt: "2026-01-01T00:00:00.000Z",
  },
  {
    id: "ws-b",
    name: "Bravo",
    relayUrl: "ws://localhost:3001",
    addedAt: "2026-01-02T00:00:00.000Z",
  },
];

test.beforeEach(async ({ page }) => {
  await page.addInitScript((communities) => {
    window.localStorage.setItem(
      "buzz-communities",
      JSON.stringify(communities),
    );
    window.localStorage.setItem("buzz-active-community-id", communities[0].id);
  }, COMMUNITIES);
  await installMockBridge(
    page,
    {
      builderlabAuth: {
        email: "owner@example.com",
        expiresAt: "2099-01-01T00:00:00Z",
      },
      builderlabIdentity: { pubkey_hex: DEFAULT_MOCK_PUBKEY },
    },
    {
      skipCommunitySeed: true,
    },
  );
  await page.goto("/");
  await page.getByTestId("community-rail-add").click();
});

test("identity: npub-only account key is recovery, never a ready create flow", async ({
  page,
}) => {
  await installMockBridge(
    page,
    {
      builderlabAuth: {
        email: "old-owner@example.com",
        expiresAt: "2099-01-01T00:00:00Z",
      },
      builderlabIdentity: {
        // The identity object is present but carries no authoritative
        // pubkey_hex — only the independent, unverified server npub.
        npub: npubEncode("b".repeat(64)),
      },
    },
    { skipCommunitySeed: true },
  );
  await page.reload();
  await page.getByTestId("community-rail-add").click();
  await page.getByTestId("add-community-create").click();
  // Presence of the identity object must not read as a ready account: the
  // mismatch recovery branch owns the create tab instead.
  await expect(
    page.getByText("This Builderlab account uses a different Buzz identity."),
  ).toBeVisible();
  await expect(page.getByText("Account: Unavailable")).toBeVisible();
  await expect(
    page.getByText(`This device: ${npubEncode(DEFAULT_MOCK_PUBKEY)}`),
  ).toBeVisible();
  // The create form — and with it the create action — stays unrendered.
  await expect(page.getByTestId("hosted-community-create-name")).toHaveCount(0);
  await expect(page.getByTestId("hosted-community-create-submit")).toHaveCount(
    0,
  );
  // The unverified hosted npub spelling never renders.
  await expect(page.getByText(npubEncode("b".repeat(64)))).toHaveCount(0);
  // Recovery stays explicit.
  await expect(
    page.getByRole("button", { name: "Use this device" }),
  ).toBeVisible();
});

test("identity: padded same-key hex is a ready create flow, not a mismatch", async ({
  page,
}) => {
  await installMockBridge(
    page,
    {
      builderlabAuth: {
        email: "owner@example.com",
        expiresAt: "2099-01-01T00:00:00Z",
      },
      builderlabIdentity: {
        // This device's own key, padded and uppercased: the same key
        // after normalization, so the account is ready — never a mismatch
        // demanding a delete/rebind of the identity it already holds.
        pubkey_hex: `  ${DEFAULT_MOCK_PUBKEY.toUpperCase()}  `,
      },
    },
    { skipCommunitySeed: true },
  );
  await page.reload();
  await page.getByTestId("community-rail-add").click();
  await page.getByTestId("add-community-create").click();
  // The create form — and with it the create action — is available.
  await expect(page.getByTestId("hosted-community-create-name")).toBeVisible();
  await expect(
    page.getByText("This Builderlab account uses a different Buzz identity."),
  ).toHaveCount(0);
});

test("create flow follows server permission with five owned communities", async ({
  page,
}) => {
  await installMockBridge(
    page,
    {
      builderlabAuth: {
        email: "owner@example.com",
        expiresAt: "2099-01-01T00:00:00Z",
      },
      builderlabIdentity: { pubkey_hex: DEFAULT_MOCK_PUBKEY },
      builderlabCommunities: Array.from({ length: 5 }, (_, index) => ({
        id: `owned-${index}`,
      })),
      builderlabQuota: { quota_used: 5, quota_limit: 50, can_create: true },
    },
    { skipCommunitySeed: true },
  );
  await page.reload();
  await page.getByTestId("community-rail-add").click();
  await page.getByTestId("add-community-create").click();
  await page.getByTestId("hosted-community-create-name").fill("new-team");
  await expect(
    page.getByTestId("hosted-community-create-submit"),
  ).toBeEnabled();
});

test("create flow blocks when lifetime quota is exhausted", async ({
  page,
}) => {
  await installMockBridge(
    page,
    {
      builderlabAuth: {
        email: "owner@example.com",
        expiresAt: "2099-01-01T00:00:00Z",
      },
      builderlabIdentity: { pubkey_hex: DEFAULT_MOCK_PUBKEY },
      builderlabCommunities: [],
      builderlabQuota: { quota_used: 0, quota_limit: 50, can_create: false },
    },
    { skipCommunitySeed: true },
  );
  await page.reload();
  await page.getByTestId("community-rail-add").click();
  await page.getByTestId("add-community-create").click();
  await expect(page.getByTestId("hosted-community-create-name")).toBeDisabled();
  await expect(
    page.getByTestId("hosted-community-create-submit"),
  ).toBeDisabled();
  await expect(
    page.getByText(/reached your hosted community creation limit/),
  ).toBeVisible();
});

test("capture: add-community choices", async ({ page }) => {
  const dialog = page.getByTestId("add-community-dialog");
  await dialog.waitFor();
  await waitForAnimations(page);
  await dialog.screenshot({ path: `${OUTDIR}/01-choices.png` });
});

test("capture: join an existing community", async ({ page }) => {
  await page.getByTestId("add-community-join").click();
  const dialog = page.getByTestId("add-community-dialog");
  const communityUrl = page.getByLabel("Community URL or invite link");
  await communityUrl.fill("community.example.com");
  await page.getByTestId("community-api-token-reveal").waitFor({
    state: "detached",
  });
  await waitForAnimations(page);
  await dialog.screenshot({ path: `${OUTDIR}/02-join.png` });
});

test("capture: create a new community", async ({ page }) => {
  await page.getByTestId("add-community-create").click();
  const dialog = page.getByTestId("add-community-dialog");
  await page.getByLabel("Community address").waitFor();
  await waitForAnimations(page);
  await dialog.screenshot({ path: `${OUTDIR}/03-create.png` });
});

test("identity: create owner shows the bound key's npub, never the hosted npub or raw hex", async ({
  page,
}) => {
  await installMockBridge(
    page,
    {
      builderlabAuth: {
        email: "old-owner@example.com",
        expiresAt: "2099-01-01T00:00:00Z",
      },
      builderlabIdentity: {
        pubkey_hex: "f".repeat(64),
        npub: npubEncode("b".repeat(64)),
      },
    },
    { skipCommunitySeed: true },
  );
  await page.reload();
  await page.getByTestId("community-rail-add").click();
  await page.getByTestId("add-community-create").click();
  await expect(
    page.getByText("This Builderlab account uses a different Buzz identity."),
  ).toBeVisible();
  await expect(
    page.getByText(`Account: ${npubEncode("f".repeat(64))}`),
  ).toBeVisible();
  await expect(
    page.getByText(`This device: ${npubEncode(DEFAULT_MOCK_PUBKEY)}`),
  ).toBeVisible();
  await expect(page.getByText(npubEncode("b".repeat(64)))).toHaveCount(0);
  await expect(page.getByText("f".repeat(64))).toHaveCount(0);
});

test("identity: create owner renders the neutral label when the bound hex is unusable", async ({
  page,
}) => {
  await installMockBridge(
    page,
    {
      builderlabAuth: {
        email: "old-owner@example.com",
        expiresAt: "2099-01-01T00:00:00Z",
      },
      builderlabIdentity: {
        // Valid hex alphabet, wrong length — unusable as an identity key.
        pubkey_hex: "f".repeat(63),
        npub: npubEncode("b".repeat(64)),
      },
    },
    { skipCommunitySeed: true },
  );
  await page.reload();
  await page.getByTestId("community-rail-add").click();
  await page.getByTestId("add-community-create").click();
  await expect(
    page.getByText("This Builderlab account uses a different Buzz identity."),
  ).toBeVisible();
  await expect(page.getByText("Account: Unavailable")).toBeVisible();
  await expect(page.getByText(npubEncode("b".repeat(64)))).toHaveCount(0);
  await expect(page.getByText("f".repeat(63))).toHaveCount(0);
});