Fix TypeScript matcher typing issue

tests/components/AskOrganizer.test.tsx

@@ -47,7 +47,9 @@ describe("AskOrganizer (behavioral tests)", () => {
 
   it("renders subtitle when provided", () => {
     render(<AskOrganizer title="Test" subtitle="Subtitle" />);
-    expect(screen.getByRole("heading", { name: "Subtitle" })).toBeInTheDocument();
+    expect(
+      screen.getByRole("heading", { name: "Subtitle" }),
+    ).toBeInTheDocument();
   });
 
   it("renders button with default text", () => {

tests/components/Button.test.tsx

@@ -63,4 +63,3 @@ describe("Button (behavioral tests)", () => {
     expect(link).toHaveAttribute("href", "/learn");
   });
 });
-

tests/components/Checkbox.test.tsx

@@ -26,4 +26,3 @@ componentTestSuite<CheckboxProps>({
     disabledProps: { disabled: true },
   },
 });
-

tests/components/ContentBanner.test.tsx

@@ -13,7 +13,8 @@ vi.mock("next/link", () => ({
 }));
 
 vi.mock("../../lib/assetUtils", async (importOriginal) => {
-  const actual = (await importOriginal()) as typeof import("../../lib/assetUtils");
+  const actual =
+    (await importOriginal()) as typeof import("../../lib/assetUtils");
   return {
     ...actual,
     getAssetPath: vi.fn((asset: string) => `/assets/${asset}`),

tests/components/ContextMenu.test.tsx

@@ -9,11 +9,7 @@ componentTestSuite<ContextMenuProps>({
   component: ContextMenu,
   name: "ContextMenu",
   props: {
-    children: (
-      <ContextMenuItem>
-        Item
-      </ContextMenuItem>
-    ),
+    children: <ContextMenuItem>Item</ContextMenuItem>,
   } as ContextMenuProps,
   requiredProps: [],
   primaryRole: "menu",
@@ -25,4 +21,3 @@ componentTestSuite<ContextMenuProps>({
     errorState: false,
   },
 });
-

tests/components/ContextMenuItem.test.tsx

@@ -23,4 +23,3 @@ componentTestSuite<ContextMenuItemProps>({
     disabledProps: { disabled: true },
   },
 });
-

tests/components/Footer.test.tsx

@@ -60,14 +60,24 @@ describe("Footer (behavioral tests)", () => {
 
   it("renders navigation links", () => {
     render(<Footer />);
-    expect(screen.getAllByRole("link", { name: "Use cases" }).length).toBeGreaterThan(0);
-    expect(screen.getAllByRole("link", { name: "Learn" }).length).toBeGreaterThan(0);
-    expect(screen.getAllByRole("link", { name: "About" }).length).toBeGreaterThan(0);
+    expect(
+      screen.getAllByRole("link", { name: "Use cases" }).length,
+    ).toBeGreaterThan(0);
+    expect(
+      screen.getAllByRole("link", { name: "Learn" }).length,
+    ).toBeGreaterThan(0);
+    expect(
+      screen.getAllByRole("link", { name: "About" }).length,
+    ).toBeGreaterThan(0);
   });
 
   it("renders legal links", () => {
     render(<Footer />);
-    expect(screen.getAllByRole("link", { name: "Privacy Policy" }).length).toBeGreaterThan(0);
-    expect(screen.getAllByRole("link", { name: "Terms of Service" }).length).toBeGreaterThan(0);
+    expect(
+      screen.getAllByRole("link", { name: "Privacy Policy" }).length,
+    ).toBeGreaterThan(0);
+    expect(
+      screen.getAllByRole("link", { name: "Terms of Service" }).length,
+    ).toBeGreaterThan(0);
   });
 });

tests/components/Header.test.tsx

@@ -19,4 +19,3 @@ componentTestSuite<HeaderProps>({
     errorState: false,
   },
 });
-

tests/components/HeroBanner.test.tsx

@@ -45,7 +45,9 @@ describe("HeroBanner (behavioral tests)", () => {
 
   it("renders subtitle when provided", () => {
     render(<HeroBanner title="Test" subtitle="Subtitle" />);
-    expect(screen.getByRole("heading", { name: "Subtitle" })).toBeInTheDocument();
+    expect(
+      screen.getByRole("heading", { name: "Subtitle" }),
+    ).toBeInTheDocument();
   });
 
   it("renders hero image", () => {
@@ -56,9 +58,7 @@ describe("HeroBanner (behavioral tests)", () => {
   });
 
   it("renders CTA button when provided", () => {
-    render(
-      <HeroBanner title="Test" ctaText="Get Started" ctaHref="/start" />,
-    );
+    render(<HeroBanner title="Test" ctaText="Get Started" ctaHref="/start" />);
     expect(
       screen.getAllByRole("button", { name: "Get Started" }).length,
     ).toBeGreaterThan(0);

tests/components/Input.test.tsx

@@ -27,4 +27,3 @@ componentTestSuite<InputProps>({
     errorProps: { error: true },
   },
 });
-

tests/components/Logo.test.tsx

@@ -37,9 +37,7 @@ describe("Logo (behavioral tests)", () => {
 
   it("renders logo icon", () => {
     render(<Logo />);
-    expect(
-      screen.getByAltText("CommunityRule Logo Icon"),
-    ).toBeInTheDocument();
+    expect(screen.getByAltText("CommunityRule Logo Icon")).toBeInTheDocument();
   });
 
   it("renders text by default", () => {
@@ -50,9 +48,7 @@ describe("Logo (behavioral tests)", () => {
   it("hides text when showText is false", () => {
     render(<Logo showText={false} />);
     expect(screen.queryByText("CommunityRule")).not.toBeInTheDocument();
-    expect(
-      screen.getByAltText("CommunityRule Logo Icon"),
-    ).toBeInTheDocument();
+    expect(screen.getByAltText("CommunityRule Logo Icon")).toBeInTheDocument();
   });
 
   it("renders with different size variants", () => {

tests/components/RadioButton.test.tsx

@@ -27,4 +27,3 @@ componentTestSuite<RadioButtonProps>({
     disabledProps: { disabled: true },
   },
 });
-

tests/components/RadioGroup.test.tsx

@@ -25,4 +25,3 @@ componentTestSuite<RadioGroupProps>({
     errorState: false,
   },
 });
-

tests/components/RelatedArticles.test.tsx

@@ -50,19 +50,13 @@ const mockPosts: BlogPost[] = [
 describe("RelatedArticles", () => {
   it("renders without crashing", () => {
     render(
-      <RelatedArticles
-        relatedPosts={mockPosts}
-        currentPostSlug="current"
-      />,
+      <RelatedArticles relatedPosts={mockPosts} currentPostSlug="current" />,
     );
   });
 
   it("renders related articles", () => {
     render(
-      <RelatedArticles
-        relatedPosts={mockPosts}
-        currentPostSlug="current"
-      />,
+      <RelatedArticles relatedPosts={mockPosts} currentPostSlug="current" />,
     );
     expect(screen.getByTestId("thumbnail-article-1")).toBeInTheDocument();
     expect(screen.getByTestId("thumbnail-article-2")).toBeInTheDocument();
@@ -70,10 +64,7 @@ describe("RelatedArticles", () => {
 
   it("filters out current post", () => {
     render(
-      <RelatedArticles
-        relatedPosts={mockPosts}
-        currentPostSlug="article-1"
-      />,
+      <RelatedArticles relatedPosts={mockPosts} currentPostSlug="article-1" />,
     );
     expect(screen.queryByTestId("thumbnail-article-1")).not.toBeInTheDocument();
     expect(screen.getByTestId("thumbnail-article-2")).toBeInTheDocument();

tests/components/SectionHeader.test.tsx

@@ -21,4 +21,3 @@ componentTestSuite<SectionHeaderProps>({
     errorState: false,
   },
 });
-

tests/components/Select.test.tsx

@@ -32,4 +32,3 @@ componentTestSuite<SelectProps>({
     errorProps: { error: true },
   },
 });
-

tests/components/Switch.test.tsx

@@ -26,4 +26,3 @@ componentTestSuite<SwitchProps>({
     disabledProps: { disabled: true },
   },
 });
-

tests/components/TextArea.test.tsx

@@ -28,4 +28,3 @@ componentTestSuite<TextAreaProps>({
     errorProps: { error: true },
   },
 });
-

tests/components/Toggle.test.tsx

@@ -24,4 +24,3 @@ componentTestSuite<ToggleProps>({
     disabledProps: { disabled: true },
   },
 });
-

tests/components/ToggleGroup.test.tsx

@@ -20,4 +20,3 @@ componentTestSuite<ToggleGroupProps>({
     errorState: false,
   },
 });
-