Invite people after review, then finish the Rule, with login before inviting and Invite your members on Profile.

tests/components/CompletedPage.test.tsx

@@ -67,7 +67,7 @@ describe("CompletedScreen", () => {
     expect(screen.queryByText("Values")).not.toBeInTheDocument();
   });
 
-  it("does not pin the title on small screens", () => {
+  it("keeps the heading in place while the Rule column scrolls", () => {
     sessionStorage.setItem(
       CREATE_FLOW_LAST_PUBLISHED_KEY,
       JSON.stringify(storedRuleFixture),
@@ -78,11 +78,25 @@ describe("CompletedScreen", () => {
     });
     const column = heading.closest("div[class*='md:justify-center']");
     expect(column).toBeTruthy();
-    expect(column.className).not.toMatch(/\bsticky\b/);
+    expect(column.className).toMatch(/\bshrink-0\b/);
     const ruleColumn = screen
       .getByText("Fixture value title")
-      .closest("div[class*='md:overflow-y-auto']");
-    expect(ruleColumn?.className).toMatch(/max-md:shrink-0/);
+      .closest("div[class*='overflow-y-auto']");
+    expect(ruleColumn?.className).toMatch(/overflow-y-auto/);
+  });
+
+  it("offers Ask an organizer under the finished Rule heading", () => {
+    sessionStorage.setItem(
+      CREATE_FLOW_LAST_PUBLISHED_KEY,
+      JSON.stringify(storedRuleFixture),
+    );
+    render(<CompletedScreen />);
+    expect(
+      screen.getByText("Has your Rule changed how your community works?"),
+    ).toBeInTheDocument();
+    expect(
+      screen.getByRole("button", { name: "Tell an organizer what changed." }),
+    ).toBeInTheDocument();
   });
 
   it("renders header and document from sessionStorage", () => {
@@ -106,12 +120,12 @@ describe("CompletedScreen", () => {
     render(<CompletedScreen />);
     expect(
       screen.queryByText(
-        "This is what folks see when you share your CommunityRule",
+        "Your Rule is finished",
       ),
     ).not.toBeInTheDocument();
     expect(
       screen.queryByText(
-        "Your group can use this document as an operating manual.",
+        "This is what the people you invite will see.",
       ),
     ).not.toBeInTheDocument();
   });
@@ -123,20 +137,16 @@ describe("CompletedScreen", () => {
     });
     render(<CompletedScreen />);
     expect(
-      screen.getByText(
-        "This is what folks see when you share your CommunityRule",
-      ),
+      screen.getByText("Your Rule is finished"),
     ).toBeInTheDocument();
     expect(
-      screen.getByText(
-        "Your group can use this document as an operating manual.",
-      ),
+      screen.getByText("This is what the people you invite will see."),
     ).toBeInTheDocument();
     const statusRegions = screen.getAllByRole("status");
     expect(statusRegions.length).toBeGreaterThanOrEqual(1);
     expect(
       statusRegions.some((el) =>
-        el.textContent?.includes("This is what folks see when you share"),
+        el.textContent?.includes("Your Rule is finished"),
       ),
     ).toBe(true);
   });