add test to check reading query will result in correct date range

containers/ecr-viewer/src/app/tests/HomePage.test.tsx

@@ -4,10 +4,12 @@ import {
   getTotalEcrCount,
   listEcrData,
 } from "@/app/services/listEcrDataService";
+import { convertDateOptionToDateRange } from "@/app/view-data/utils/date-utils";
 
 jest.mock("../services/listEcrDataService");
 jest.mock("../components/EcrPaginationWrapper");
 jest.mock("../components/LibrarySearch");
+jest.mock("../view-data/utils/date-utils.ts");
 
 describe("Home Page", () => {
   afterEach(() => {
@@ -38,3 +40,26 @@ describe("Home Page", () => {
     expect(screen.queryByText("Page not found")).not.toBeInTheDocument();
   });
 });
+
+describe("Reading query params on home page", () => {
+  it("should call convertDateOptionToDateRange with the correct dateRange from query params", async () => {
+    process.env.NEXT_PUBLIC_NON_INTEGRATED_VIEWER = "true";
+    const mockDateRange = "last-7-days";
+    const searchParams = { dateRange: mockDateRange };
+    const mockReturnDates = {
+      startDate: new Date("2024-12-01T00:00:00Z"),
+      endDate: new Date("2024-12-07T23:59:59Z"),
+    };
+
+    (convertDateOptionToDateRange as jest.Mock).mockReturnValue(
+      mockReturnDates,
+    );
+    const mockData = [{ id: 1, name: "Test Ecr" }];
+    (listEcrData as jest.Mock).mockResolvedValue(mockData);
+
+    render(await HomePage({ searchParams }));
+
+    expect(convertDateOptionToDateRange).toHaveBeenCalledWith("last-7-days");
+    expect(convertDateOptionToDateRange).toHaveReturnedWith(mockReturnDates);
+  });
+});