feat: add test for section homepage partials stories

Author: Samantha-KY

__tests__/components/sections/homepage/_partials/Stories.test.tsx

@@ -0,0 +1,24 @@
+import TestimonialsSection from "@/components/sections/homepage/_partials/testimonials/Stories";
+import "@testing-library/jest-dom";
+import { render, screen } from "@testing-library/react";
+import _ from "lodash";
+
+const fixtureTestimonials = {
+  content: "testimonials content",
+  icon: "/testimonials-icon",
+};
+
+describe("Stories", () => {
+  it("should display the storis", () => {
+    render(<TestimonialsSection testId="testimonialsId" list={[fixtureTestimonials]} />);
+    expect(screen.getByTestId("testimonialsId")).toBeInTheDocument();
+    const mockGrid = _.chunk([fixtureTestimonials], 5);
+    mockGrid.forEach((grid) => {
+      grid.forEach(() => {
+        const storyImage = screen.getByRole("img");
+        expect(storyImage).toBeInTheDocument();
+        expect(storyImage.hasAttribute("src")).toBeTruthy();
+      });
+    });
+  });
+});

src/components/sections/homepage/_partials/testimonials/Stories.tsx

@@ -21,6 +21,7 @@ interface Testimonial {
  */
 interface TestimonialsSectionProps {
   list: Testimonial[];
+  testId?: string;
 }
 
 /**
@@ -35,7 +36,7 @@ interface ShowingBubble {
   grid: number | null;
 }
 
-export default function TestimonialsSection({ list }: TestimonialsSectionProps): ReactElement {
+export default function TestimonialsSection({ list, testId }: TestimonialsSectionProps): ReactElement {
   const [showingBubble, setShowingBubble] = useState<ShowingBubble>(() => ({
     card: 4,
     grid: 0,
@@ -94,7 +95,7 @@ export default function TestimonialsSection({ list }: TestimonialsSectionProps):
   };
 
   return (
-    <div className="relative w-full top-0 h-screen left-0 z-0 hidden md:block md:max-h-3xl lg:max-h-4xl xl:max-h-7.1xl">
+    <div data-testid={testId} className="relative w-full top-0 h-screen left-0 z-0 hidden md:block md:max-h-3xl lg:max-h-4xl xl:max-h-7.1xl">
       {grids.map((grid, gridIndex) => {
         return (
           <span