adds unit tests

Author: clarebyrne

client/src/components/layout/HeaderProfileMenu.test.tsx

@@ -86,4 +86,25 @@ describe("HeaderProfileMenu", () => {
 
     expect(localStorage.getItem("theme-preference")).toBe("dark");
   });
+
+  it("supports switching back to light mode", async () => {
+    const user = userEvent.setup();
+    localStorage.setItem("theme-preference", "dark");
+    renderMenu();
+
+    await user.click(screen.getByRole("button", { name: "Bobo Example" }));
+    await user.click(screen.getByRole("button", { name: "Light mode" }));
+
+    expect(localStorage.getItem("theme-preference")).toBe("light");
+  });
+
+  it("supports switching to system theme", async () => {
+    const user = userEvent.setup();
+    renderMenu();
+
+    await user.click(screen.getByRole("button", { name: "Bobo Example" }));
+    await user.click(screen.getByRole("button", { name: "System theme" }));
+
+    expect(localStorage.getItem("theme-preference")).toBe("system");
+  });
 });

client/src/components/layout/HeaderQuickNav.test.tsx

@@ -99,4 +99,53 @@ describe("HeaderQuickNav", () => {
     expect(input).toHaveFocus();
     expect(input).toHaveAttribute("data-expanded", "true");
   });
+
+  it("stays expanded after blur when the query has content", async () => {
+    const user = userEvent.setup();
+
+    render(
+      <I18nProvider>
+        <HeaderQuickNav />
+      </I18nProvider>,
+    );
+
+    const input = screen.getByRole("searchbox", { name: "Search" });
+    await user.type(input, "servers");
+    fireEvent.blur(input);
+
+    expect(input).toHaveAttribute("data-expanded", "true");
+  });
+
+  it("collapses again on blur when the query is empty", async () => {
+    const user = userEvent.setup();
+
+    render(
+      <I18nProvider>
+        <HeaderQuickNav />
+      </I18nProvider>,
+    );
+
+    const input = screen.getByRole("searchbox", { name: "Search" });
+    await user.click(input);
+    fireEvent.blur(input);
+
+    expect(input).toHaveAttribute("data-expanded", "false");
+  });
+
+  it("prevents the form from submitting", () => {
+    render(
+      <I18nProvider>
+        <HeaderQuickNav />
+      </I18nProvider>,
+    );
+
+    const input = screen.getByRole("searchbox", { name: "Search" });
+    const form = input.closest("form");
+    expect(form).not.toBeNull();
+
+    const submitEvent = new Event("submit", { bubbles: true, cancelable: true });
+    form!.dispatchEvent(submitEvent);
+
+    expect(submitEvent.defaultPrevented).toBe(true);
+  });
 });