MM-112-menuoptions: added unit test for hamburger button open/close

techswitch-learners · Jul 31, 2024 · 630dfc7 · 630dfc7
1 parent a6da30a
commit 630dfc7
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 19 deletions.
diff --git a/src/App.test.tsx b/src/App.test.tsx
@@ -13,24 +13,7 @@ test('renders header', () => {
     expect(header[0]).toBeInTheDocument();
   });
 
-// test('calls onClick when Hamburger button is clicked', () => {
-//     const handleClick = jest.fn();
-//     render(<Hamburger label="Click Me" />);
-//     const button = screen.getByText('Click Me');
-//     fireEvent.click(button);
-//     expect(handleClick).towHaveBeenCalledTimes(1);;
-//   });
-
-//   test('test for hamburger menu options ', () => {
-//     const handleClick = jest.fn();
-//     render(<Hamburger label="Click Me" />);
-//     const button = screen.getByText('Click Me');
-//     fireEvent.click(button);
-//     const menuitem = screen.getByText('Your Acheivements');
-//     expect(menuitem).toBeInTheDocument();
-//   });
-
-test('should toggle menu on button click', () => {
+test('should toggle hamburger menu on button click', () => {
   render(<Hamburger />);
 
   const button = screen.getByTestId('toggle-button');

diff --git a/src/Header/Hamburgerbutton.tsx b/src/Header/Hamburgerbutton.tsx
@@ -29,7 +29,7 @@ const Hamburger: React.FC<HamburgerProps> = () => {
     </button>
 {/* display the menu list of clicked/unclicked */}
     {isOpen && (
-        <div className="menu">
+        <div className="menu" data-testid="menu">
           <Menu items={menuItems} />
       </div>
   )}