Added user drawer test

frontend/src/components/UserDrawer/UserDrawer.test.tsx

@@ -1,31 +1,17 @@
 // @ts-nocheck
 import React from 'react';
-import ReactDOM, { unmountComponentAtNode } from 'react-dom';
-import { DateTime } from 'luxon';
-import { fireEvent, render, screen, waitFor } from '@testing-library/react';
-import BookingDrawer from './BookingDrawer';
+import { render, screen, waitFor } from '@testing-library/react';
 import UserDrawer from './UserDrawer';
 
-const fakeRoom = {
-    id: '123',
-    name: 'Amor',
-    building: 'Hermia 5',
-    capacity: 15,
-    features: ['TV', 'Whiteboard'],
-    nextCalendarEvent: DateTime.now().plus({ minutes: 30 }).toUTC().toISO(),
-    email: '[email protected]'
-};
 let container = null;
 
-describe('BookingDrawer', () => {
+describe('UserDrawer', () => {
     beforeEach(() => {
-        // Setup a DOM element as a render target
         container = document.createElement('div');
         document.body.appendChild(container);
     });
 
     afterEach(() => {
-        // Cleanup on exiting
         container.remove();
         container = null;
     });
@@ -36,21 +22,14 @@ describe('BookingDrawer', () => {
             <UserDrawer
                 open={true}
                 toggle={jest.fn()}
-                bookRoom={userMock}
-                room={fakeRoom}
-                duration={15}
-                additionalDuration={0}
-                availableMinutes={30}
-                onAddTime={jest.fn()}
-                startingTime={'Now'}
+                name={'Test user'}
+                expandedFeaturesAll={jest.fn()}
+                setExpandedFeaturesAll={jest.fn()}
             />,
             container
         );
 
-        const bookButton = screen.queryByTestId('BookNowButton');
+        const bookButton = screen.queryByTestId('UserDrawerLogoutButton');
         await waitFor(() => expect(bookButton).toBeTruthy());
-
-        fireEvent.click(bookButton);
-        expect(userMock).toBeCalledTimes(1);
     });
 });

frontend/src/components/UserDrawer/UserDrawer.tsx

@@ -60,15 +60,15 @@ const UserDrawer = (props: userSettingsProps) => {
                 <DrawerContent>
                     <DrawerButtonSecondary
                         aria-label="settings drawer "
-                        data-testid="BookNowButton"
+                        data-testid="HandleAllFeatureCollapseButton"
                         onClick={handleAllFeaturesCollapse}
                     >
                         <Visibility aria-label="visibility" />
                         &nbsp;Show room resources
                     </DrawerButtonSecondary>
                     <DrawerButtonSecondary
                         aria-label="logout"
-                        data-testid="Logout"
+                        data-testid="UserDrawerLogoutButton"
                         onClick={doLogout}
                     >
                         <Logout aria-label={'logout'}></Logout>