Walk Create Community through the Figma screens and restore a chosen logo after reload, so a guest can leave without saving until they reach the email step.

tests/components/CreateFlowTopNav.test.tsx

@@ -66,9 +66,9 @@ describe("CreateFlowTopNav (behavioral tests)", () => {
     expect(exitButton).toBeInTheDocument();
   });
 
-  it("shows Save & Exit when saveDraftOnExit is true", () => {
+  it("shows Save and exit when saveDraftOnExit is true", () => {
     render(<CreateFlowTopNav saveDraftOnExit={true} />);
-    const exitButton = screen.getByRole("button", { name: "Save & Exit" });
+    const exitButton = screen.getByRole("button", { name: "Save and exit" });
     expect(exitButton).toBeInTheDocument();
   });
 
@@ -232,7 +232,7 @@ describe("CreateFlowTopNav (viewport < sm2 / 440px)", () => {
     ).not.toBeInTheDocument();
     expect(screen.queryByRole("button", { name: "Edit" })).not.toBeInTheDocument();
     expect(
-      screen.queryByRole("button", { name: "Save & Exit" }),
+      screen.queryByRole("button", { name: "Save and exit" }),
     ).not.toBeInTheDocument();
   });
 
@@ -255,7 +255,7 @@ describe("CreateFlowTopNav (viewport < sm2 / 440px)", () => {
     ).toBeInTheDocument();
     expect(screen.getByRole("menuitem", { name: "Edit" })).toBeInTheDocument();
     expect(
-      screen.getByRole("menuitem", { name: "Save & Exit" }),
+      screen.getByRole("menuitem", { name: "Save and exit" }),
     ).toBeInTheDocument();
   });
 
@@ -284,7 +284,7 @@ describe("CreateFlowTopNav (viewport < sm2 / 440px)", () => {
     expect(handleEdit).toHaveBeenCalledTimes(1);
 
     await user.click(kebab);
-    await user.click(screen.getByRole("menuitem", { name: "Save & Exit" }));
+    await user.click(screen.getByRole("menuitem", { name: "Save and exit" }));
     expect(handleExit).toHaveBeenCalledTimes(1);
   });
 });