From 36187addbd90cf4798b8e81cce87c41c37eb2a65 Mon Sep 17 00:00:00 2001
From: KARUNANS2004 <s.karuna0074@gmail.com>
Date: Fri, 2 Jan 2026 23:13:21 +0530
Subject: [PATCH] create header test file

---
 src/components/layout/Header/Header.test.tsx | 56 ++++++++++++++++++++
 1 file changed, 56 insertions(+)
 create mode 100644 src/components/layout/Header/Header.test.tsx

diff --git a/src/components/layout/Header/Header.test.tsx b/src/components/layout/Header/Header.test.tsx
new file mode 100644
index 0000000..2465a1a
--- /dev/null
+++ b/src/components/layout/Header/Header.test.tsx
@@ -0,0 +1,56 @@
+import { render, screen, fireEvent } from "@testing-library/react";
+import { describe, it, expect, vi } from "vitest";
+import Header from "./Header";
+
+describe("Header component", () => {
+    const mockLogout = vi.fn();
+
+    const defaultProps = {
+        user: { name: "Karuna" },
+        onLogout: mockLogout,
+    };
+
+    it("renders the navbar container", () => {
+        render(<Header {...defaultProps} />);
+        expect(screen.getByRole("banner")).toBeInTheDocument();
+    });
+
+    it("renders the app title", () => {
+        render(<Header {...defaultProps} />);
+        expect(screen.getByText("daisyUI")).toBeInTheDocument();
+    });
+
+    it("renders the hamburger menu link", () => {
+        render(<Header {...defaultProps} />);
+        const menuLink = screen.getAllByRole("link")[0];
+        expect(menuLink).toHaveAttribute("href", "/");
+    });
+
+    it("renders profile button", () => {
+        render(<Header {...defaultProps} />);
+        expect(screen.getByRole("button")).toBeInTheDocument();
+    });
+
+    it("shows the first letter of the user's name in profile image", () => {
+        render(<Header {...defaultProps} />);
+        const profileImg = screen.getByAltText("Karuna profile");
+        expect(profileImg).toHaveAttribute(
+            "src",
+            expect.stringContaining("K")
+        );
+    });
+
+    it("uses fallback text when user is undefined", () => {
+        render(<Header onLogout={mockLogout} />);
+        expect(screen.getByAltText("User profile")).toBeInTheDocument();
+    });
+
+    it("calls onLogout when profile button is clicked", () => {
+        render(<Header {...defaultProps} />);
+        const profileButton = screen.getByRole("button");
+
+        fireEvent.click(profileButton);
+
+        expect(mockLogout).toHaveBeenCalledOnce();
+    });
+});