@tribe-nest/forge 3.59.0 → 3.61.0

package/src/ui/styled/_tests/AccountDashboardMemberships.spec.tsx

@@ -0,0 +1,151 @@
+// @vitest-environment jsdom
+import { describe, it, expect, afterEach, vi } from "vitest";
+import { render, screen, fireEvent, cleanup, within } from "@testing-library/react";
+import axios, { type AxiosAdapter, type InternalAxiosRequestConfig } from "axios";
+import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
+import { ForgeClientProvider } from "../../../provider/ForgeProvider";
+import { PublicAuthContext } from "../../../contexts/PublicAuthContext";
+import { ForgeThemeProvider } from "../../theme/ForgeThemeProvider";
+import { AccountDashboard } from "../AccountDashboard";
+
+/**
+ * The account page's Memberships tab. A fan can belong to several communities
+ * of one creator, so the tab lists ONE CARD PER COMMUNITY from
+ * `/public/memberships/mine`, never the account's single legacy membership.
+ * Managing a membership happens inside its community, so each card opens it.
+ */
+
+const DAY = 24 * 60 * 60 * 1000;
+const inDays = (n: number) => new Date(Date.now() + n * DAY).toISOString();
+const fmt = (iso: string) => new Date(iso).toLocaleDateString("en", { year: "numeric", month: "short", day: "numeric" });
+
+const fan = {
+  id: "account-1",
+  email: "fan@example.com",
+  firstName: "Fan",
+  lastName: "Person",
+  kind: "fan",
+  status: "active",
+  createdAt: "2026-01-01T00:00:00.000Z",
+  updatedAt: "2026-01-01T00:00:00.000Z",
+  // The legacy single membership must NOT be what the tab shows.
+  membership: { id: "legacy", membershipTierId: "t-legacy", status: "active", membershipTier: { id: "t-legacy", name: "LEGACY" } },
+};
+
+let realAdapter: AxiosAdapter | undefined;
+let requested: string[] = [];
+
+function mount(mine: unknown[], applications: unknown[] = [], communities: unknown[] = []) {
+  requested = [];
+  realAdapter = axios.defaults.adapter as AxiosAdapter | undefined;
+  axios.defaults.adapter = (async (config: InternalAxiosRequestConfig) => {
+    const url = config.url ?? "";
+    requested.push(url);
+    // `/public/memberships/mine` answers the server's real envelope,
+    // `[{ community, membership }]`, built from the flat rows the tests list.
+    const data = url.includes("/public/memberships/mine")
+      ? (mine as Array<Record<string, unknown>>).map(({ community, subscriptionAmount, subscriptionCurrency, ...membership }) => ({
+          community,
+          membership: { ...membership, amount: subscriptionAmount ?? null, currency: subscriptionCurrency ?? null },
+        }))
+      : url.includes("/public/membership-applications/mine")
+        ? applications
+        : url === "/public/communities"
+          ? communities
+          : [];
+    return { data, status: 200, statusText: "OK", headers: {}, config } as never;
+  }) as AxiosAdapter;
+  const navigate = vi.fn();
+  const queryClient = new QueryClient({ defaultOptions: { queries: { retry: false } } });
+  render(
+    <QueryClientProvider client={queryClient}>
+      <ForgeClientProvider apiUrl="http://api.test" profileId="profile-1">
+        <PublicAuthContext.Provider value={{ user: fan, currencies: null, userSelectedCurrency: "USD", logout: () => {} } as never}>
+          <ForgeThemeProvider theme={{ colors: { text: "#111111", background: "#ffffff", primary: "#6d28d9" }, cornerRadius: 8 }}>
+            <AccountDashboard tab="membership" navigate={navigate} />
+          </ForgeThemeProvider>
+        </PublicAuthContext.Provider>
+      </ForgeClientProvider>
+    </QueryClientProvider>,
+  );
+  return { navigate };
+}
+
+afterEach(() => {
+  cleanup();
+  if (realAdapter) axios.defaults.adapter = realAdapter;
+});
+
+const row = (overrides: Record<string, unknown>) => ({
+  id: "m-1",
+  tierId: "tier-1",
+  tierName: "Inner Circle",
+  status: "active",
+  cancelAtPeriodEnd: false,
+  currentPeriodEnd: inDays(20),
+  subscriptionAmount: 10,
+  subscriptionCurrency: "USD",
+  billingCycle: "month",
+  community: { id: "c-1", name: "Fan Club", slug: "fan-club" },
+  ...overrides,
+});
+
+describe("AccountDashboard: My memberships", () => {
+  it("lists one card per community, from the memberships endpoint, not the legacy single membership", async () => {
+    mount([row({}), row({ id: "m-2", tierName: "Producers", community: { id: "c-2", name: "Producers Circle", slug: "producers" } })]);
+
+    const cards = await screen.findAllByTestId("my-membership");
+    expect(cards).toHaveLength(2);
+    expect(cards[0].textContent).toContain("Fan Club");
+    expect(cards[0].textContent).toContain("Inner Circle");
+    expect(cards[1].textContent).toContain("Producers Circle");
+    expect(document.body.textContent).not.toContain("LEGACY");
+    expect(requested).toContain("/public/memberships/mine");
+  });
+
+  it("opens the membership's community home, never the account page", async () => {
+    const { navigate } = mount([row({})]);
+    const card = await screen.findByTestId("my-membership");
+    fireEvent.click(within(card).getByRole("button", { name: "Open community" }));
+    expect(navigate).toHaveBeenCalledWith("/i/communities/fan-club/home");
+  });
+
+  it("says Renews on for a renewing membership and Ends on for a cancelled one", async () => {
+    const end = inDays(20);
+    mount([row({ currentPeriodEnd: end }), row({ id: "m-2", cancelAtPeriodEnd: true, currentPeriodEnd: end, community: { id: "c-2", name: "B", slug: "b" } })]);
+    const [renewing, ending] = await screen.findAllByTestId("my-membership");
+    expect(renewing.textContent).toContain(`Renews on ${fmt(end)}`);
+    expect(ending.textContent).toContain(`Ends on ${fmt(end)}`);
+  });
+
+  it("shows the trial end instead of the renewal during a free trial", async () => {
+    const ends = inDays(10);
+    mount([row({ trialEndsAt: ends, currentPeriodEnd: ends })]);
+    expect((await screen.findByTestId("my-membership-trial")).textContent).toContain(`Free trial until ${fmt(ends)}`);
+    expect(document.body.textContent).not.toContain("Renews on");
+  });
+
+  it("says so when the fan belongs to no community", async () => {
+    mount([]);
+    expect((await screen.findByTestId("my-memberships-empty")).textContent).toContain("not a member of any community");
+  });
+
+  it("finishes a payment_failed application on its community's About page, on that tier", async () => {
+    mount(
+      [],
+      [
+        {
+          id: "app-1",
+          membershipTierId: "tier-9",
+          membershipTierName: "Gold",
+          communityId: "c-9",
+          status: "payment_failed",
+          createdAt: "2026-09-01T00:00:00.000Z",
+        },
+      ],
+      [{ id: "c-9", name: "Gold Club", slug: "gold-club", memberCount: 1, tags: [] }],
+    );
+    const link = (await screen.findByRole("link", { name: /Complete/i })) as HTMLAnchorElement;
+    await vi.waitFor(() => expect(link.getAttribute("href")).toBe("/i/communities/gold-club?tier=tier-9"));
+  });
+});

package/src/ui/styled/_tests/AccountDashboardRentals.spec.tsx

@@ -106,7 +106,7 @@ function render(opts: { rentals: MyFilmRental[] | null; tab?: AccountTabKey }):
           <ForgeThemeProvider
             theme={{ colors: { text: "#111111", background: "#ffffff", primary: "#6d28d9" }, cornerRadius: 8 }}
           >
-            <AccountDashboard tab={opts.tab ?? "rentals"} onNavigateMembership={() => {}} />
+            <AccountDashboard tab={opts.tab ?? "rentals"} />
           </ForgeThemeProvider>
         </PublicAuthContext.Provider>
       </ForgeClientProvider>

package/src/ui/styled/_tests/AccountNotifications.spec.tsx

@@ -0,0 +1,135 @@
+import { describe, expect, it } from "vitest";
+import { renderToStaticMarkup } from "react-dom/server";
+import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
+import { ForgeClientProvider } from "../../../provider/ForgeProvider";
+import { PublicAuthContext } from "../../../contexts/PublicAuthContext";
+import { ForgeThemeProvider } from "../../theme/ForgeThemeProvider";
+import type { NotificationMatrix } from "../../../data/queries/useNotifications";
+import { AccountSection } from "../AccountDashboard";
+
+/**
+ * The notification settings, drawn from the server's matrix.
+ *
+ * The panel this replaced sent `{ newPosts: false }`, which the server dropped,
+ * and read `newPosts` back, which the server never sends: every switch looked
+ * on and nothing ever saved. These pin the two things that made it wrong (the
+ * keys it reads and writes are the server's `"<type>.<channel>"` keys) and the
+ * rule that only a channel a type can use is offered at all.
+ *
+ * The matrix is SEEDED into the query cache under `useNotificationMatrix`'s own
+ * key, so a rename of that key fails here.
+ */
+
+const PROFILE_ID = "profile-1";
+
+const member = {
+  id: "account-1",
+  email: "fan@example.com",
+  firstName: "Fan",
+  lastName: "Person",
+  kind: "fan",
+  status: "active",
+  createdAt: "2026-01-01T00:00:00.000Z",
+  updatedAt: "2026-01-01T00:00:00.000Z",
+  membership: null,
+};
+
+// The server's defaults, in the shape GET /public/notifications/preferences returns.
+const defaults: NotificationMatrix["defaults"] = {
+  dm: { inapp: true, push: true, email: true, emailMode: "immediate" },
+  chat_message: { inapp: false, push: true, email: false, emailMode: "none" },
+  mention: { inapp: true, push: true, email: true, emailMode: "immediate" },
+  reply: { inapp: true, push: true, email: true, emailMode: "digest" },
+  reaction: { inapp: true, push: false, email: true, emailMode: "digest" },
+  new_community_post: { inapp: true, push: false, email: true, emailMode: "digest" },
+  new_post: { inapp: true, push: true, email: true, emailMode: "digest" },
+  event_reminder: { inapp: true, push: true, email: false, emailMode: "none" },
+  stream_live: { inapp: true, push: true, email: false, emailMode: "none" },
+  mod: { inapp: true, push: false, email: true, emailMode: "digest" },
+  task_comment: { inapp: true, push: true, email: false, emailMode: "none" },
+};
+
+function resolved(overrides: Record<string, boolean>): Record<string, boolean> {
+  const out: Record<string, boolean> = {};
+  for (const [type, def] of Object.entries(defaults)) {
+    for (const channel of ["inapp", "push", "email"] as const) {
+      const key = `${type}.${channel}`;
+      out[key] = key in overrides ? overrides[key]! : def[channel];
+    }
+  }
+  return out;
+}
+
+function render(overrides: Record<string, boolean> = {}, digestCadence: NotificationMatrix["digestCadence"] = "daily") {
+  const queryClient = new QueryClient({ defaultOptions: { queries: { retry: false } } });
+  const matrix: NotificationMatrix = {
+    id: "pref-1",
+    accountId: member.id,
+    profileId: PROFILE_ID,
+    digestCadence,
+    preferences: resolved(overrides),
+    overrides,
+    defaults,
+  };
+  queryClient.setQueryData(["public-notification-preferences", PROFILE_ID], matrix);
+  return renderToStaticMarkup(
+    <QueryClientProvider client={queryClient}>
+      <ForgeClientProvider apiUrl="http://api.test" profileId={PROFILE_ID}>
+        <PublicAuthContext.Provider
+          value={{ user: member, currencies: null, userSelectedCurrency: "USD", logout: () => {} } as never}
+        >
+          <ForgeThemeProvider
+            theme={{ colors: { text: "#111111", background: "#ffffff", primary: "#6d28d9" }, cornerRadius: 8 }}
+          >
+            <AccountSection section="notifications" />
+          </ForgeThemeProvider>
+        </PublicAuthContext.Provider>
+      </ForgeClientProvider>
+    </QueryClientProvider>,
+  );
+}
+
+const pressed = (html: string, key: string) => {
+  const match = html.match(new RegExp(`data-testid="notify-${key.replace(".", "\\.")}" aria-pressed="(true|false)"`));
+  return match ? match[1] === "true" : null;
+};
+
+describe("Account notification settings", () => {
+  it("groups the member's notifications and leaves out work notifications, which never reach them", () => {
+    const html = render();
+    expect(html).toContain("Messages");
+    expect(html).toContain("Community");
+    expect(html).toContain("Events and live");
+    expect(html).toContain('data-testid="notify-row-dm"');
+    expect(html).not.toContain('data-testid="notify-row-task_comment"');
+  });
+
+  it("offers only the channels a type can use", () => {
+    const html = render();
+    // A chat message writes no in-app row and never emails: push only.
+    expect(html).toContain('data-testid="notify-chat_message.push"');
+    expect(html).not.toContain('data-testid="notify-chat_message.inapp"');
+    expect(html).not.toContain('data-testid="notify-chat_message.email"');
+    // Reminders and "live now" never email.
+    expect(html).not.toContain('data-testid="notify-event_reminder.email"');
+    expect(html).not.toContain('data-testid="notify-stream_live.email"');
+    // A direct message can go anywhere.
+    for (const channel of ["inapp", "push", "email"]) {
+      expect(html).toContain(`data-testid="notify-dm.${channel}"`);
+    }
+  });
+
+  it("shows the server's resolved state, including an opt-out the member saved", () => {
+    const html = render({ "new_post.email": false, "reaction.push": true });
+    expect(pressed(html, "new_post.email")).toBe(false);
+    expect(pressed(html, "new_post.push")).toBe(true);
+    // Off by default, on because the member turned it on.
+    expect(pressed(html, "reaction.push")).toBe(true);
+  });
+
+  it("marks the member's email summary choice", () => {
+    const html = render({}, "hourly");
+    expect(html).toMatch(/data-testid="notify-digest-hourly"[^>]*aria-checked="true"|aria-checked="true"[^>]*data-testid="notify-digest-hourly"/);
+    expect(html).toMatch(/data-testid="notify-digest-daily"[^>]*aria-checked="false"|aria-checked="false"[^>]*data-testid="notify-digest-daily"/);
+  });
+});

package/src/ui/styled/_tests/CourseCallsSection.spec.tsx

@@ -129,7 +129,13 @@ describe("CourseCallsSection", () => {
         id: "call-2",
         title: "Week 0 orientation",
         isOpen: false,
-        recording: { id: "rec-1", status: "ready", durationSeconds: 3600, watchUrl: "https://cdn.test/rec.mp4" },
+        recording: {
+          id: "rec-1",
+          status: "ready",
+          durationSeconds: 3600,
+          watchUrl: "https://cdn.test/rec.mp4",
+          transcript: null,
+        },
       }),
     );
     const { getAllByText, container } = mount();

package/src/ui/styled/_tests/DownloadPage.spec.tsx

@@ -0,0 +1,68 @@
+import { describe, expect, it } from "vitest";
+import { renderToStaticMarkup } from "react-dom/server";
+import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
+import { ForgeClientProvider } from "../../../provider/ForgeProvider";
+import { PublicAuthContext } from "../../../contexts/PublicAuthContext";
+import { ForgeThemeProvider } from "../../theme/ForgeThemeProvider";
+import type { DownloadPageInfo } from "../../headless/downloads/useDownloadPage";
+import { DownloadPage } from "../DownloadPage";
+
+/**
+ * The download page, rendered through `react-dom/server` with the page read
+ * SEEDED into the query cache so the real `useDownloadPage` stays in the path.
+ */
+
+const PROFILE_ID = "profile-1";
+const TOKEN = "tok_abcdefghijklmnopqrstuvwxyz0123456789ABCDEFG";
+
+function render(info: DownloadPageInfo | undefined, user: { id: string } | null = null) {
+  const queryClient = new QueryClient({ defaultOptions: { queries: { retry: false } } });
+  if (info) queryClient.setQueryData(["download-page", PROFILE_ID, TOKEN, user?.id ?? null], info);
+  return renderToStaticMarkup(
+    <QueryClientProvider client={queryClient}>
+      <ForgeClientProvider apiUrl="http://api.test" profileId={PROFILE_ID}>
+        <PublicAuthContext.Provider value={{ user, currencies: null, userSelectedCurrency: "USD", logout: () => {} } as never}>
+          <ForgeThemeProvider theme={{ colors: { text: "#111111", background: "#ffffff", primary: "#6d28d9" }, cornerRadius: 8 }}>
+            <DownloadPage token={TOKEN} />
+          </ForgeThemeProvider>
+        </PublicAuthContext.Provider>
+      </ForgeClientProvider>
+    </QueryClientProvider>,
+  );
+}
+
+const info: DownloadPageInfo = {
+  items: [{ title: "Night Drive", quantity: 1, coverImage: "https://cdn.test/cover.jpg" }],
+  files: [
+    { id: "archive", filename: "order-1.zip", size: 5 * 1024 * 1024 },
+    { id: "file-0", filename: "Master.wav", size: 700 * 1024 * 1024 },
+  ],
+  sentTo: "b***@example.com",
+  isGift: false,
+  signedInAsOwner: false,
+};
+
+describe("DownloadPage", () => {
+  it("names what was bought and every file, locked, and asks for a code sent to the recipient", () => {
+    const html = render(info);
+    expect(html).toContain("Night Drive");
+    expect(html).toContain("order-1.zip");
+    expect(html).toContain("5.0 MB");
+    expect(html).toContain("Master.wav");
+    expect(html).toContain('data-testid="download-gate"');
+    expect(html).toContain("We&#x27;ll email a 6-digit code to b***@example.com.");
+    expect(html).toContain("Email me a code");
+    // No download button and no address before the person proves who they are.
+    expect(html).not.toContain('data-testid="download-file-button"');
+    expect(html).not.toContain("http://api.test");
+  });
+
+  it("offers signing in, and brings the person back to this page", () => {
+    const html = render(info);
+    expect(html).toContain(`href="/i/login?redirect=${encodeURIComponent(`/i/downloads/${TOKEN}`)}"`);
+  });
+
+  it("says a gift is a gift", () => {
+    expect(render({ ...info, isGift: true })).toContain("A gift for you.");
+  });
+});

package/src/ui/styled/_tests/MembershipCheckout.spec.tsx

@@ -8,6 +8,7 @@ import { PublicAuthContext } from "../../../contexts/PublicAuthContext";
 import { ForgeThemeProvider } from "../../theme/ForgeThemeProvider";
 import { Currency, type MembershipTier, type PublicAuthUser } from "../../../types/models";
 import { MembershipCheckout } from "../MembershipCheckout";
+import { InCommunity } from "../../../_tests/testCommunity";
 
 /**
  * Membership signup, end to end, over the REAL query/mutation layer.
@@ -66,6 +67,14 @@ const currencies = {
   exchangeRates: { [Currency.USD]: { [Currency.NGN]: 1500 } },
 };
 
+/**
+ * The viewer's membership IN THIS COMMUNITY, as `GET /public/communities/:ref/me`
+ * reports it. Inside a community the checkout reads the current tier from
+ * here, never from `user.membership` (the newest membership on the whole
+ * profile, which can belong to another community).
+ */
+let viewerMembership: { tierId: string; status: string } | null = null;
+
 function installAdapter(tiers: MembershipTier[]) {
   sent = [];
   const adapter: AxiosAdapter = async (config: InternalAxiosRequestConfig) => {
@@ -76,6 +85,15 @@ function installAdapter(tiers: MembershipTier[]) {
     const reply = (data: unknown) =>
       Promise.resolve({ data, status: 200, statusText: "OK", headers: {}, config } as never);
 
+    if (/\/public\/communities\/[^/]+\/me$/.test(url)) {
+      return reply({
+        state: viewerMembership ? "member" : "none",
+        membership: viewerMembership,
+        application: null,
+        upgradeTiers: [],
+        canInteract: true,
+      });
+    }
     if (url.includes("/public/membership-tiers")) return reply(tiers);
     if (url.includes("/public/websites/site-config")) return reply({ currency: "USD" });
     if (url.includes("/public/currencies")) return reply(currencies);
@@ -107,7 +125,13 @@ function installAdapter(tiers: MembershipTier[]) {
   axios.defaults.adapter = adapter;
 }
 
-function mount(opts: { tiers: MembershipTier[]; user?: PublicAuthUser; initialTierId?: string }) {
+function mount(opts: {
+  tiers: MembershipTier[];
+  user?: PublicAuthUser;
+  initialTierId?: string;
+  viewerMembership?: { tierId: string; status: string } | null;
+}) {
+  viewerMembership = opts.viewerMembership ?? null;
   installAdapter(opts.tiers);
   // `"initialTierId" in opts` rather than `??`, so a test can ask for NO
   // preselected tier (the grid) without the default quietly putting one back.
@@ -130,7 +154,9 @@ function mount(opts: { tiers: MembershipTier[]; user?: PublicAuthUser; initialTi
           <ForgeThemeProvider
             theme={{ colors: { text: "#111111", background: "#ffffff", primary: "#6d28d9" }, cornerRadius: 8 }}
           >
-            <MembershipCheckout initialTierId={initialTierId} />
+            <InCommunity>
+              <MembershipCheckout initialTierId={initialTierId} />
+            </InCommunity>
           </ForgeThemeProvider>
         </PublicAuthContext.Provider>
       </ForgeClientProvider>
@@ -344,10 +370,9 @@ describe("billing cycles a tier actually sells", () => {
 
 describe("the tier grid, when no tier was chosen up front", () => {
   it("does not offer the tier the member is already on", async () => {
-    const onTier = { ...member, membership: { membershipTierId: "tier-1" } } as unknown as PublicAuthUser;
     mount({
       tiers: [tier({ id: "tier-1", name: "Inner Circle", priceMonthly: 10 }), tier({ id: "tier-2", name: "Backstage", priceMonthly: 20 })],
-      user: onTier,
+      viewerMembership: { tierId: "tier-1", status: "active" },
       initialTierId: undefined,
     });
 
@@ -371,13 +396,31 @@ describe("the tier grid, when no tier was chosen up front", () => {
   });
 
   it("calls a change a change for a member with a live subscription", async () => {
-    const paying = {
+    mount({
+      tiers: [tier({ id: "tier-2", name: "Backstage", priceMonthly: 20 })],
+      viewerMembership: { tierId: "tier-1", status: "active" },
+      initialTierId: "tier-2",
+    });
+
+    expect(await screen.findByRole("button", { name: "Confirm change" })).toBeTruthy();
+  });
+
+  it("REGRESSION: a membership in ANOTHER community does not turn a join into a change", async () => {
+    // `user.membership` is the newest membership on the profile. Here it lives
+    // in a different community, and this community's `/me` says: not a member.
+    const inOtherCommunity = {
       ...member,
-      membership: { membershipTierId: "tier-1", status: "active", paymentProviderSubscriptionId: "sub_123" },
+      membership: { membershipTierId: "tier-elsewhere", status: "active", paymentProviderSubscriptionId: "sub_other" },
     } as unknown as PublicAuthUser;
-    mount({ tiers: [tier({ id: "tier-2", name: "Backstage", priceMonthly: 20 })], user: paying, initialTierId: "tier-2" });
+    mount({
+      tiers: [tier({ id: "tier-2", name: "Backstage", priceMonthly: 20 })],
+      user: inOtherCommunity,
+      viewerMembership: null,
+      initialTierId: "tier-2",
+    });
 
-    expect(await screen.findByRole("button", { name: "Confirm change" })).toBeTruthy();
+    await waitFor(() => expect(sent.some((r) => /\/me$/.test(r.url))).toBe(true));
+    expect(screen.queryByRole("button", { name: "Confirm change" })).toBeNull();
   });
 });
 
@@ -452,7 +495,7 @@ describe("tier questionnaires", () => {
     ]);
   });
 
-  it("after applying, links to the account page rather than the membership list", async () => {
+  it("after applying, links inside the community (where it shows pending), never to the account page", async () => {
     mount({ tiers: [tier({ priceMonthly: 0, joinMode: "application", questionnaire: questions })] });
 
     fireEvent.change(await screen.findByLabelText(/Why do you want to join\?/), { target: { value: "Big fan" } });
@@ -463,8 +506,8 @@ describe("tier questionnaires", () => {
     expect(applicationPosts()[0].body).not.toHaveProperty("message");
     expect(applicationPosts()[0].body?.questionnaire).toHaveLength(3);
     expect(await screen.findByText("Application received")).toBeTruthy();
-    const link = screen.getByRole("link", { name: "Go to your account" }) as HTMLAnchorElement;
-    expect(link.getAttribute("href")).toBe("/i/account");
+    const link = screen.getByRole("link", { name: "Go to the community" }) as HTMLAnchorElement;
+    expect(link.getAttribute("href")).toBe("/i/communities/fan-club/home");
     expect(screen.queryByRole("link", { name: "View memberships" })).toBeNull();
   });
 });

package/src/ui/styled/_tests/membershipTierCallout.spec.tsx

@@ -11,7 +11,7 @@ import type { MembershipTier } from "../../../types/models";
 /**
  * What a fan sees after pressing Join while signed out.
  *
- * The auth guard sends them to `/i/login?redirect=/i/membership/checkout?membershipTierId=…`,
+ * The auth guard sends them to `/i/login?redirect=/i/communities/<slug>?tier=…`,
  * which up to now was a bare sign-in card: no mention of the tier they had just
  * chosen, no sign that the wall was part of joining at all. The client app has
  * always shown the tier on this screen, so this is code websites catching up.

package/src/ui/styled/_tests/membershipTiersCuratedAccess.spec.tsx

@@ -121,7 +121,7 @@ describe("MembershipTiers: the card per join mode and application state", () =>
 
 describe("the invite token reaches the tier list", () => {
   it("forwards `?invite=` as inviteToken", async () => {
-    window.history.replaceState(null, "", "/i/membership?invite=tok-123");
+    window.history.replaceState(null, "", "/i/communities/fan-club?invite=tok-123");
     mount([tier("inv", { joinMode: "invite" })]);
     await cardOf("Tier inv");