MM-005: Add test for hamburger button

src/App.test.tsx

@@ -1,9 +1,23 @@
 import React from 'react';
-import { render, screen } from '@testing-library/react';
+import { render, screen, fireEvent  } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
 import App from './App';
+import Hamburger from './Hamburgerbutton';
 
-test('renders learn react link', () => {
+/* test('renders learn react link', () => {
   render(<App />);
   const linkElement = screen.getByText(/learn react/i);
   expect(linkElement).toBeInTheDocument();
-});
+}); */
+
+
+
+test('calls onClick when Hamburger button is clicked', () => {
+    const handleClick = jest.fn();
+    render(<Hamburger onClick={handleClick} label="Click Me" />);
+
+    const button = screen.getByText('Click Me');
+    fireEvent.click(button);
+
+    expect(handleClick).toHaveBeenCalledTimes(1);
+  });

src/Hamburgerbutton.tsx

@@ -3,9 +3,11 @@ import './Hamburgerbutton.scss'; // styling for the hmauburger button icon
 
 interface HamburgerProps {
   onClick: () => void;
+  label: string;
+
 }
 
-const Hamburger: React.FC<HamburgerProps> = ({ onClick }) => {
+const Hamburger: React.FC<HamburgerProps> = ({ onClick , label}) => {
 
   const handleClick = () => {
     onClick();
@@ -14,6 +16,7 @@ const Hamburger: React.FC<HamburgerProps> = ({ onClick }) => {
   return (
     <button onClick={handleClick} className="hamburger">
          {/* draw the 3 lines which make up the hmburger  */}
+         {label}
         <div className="line" />
         <div className="line" />
         <div className="line" />