test: add HeroSection component test coverage (JhaSourav07#851)

* cleaned

* dashboard link disabled

* test solved

* herosection test

* .

* herotest

Author: kanishka-2007-tech

app/components/HeroSection.test.tsx

@@ -0,0 +1,51 @@
+import '@testing-library/jest-dom';
+import { render, screen } from '@testing-library/react';
+import { describe, expect, it, vi } from 'vitest';
+import { HeroSection } from './HeroSection';
+
+vi.mock('framer-motion', () => ({
+  motion: {
+    div: 'div',
+    section: 'section',
+    h1: 'h1',
+    p: 'p',
+  },
+}));
+
+describe('HeroSection', () => {
+  it('renders the h1 heading', () => {
+    render(<HeroSection />);
+
+    const heading = screen.getByRole('heading', {
+      level: 1,
+    });
+
+    expect(heading).toBeInTheDocument();
+  });
+
+  it("heading contains 'Elevate Your'", () => {
+    render(<HeroSection />);
+
+    expect(screen.getByText(/Elevate Your/i)).toBeInTheDocument();
+  });
+
+  it("heading contains 'Contribution Story'", () => {
+    render(<HeroSection />);
+
+    expect(screen.getByText(/Contribution Story/i)).toBeInTheDocument();
+  });
+
+  it('renders the descriptive paragraph', () => {
+    render(<HeroSection />);
+
+    const paragraph = screen.getByText(/isometric/i);
+
+    expect(paragraph).toBeInTheDocument();
+  });
+
+  it("paragraph mentions 'isometric'", () => {
+    render(<HeroSection />);
+
+    expect(screen.getByText(/isometric/i)).toHaveTextContent(/isometric/i);
+  });
+});

package-lock.json

@@ -39,6 +39,7 @@
   "devDependencies": {
     "@emnapi/core": "^1.10.0",
     "@emnapi/runtime": "^1.10.0",
+    "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "^16.3.2",
     "@types/node": "^20",
     "@types/react": "^19",