From a59f1e41053d71a02676a3760d47acb976f39fbc Mon Sep 17 00:00:00 2001
From: Amna Sehgal <amnasehgal211@gmail.com>
Date: Sun, 31 May 2026 19:54:09 +0530
Subject: [PATCH] test(ui): verify responsive rendering and footer elements

---
 app/components/Footer.test.tsx | 46 ++++++++++++++++++++++++++++++----
 1 file changed, 41 insertions(+), 5 deletions(-)

diff --git a/app/components/Footer.test.tsx b/app/components/Footer.test.tsx
index e7dd62e7e..f4f372dac 100644
--- a/app/components/Footer.test.tsx
+++ b/app/components/Footer.test.tsx
@@ -6,9 +6,7 @@ describe('Footer Component', () => {
   it('renders community text', () => {
     render(<Footer />);
 
-    const text = screen.getByText(/Designed for the elite builder community/i);
-
-    expect(text).toBeTruthy();
+    expect(screen.getByText(/Designed for the elite builder community/i)).toBeTruthy();
   });
 
   it('renders Documentation link', () => {
@@ -34,8 +32,46 @@ describe('Footer Component', () => {
   it('renders Contributors link', () => {
     render(<Footer />);
 
-    const contributorsLink = screen.getByText(/Contributors/i);
+    expect(screen.getByText(/Contributors/i)).toBeTruthy();
+  });
+
+  it('renders Creator link', () => {
+    render(<Footer />);
+
+    const creatorLink = screen.getByText(/Creator/i);
+
+    expect(creatorLink.closest('a')?.getAttribute('href')).toBe('https://github.com/jhasourav07');
+  });
+
+  it('renders footer landmark for accessibility', () => {
+    render(<Footer />);
+
+    expect(screen.getByRole('contentinfo')).toBeTruthy();
+  });
+
+  it('renders copyright text', () => {
+    render(<Footer />);
+
+    expect(screen.getByText(/© 2026 CommitPulse. All rights reserved./i)).toBeTruthy();
+  });
+});
+
+describe('Footer Responsive Layout', () => {
+  it('contains responsive classes for mobile and desktop layouts', () => {
+    const { container } = render(<Footer />);
+
+    const layoutContainer = container.querySelector('.mx-auto');
+
+    expect(layoutContainer).toBeTruthy();
+    expect(layoutContainer?.className).toContain('flex-col');
+    expect(layoutContainer?.className).toContain('md:flex-row');
+  });
+
+  it('contains responsive text alignment classes', () => {
+    render(<Footer />);
+
+    const heading = screen.getByText('CommitPulse');
 
-    expect(contributorsLink).toBeTruthy();
+    expect(heading.parentElement?.className).toContain('md:text-left');
   });
 });