test and clean up bugs

__tests__/pages/collectionspage.test.tsx

@@ -0,0 +1,29 @@
+import { render } from "@testing-library/react";
+import { axe } from "jest-axe";
+import React from "react";
+import { mockCollectionsResponse } from "__tests__/__mocks__/data/mockApiResponses";
+import { CollectionsPage } from "@/src/components/pages/collectionsPage/collectionsPage";
+import CollectionSearchParams from "@/src/types/CollectionSearchParams";
+
+jest.mock("next/navigation", () => ({
+  useRouter: jest.fn(),
+  usePathname: jest.fn(),
+}));
+
+describe.skip("Homepage Accessibility", () => {
+  const searchParams = {
+    collection_keywords: "flower",
+    sort: "title-asc",
+    page: "2",
+  };
+  it("passes axe accessibility test", async () => {
+    const { container } = render(
+      <CollectionsPage
+        data={mockCollectionsResponse}
+        params={searchParams}
+        renderCollections={true}
+      />
+    );
+    expect(await axe(container)).toHaveNoViolations();
+  }, 60000);
+});

app/collections/page.tsx

@@ -3,10 +3,10 @@ import { Metadata } from "next";
 import { CollectionsPage } from "../src/components/pages/collectionsPage/collectionsPage";
 import { getCollectionsData } from "@/src/utils/apiHelpers";
 import { redirect } from "next/navigation";
-
+import CollectionSearchParams from "@/src/types/CollectionSearchParams";
 export type CollectionsProps = {
   params: { slug: string };
-  searchParams: { page: string; sort: string; collection_keywords: string };
+  searchParams: CollectionSearchParams;
 };
 
 export const metadata: Metadata = {
@@ -32,7 +32,7 @@ export default async function Collections({ searchParams }: CollectionsProps) {
   }
 
   const renderCollections =
-    data?.collection !== undefined && data?.collection?.nil;
+    data?.collection !== undefined && !data?.collection?.nil;
 
   return (
     <Suspense>