style(notifications): the Earlier fold reads as a section heading, like its siblings

It was a ghost button in body type under two uppercase section labels. It is now the heading itself, its text the disclosure's button (24px tall, past the WCAG 2.5.8 floor).
2026-10-28 20:42:18 +01:00
parent f49dc6532f
commit a5666bfde9
2 changed files with 19 additions and 10 deletions
@@ -139,6 +139,8 @@ describe("NotificationsPanel · order", () => {
    expect(rows()).toEqual(["Ready 1"]);
    const fold = screen.getByRole("button", { name: "inbox.earlier:2" });
    expect(fold.getAttribute("aria-expanded")).toBe("false");
+    // A section heading like "Needs you" and "Recent", its text the disclosure's button.
+    expect(fold.closest("h2")).not.toBeNull();
    fireEvent.click(fold);
    expect(fold.getAttribute("aria-expanded")).toBe("true");
    expect(rows()).toEqual(["Ready 1", "Activity 3", "Ready 2"]);