feat: add test for checking the content

Author: Samantha-KY

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

@@ -18,4 +18,13 @@ describe("Communities Section", () => {
     });
     expect(screen.getByText("page.index.communities.partnering.title")).toBeInTheDocument();
   });
+  it("should handle empty communities list", () => {
+    renderWithRedux(<CommunitiesSection communities={[]} />);
+    expect(screen.queryByText(community.name)).not.toBeInTheDocument();
+  });
+
+  it("should render the PartneringCard", () => {
+    renderWithRedux(<CommunitiesSection communities={[community]} />);
+    expect(screen.getByText("page.index.communities.partnering.title")).toBeInTheDocument();
+  });
 });

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

@@ -17,8 +17,12 @@ describe("Main Section", () => {
   it("should display cards", () => {
     renderWithRedux(<MainSection />);
     cards.forEach((card) => {
-      expect(screen.getByText(card.title)).toBeInTheDocument();
-      expect(screen.getByText(card.body)).toBeInTheDocument();
+      const cardTitleElement = screen.getByText(card.title);
+      const cardBodyElement = screen.getByText(card.body);
+      expect(cardTitleElement).toBeInTheDocument();
+      expect(cardTitleElement).toHaveTextContent(card.title);
+      expect(cardBodyElement).toBeInTheDocument();
+      expect(cardBodyElement).toHaveTextContent(card.body);
     });
   });
 });

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

@@ -7,8 +7,8 @@ describe("OpenSource", () => {
   it("should render Open Source", () => {
     renderWithRedux(<OpenSource />);
     expect(screen.getByTestId("openSourceId")).toBeInTheDocument();
-    expect(screen.getByRole("link")).toBeInTheDocument();
-    expect(screen.getByRole("link").hasAttribute("href")).toBeTruthy();
-    expect(screen.getByRole("link").getAttribute("href")).toBe("https://github.com/dacadeorg/dacade-frontend-app");
+    const link = screen.getByRole("link");
+    expect(link).toBeInTheDocument();
+    expect(link).toHaveAttribute("href", "https://github.com/dacadeorg/dacade-frontend-app");
   });
 });

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

@@ -1,26 +1,20 @@
 import "@testing-library/jest-dom";
 import TestimonialsSection from "@/components/sections/homepage/_partials/testimonials/Stories";
 import { render, screen } from "@testing-library/react";
-import _ from "lodash";
 
 const fixtureTestimonials = {
   content: "testimonials content",
   icon: "/testimonials-icon",
 };
 
 describe("Stories", () => {
-  it("should display the stories", () => {
-    render(<TestimonialsSection list={[fixtureTestimonials]} />);
-    expect(screen.getByTestId("testimonialsId")).toBeInTheDocument();
-    const mockGrid = _.chunk([fixtureTestimonials], 5);
-    mockGrid.forEach((grid) => {
-      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();
-      });
+  it("should display each story correctly", () => {
+    render(<TestimonialsSection list={Array(10).fill(fixtureTestimonials)} />);
+    const stories = screen.getAllByRole("img");
+    stories.forEach((storyImage) => {
+      expect(storyImage).toBeInTheDocument();
+      expect(storyImage).toHaveAttribute("src", expect.stringContaining(fixtureTestimonials.icon.replace("/testimonials-icon", "/_next/image?url=%2Ftestimonials-icon&w=96&q=75")));
+      expect(storyImage).toHaveAttribute("alt");
     });
   });
 });