Write test cases for Header component #46

Task

Write comprehensive test cases for the Header component located at src/components/layout/Header/Header.tsx using Vitest and React Testing Library.

Requirements

• Test rendering of Header component
• Validate display of user name (props.user?.name) and avatar image
• Test the onLogout button click behavior
• Ensure TailwindCSS and DaisyUI classes (navbar, btn, btn-ghost, etc.) are applied correctly
• Confirm accessibility for interactive elements and semantic structure
• Cover functional and edge cases (e.g., user is null, missing name)

Guidelines

• Follow project TDD standards and preferred test structure
• Place the test file as Header.test.tsx in the same directory as the component
• Use semantic queries (getByRole, getByText, etc.) and the Arrange-Act-Assert (AAA) pattern
• Reference the main component source: https://github.com/dbc2201/class-notes/blob/main/src/components/layout/Header/Header.tsx

Assignee

@KARUNANS2004 will be responsible for implementing these tests.