feat: use the right test

Author: Samantha-KY

__tests__/components/sections/homepage/Testimonials.test.tsx

@@ -1,5 +1,7 @@
-import { render, screen } from "@testing-library/react";
+import "@testing-library/jest-dom";
+import { screen } from "@testing-library/react";
 import TestimonialsSection from "@/components/sections/homepage/Testimonials";
+import { renderWithRedux } from "../../../../__mocks__/renderWithRedux";
 
 describe("Testimonials Section", () => {
   const testimonials = [
@@ -15,9 +17,9 @@ describe("Testimonials Section", () => {
   ];
 
   it("should render testimonials with correct content", () => {
-    render(<TestimonialsSection />);
-    expect(screen.getByText("testimonials.community.title")).toBeInTheDocument();
-    expect(screen.getByText("footer.open.source")).toBeInTheDocument();
+    renderWithRedux(<TestimonialsSection testId="testimonialsId"/>);
+    const testimonial = screen.getByTestId("testimonialsId");
+    expect(testimonial).toBeInTheDocument();
 
     testimonials.forEach((testimonial) => {
       expect(screen.getByAltText(testimonial.icon)).toBeInTheDocument();

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

@@ -14,10 +14,12 @@ describe("Stories", () => {
     expect(screen.getByTestId("testimonialsId")).toBeInTheDocument();
     const mockGrid = _.chunk([fixtureTestimonials], 5);
     mockGrid.forEach((grid) => {
-      grid.forEach(() => {
+      grid.forEach((story) => {
         const storyImage = screen.getByRole("img");
         expect(storyImage).toBeInTheDocument();
         expect(storyImage.hasAttribute("src")).toBeTruthy();
+        expect(storyImage.getAttribute("src")).toContain(story.icon.replace("/testimonials-icon", "/_next/image?url=%2Ftestimonials-icon&w=96&q=75"));
+        expect(storyImage.hasAttribute("alt")).toBeTruthy();
       });
     });
   });

src/components/sections/homepage/Testimonials.tsx

@@ -75,13 +75,15 @@ const stories = (t: TFunction<"translation", undefined, "translation">): Testimo
   ];
 };
 
-export default function TestimonialsSection(): ReactElement {
+export default function TestimonialsSection({testId}: {testId?: string}): ReactElement {
   const { t } = useTranslation();
   return (
+    <div data-testid={testId}>
     <Section type="secondary-light" padding="py-6 xl:py-10 md:py-8 mt-5">
       <CommunityStats />
       <Stories list={stories(t)} />
       <OpenSource/>
     </Section>
+    </div>
   );
 }