CommunityRule/community-rule
2
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

Template flow cleaned up

Browse Source
This commit is contained in:
adilallo
2026-04-20 16:45:15 -06:00
parent d3bb8cdd0f
commit c08cd62872
32 changed files with 1545 additions and 254 deletions
Download Patch File Download Diff File Expand all files Collapse all files
tests/pages/templates.test.jsx
+66 -1
View File
@@ -4,17 +4,35 @@ import {
cleanup,
} from "../utils/test-utils";
import userEvent from "@testing-library/user-event";
import { describe, test, expect, afterEach, beforeEach } from "vitest";
import { describe, test, expect, afterEach, beforeEach, vi } from "vitest";
import { useSearchParams } from "next/navigation";
import TemplatesPageClient from "../../app/(marketing)/templates/TemplatesPageClient";
import { testRouter } from "../mocks/navigation";
import { GOVERNANCE_TEMPLATE_CATALOG } from "../../lib/templates/governanceTemplateCatalog";
import { CREATE_FLOW_ANONYMOUS_KEY } from "../../app/(app)/create/utils/anonymousDraftStorage";
import { CORE_VALUE_DETAILS_STORAGE_KEY } from "../../app/(app)/create/utils/coreValueDetailsLocalStorage";
/** Seed localStorage as if a stale anonymous draft were already in place. */
function seedStaleDraft() {
window.localStorage.setItem(
CREATE_FLOW_ANONYMOUS_KEY,
JSON.stringify({ title: "Stale Community" }),
);
window.localStorage.setItem(
CORE_VALUE_DETAILS_STORAGE_KEY,
JSON.stringify({ "1": { meaning: "stale", signals: "stale" } }),
);
}
beforeEach(() => {
testRouter.push.mockClear();
vi.mocked(useSearchParams).mockReturnValue(new URLSearchParams());
window.localStorage.clear();
});
afterEach(() => {
cleanup();
window.localStorage.clear();
});
describe("Templates page (/templates)", () => {
@@ -54,4 +72,51 @@ describe("Templates page (/templates)", () => {
"/create/review-template/solidarity-network",
);
});
test("direct entry (no ?fromFlow=1): wipes anonymous draft before navigating", async () => {
seedStaleDraft();
const user = userEvent.setup();
render(
<TemplatesPageClient initialGridEntries={GOVERNANCE_TEMPLATE_CATALOG} />,
);
const consensusCard = screen.getByText("Consensus").closest("div");
await user.click(consensusCard);
expect(window.localStorage.getItem(CREATE_FLOW_ANONYMOUS_KEY)).toBeNull();
expect(
window.localStorage.getItem(CORE_VALUE_DETAILS_STORAGE_KEY),
).toBeNull();
expect(testRouter.push).toHaveBeenCalledWith(
"/create/review-template/consensus",
);
});
test("in-flow entry (?fromFlow=1): preserves the anonymous draft", async () => {
vi.mocked(useSearchParams).mockReturnValue(
new URLSearchParams("fromFlow=1"),
);
seedStaleDraft();
const user = userEvent.setup();
render(
<TemplatesPageClient initialGridEntries={GOVERNANCE_TEMPLATE_CATALOG} />,
);
const consensusCard = screen.getByText("Consensus").closest("div");
await user.click(consensusCard);
expect(window.localStorage.getItem(CREATE_FLOW_ANONYMOUS_KEY)).toBe(
JSON.stringify({ title: "Stale Community" }),
);
expect(
window.localStorage.getItem(CORE_VALUE_DETAILS_STORAGE_KEY),
).toBe(
JSON.stringify({ "1": { meaning: "stale", signals: "stale" } }),
);
// No `?fromFlow=1` on the outbound review-template URL — the marker
// only disambiguates /templates' own click behavior.
expect(testRouter.push).toHaveBeenCalledWith(
"/create/review-template/consensus",
);
});
});