diff --git a/src/frontend/src/pages/FlowPage/components/flowSidebarComponent/components/__tests__/categoryGroup.test.tsx b/src/frontend/src/pages/FlowPage/components/flowSidebarComponent/components/__tests__/categoryGroup.test.tsx index 331eee53be..8c14bd86fe 100644 --- a/src/frontend/src/pages/FlowPage/components/flowSidebarComponent/components/__tests__/categoryGroup.test.tsx +++ b/src/frontend/src/pages/FlowPage/components/flowSidebarComponent/components/__tests__/categoryGroup.test.tsx @@ -1,30 +1,48 @@ import { render, screen } from "@testing-library/react"; -import React from "react"; +import type { ReactNode } from "react"; import { CategoryGroup } from "../categoryGroup"; +type MockChildrenProps = { + children?: ReactNode; + className?: string; +}; + +type MockCategoryDisclosureProps = { + item: { name: string; display_name: string }; + openCategories: string[]; +}; + +type MockSearchConfigTriggerProps = { + showConfig: boolean; + setShowConfig: (value: boolean) => void; +}; + // Mock the UI components jest.mock("@/components/ui/sidebar", () => ({ - SidebarGroup: ({ children, className }: any) => ( + SidebarGroup: ({ children, className }: MockChildrenProps) => (
{children}
), - SidebarGroupContent: ({ children }: any) => ( + SidebarGroupContent: ({ children }: MockChildrenProps) => (
{children}
), - SidebarGroupLabel: ({ children, className }: any) => ( + SidebarGroupLabel: ({ children, className }: MockChildrenProps) => (
{children}
), - SidebarMenu: ({ children }: any) => ( + SidebarMenu: ({ children }: MockChildrenProps) => (
{children}
), })); // Mock the CategoryDisclosure component jest.mock("../categoryDisclouse", () => ({ - CategoryDisclosure: ({ item, openCategories }: any) => ( + CategoryDisclosure: ({ + item, + openCategories, + }: MockCategoryDisclosureProps) => (
CategoryDisclosure for {item.display_name} - Open:{" "} {openCategories.includes(item.name).toString()} @@ -42,7 +60,10 @@ jest.mock("@/utils/styleUtils", () => ({ // Mock the SearchConfigTrigger component jest.mock("../searchConfigTrigger", () => ({ - SearchConfigTrigger: ({ showConfig, setShowConfig }: any) => ( + SearchConfigTrigger: ({ + showConfig, + setShowConfig, + }: MockSearchConfigTriggerProps) => (