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) => (