Format code style and update test case

hotel-management/src/pages/Room/__tests__/RoomForm.test.tsx

@@ -1,8 +1,10 @@
-import RoomForm from '../RoomForm';
 import { BrowserRouter } from 'react-router-dom';
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
 import renderer from 'react-test-renderer';
 
+// Components
+import RoomForm from '../RoomForm';
+
 describe('RoomForm', () => {
   const queryClient = new QueryClient();
 

hotel-management/src/pages/Room/__tests__/RoomRow.test.tsx

@@ -1,9 +1,11 @@
 import renderer from 'react-test-renderer';
-import RoomRow from '../RoomRow';
-import { IRoom } from '@type/rooms';
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
 
+// Types
+import { IRoom } from '@type/rooms';
+
 // Components
+import RoomRow from '../RoomRow';
 
 describe('RoomRow', () => {
   const tempRoom: IRoom = {

hotel-management/src/pages/Room/__tests__/RoomTable.test.tsx

@@ -1,8 +1,10 @@
 import renderer from 'react-test-renderer';
-import RoomTable from '../RoomTable';
 import { BrowserRouter } from 'react-router-dom';
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
 
+// Components
+import RoomTable from '../RoomTable';
+
 describe('RoomTable', () => {
   const queryClient = new QueryClient();
 

hotel-management/src/pages/Room/__tests__/index.test.tsx

@@ -1,8 +1,10 @@
-import renderer from 'react-test-renderer';
 import Room from '..';
 import { BrowserRouter } from 'react-router-dom';
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
 
+// Components
+import renderer from 'react-test-renderer';
+
 describe('Room', () => {
   const queryClient = new QueryClient();
 

hotel-management/src/pages/User/__tests__/UserForm.test.tsx

@@ -1,6 +1,8 @@
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
 import { BrowserRouter } from 'react-router-dom';
 import renderer from 'react-test-renderer';
+
+// Components
 import UserForm from '../UserForm';
 
 describe('UserForm', () => {

hotel-management/src/pages/User/__tests__/UserRow.test.tsx

@@ -1,6 +1,10 @@
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
-import { IUser } from '@type/users';
 import renderer from 'react-test-renderer';
+
+// Types
+import { IUser } from '@type/users';
+
+// Components
 import UserRow from '../UserRow';
 
 describe('UserRow', () => {

hotel-management/src/pages/User/__tests__/UserTable.test.tsx

@@ -0,0 +1,22 @@
+import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
+import { BrowserRouter } from 'react-router-dom';
+import renderer from 'react-test-renderer';
+
+// Components
+import RoomTable from '@page/Room/RoomTable';
+
+describe('UserTable', () => {
+  const queryClient = new QueryClient();
+
+  const wrapper = renderer.create(
+    <QueryClientProvider client={queryClient}>
+      <BrowserRouter>
+        <RoomTable />
+      </BrowserRouter>
+    </QueryClientProvider>
+  );
+
+  test('Should render correctly', () => {
+    expect(wrapper).toMatchSnapshot();
+  });
+});

hotel-management/src/pages/User/__tests__/__snapshots__/UserTable.test.tsx.snap

@@ -0,0 +1,63 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`UserTable Should render correctly 1`] = `
+<div
+  className="sc-iJCSeZ crZyCc"
+  type="vertical"
+>
+  <div
+    className="sc-lmgPJu cuMSiO"
+  >
+    <div
+      className="sc-crzpnZ iahNiP"
+    >
+      <button
+        active={true}
+        className="sc-dItHI guVVWw"
+        disabled={true}
+        onClick={[Function]}
+      >
+        Ascending
+      </button>
+      <button
+        active={false}
+        className="sc-dItHI fIRqtD"
+        disabled={false}
+        onClick={[Function]}
+      >
+        Descending
+      </button>
+    </div>
+    <select
+      aria-label="Sort"
+      className="sc-iqAbyq czAJZn"
+      onChange={[Function]}
+      value=""
+    >
+      <option
+        value="id"
+      >
+        Sort by id
+      </option>
+      <option
+        value="name"
+      >
+        Sort by name
+      </option>
+      <option
+        value="price"
+      >
+        Sort by price
+      </option>
+    </select>
+    <input
+      className="sc-kEqXeH jMVPeG"
+      onChange={[Function]}
+      placeholder="Search by name..."
+    />
+  </div>
+  <div
+    className="sc-giAruI hMNXks"
+  />
+</div>
+`;

hotel-management/src/pages/User/__tests__/index.test.tsx

@@ -1,8 +1,10 @@
 import renderer from 'react-test-renderer';
-import User from '..';
 import { BrowserRouter } from 'react-router-dom';
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
 
+// Components
+import User from '..';
+
 describe('User', () => {
   const queryClient = new QueryClient();