Format code style and update test case

hotel-management/src/hooks/__tests__/rooms.test.tsx

@@ -1,16 +1,17 @@
+import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
+import { act, renderHook, waitFor } from '@testing-library/react';
+import { MemoryRouter } from 'react-router-dom';
+import { ReactNode } from 'react';
+
+// Hooks
 import { useRooms } from '@hook/rooms/useRooms';
 import { useCreateRoom } from '@hook/rooms/useCreateRoom';
-import {
-  QueryClient,
-  QueryClientProvider,
-} from '@tanstack/react-query';
-import { act, renderHook, waitFor } from '@testing-library/react';
-import { IRoom } from '@type/rooms';
-import { ReactNode } from 'react';
-import { MemoryRouter } from 'react-router-dom';
 import { useUpdateRoom } from '@hook/rooms/useUpdateRoom';
 import { useDeleteRoom } from '@hook/rooms/useDeleteRoom';
 
+// Types
+import { IRoom } from '@type/rooms';
+
 const mockUseRooms = jest.fn(useRooms);
 const mockUseCreateRoom = jest.fn(useCreateRoom);
 const mockUseUpdateRoom = jest.fn(useUpdateRoom);
@@ -40,8 +41,8 @@ const wrapper = ({ children }: IWrapper) => {
   );
 };
 
-describe('CRUD Room testing', () => {
-  test('Fetch room data', async () => {
+describe('Room hooks', () => {
+  test('Should fetch data correctly', async () => {
     mockUseRooms.mockImplementation(() => ({
       rooms: [
         {
@@ -66,11 +67,13 @@ describe('CRUD Room testing', () => {
     );
   });
 
-  test('Create room', async () => {
+  test('Should create room correctly', async () => {
     mockUseCreateRoom.mockImplementation(() => ({
-      createRoom: () => {sampleData},
+      createRoom: () => {
+        sampleData;
+      },
       isCreating: false,
-      isSuccess: true
+      isSuccess: true,
     }));
     const { result } = renderHook(() => mockUseCreateRoom(), { wrapper });
 
@@ -83,11 +86,13 @@ describe('CRUD Room testing', () => {
     expect(result.current.isSuccess).toBeTruthy();
   });
 
-  test('Edit room', async () => {
+  test('Should edit room correctly', async () => {
     mockUseUpdateRoom.mockImplementation(() => ({
-      updateRoom: () => {sampleData},
+      updateRoom: () => {
+        sampleData;
+      },
       isUpdating: false,
-      isSuccess: true
+      isSuccess: true,
     }));
     const { result } = renderHook(() => mockUseUpdateRoom(), { wrapper });
 
@@ -101,11 +106,13 @@ describe('CRUD Room testing', () => {
     });
   });
 
-  test('Delete room', async () => {
+  test('Should delete room correctly', async () => {
     mockUseDeleteRoom.mockImplementation(() => ({
-      deleteRoom: () => {sampleData.id},
+      deleteRoom: () => {
+        sampleData.id;
+      },
       isDeleting: false,
-      isSuccess: true
+      isSuccess: true,
     }));
     const { result } = renderHook(() => mockUseDeleteRoom(), { wrapper });
 

hotel-management/src/hooks/__tests__/useDebounce.test.tsx

@@ -1,8 +1,12 @@
-import { useDebounce } from '@hook/useDebounce';
 import { fireEvent, render } from '@testing-library/react';
 import { useState } from 'react';
 import { act } from 'react-test-renderer';
 
+// Hooks
+import { useDebounce } from '@hook/useDebounce';
+
+jest.useFakeTimers();
+
 const TestComponent = ({ initialValue = 0 }: { initialValue?: number }) => {
   const [value, setValue] = useState(initialValue);
   const debouncedValue = useDebounce<number>(value, 1000);
@@ -17,29 +21,25 @@ const TestComponent = ({ initialValue = 0 }: { initialValue?: number }) => {
 };
 
 describe('useDebouncedValue', function () {
-  afterEach(() => {
-    jest.useRealTimers();
-  });
-
   test('Debounce value should not change before 1 second', () => {
-    jest.useFakeTimers();
     const { getByTestId, getByText } = render(<TestComponent />);
     const incrementButton = getByText('Increment');
     const debouncedValue = getByTestId('debouncedValue');
     const value = getByTestId('value');
 
-    const incrementAndPassTime = (passedTime: number) => {
+    const clickAndWaitTime = (passedTime: number) => {
       act(() => {
         fireEvent.click(incrementButton);
         jest.advanceTimersByTime(passedTime);
       });
     };
-    incrementAndPassTime(999);
+
+    clickAndWaitTime(100);
 
     expect(debouncedValue.textContent).toBe('0');
     expect(value.textContent).toBe('1');
 
-    incrementAndPassTime(1000);
+    clickAndWaitTime(1000);
 
     expect(debouncedValue.textContent).toBe('1');
     expect(value.textContent).toBe('2');

hotel-management/src/hooks/__tests__/useOutsideClick.test.tsx

@@ -1,7 +1,9 @@
-import { useOutsideClick } from '@hook/useOutsideClick';
 import { fireEvent, render, renderHook, screen } from '@testing-library/react';
 
-describe('useOutsideClick testing', () => {
+// Hooks
+import { useOutsideClick } from '@hook/useOutsideClick';
+
+describe('useOutsideClick', () => {
   test('Call handler when click outside element', () => {
     // Arrange
     const handler = jest.fn();

hotel-management/src/hooks/__tests__/users.test.tsx

@@ -1,13 +1,17 @@
-import { useCreateUser } from '@hook/users/useCreateUser';
-import { useUpdateUser } from '@hook/users/useUpdateUser';
-import { useUsers } from '@hook/users/useUsers';
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
 import { renderHook, waitFor } from '@testing-library/react';
-import { IUser } from '@type/users';
 import { ReactNode } from 'react';
 import { MemoryRouter } from 'react-router-dom';
 import { act } from 'react-test-renderer';
 
+// Hooks
+import { useCreateUser } from '@hook/users/useCreateUser';
+import { useUpdateUser } from '@hook/users/useUpdateUser';
+import { useUsers } from '@hook/users/useUsers';
+
+// Types
+import { IUser } from '@type/users';
+
 const mockUseUsers = jest.fn(useUsers);
 const mockUseCreateUser = jest.fn(useCreateUser);
 const mockUseUpdateUser = jest.fn(useUpdateUser);
@@ -37,8 +41,8 @@ const wrapper = ({ children }: IWrapper) => {
   );
 };
 
-describe('CRUD User testing', () => {
-  test('Fetch user data', async () => {
+describe('Users hook', () => {
+  test('Should fetch user data correctly', async () => {
     mockUseUsers.mockImplementation(() => ({
       users: [
         {
@@ -55,17 +59,17 @@ describe('CRUD User testing', () => {
         },
       ],
       isLoading: false,
-    }))
+    }));
     const { result } = renderHook(() => mockUseUsers(), { wrapper });
 
-    await waitFor(() =>
-      expect(result.current.users?.length).toEqual(2)
-    );
+    await waitFor(() => expect(result.current.users?.length).toEqual(2));
   });
 
-  test('Create user', async () => {
+  test('Should create user correctly', async () => {
     mockUseCreateUser.mockImplementation(() => ({
-      createUser: () => {sampleData},
+      createUser: () => {
+        sampleData;
+      },
       isCreating: false,
       isSuccess: true,
     }));
@@ -81,9 +85,11 @@ describe('CRUD User testing', () => {
     });
   });
 
-  test('Update user', async () => {
+  test('Should update user correctly', async () => {
     mockUseUpdateUser.mockImplementation(() => ({
-      updateUser: () => {sampleData},
+      updateUser: () => {
+        sampleData;
+      },
       isUpdating: false,
       isSuccess: true,
     }));