Format code

hotel-management/src/components/ButtonIcon/ButtonIcon.test.tsx

@@ -1,17 +1,19 @@
-import renderer from 'react-test-renderer'
+import renderer from 'react-test-renderer';
 
 // Components
-import ButtonIcon from '.'
+import ButtonIcon from '.';
-import { HiOutlineLogout } from 'react-icons/hi'
+import { HiOutlineLogout } from 'react-icons/hi';
 
 describe('ButtonIcon testing snapshot', () => {
-  const wrapper = renderer.create(<ButtonIcon
+  const wrapper = renderer.create(
-    aria-label="Logout"
+    <ButtonIcon
-    icon={<HiOutlineLogout />}
+      aria-label="Logout"
-    iconStyle={{ size: '23px' }}
+      icon={<HiOutlineLogout />}
-  />)
+      iconStyle={{ size: '23px' }}
+    />
+  );
 
   test('render', () => {
-    expect(wrapper).toMatchSnapshot()
+    expect(wrapper).toMatchSnapshot();
-  })
+  });
-})
+});

hotel-management/src/components/Form/Form.test.tsx

@@ -1,7 +1,10 @@
 import renderer from 'react-test-renderer';
 
+// Components
 import Form from '.';
 import Input from '@commonStyle/Input';
+
+// Styled
 import { FormBtn } from '@page/User/styled';
 
 describe('Form testing snapshot', () => {

hotel-management/src/components/Header/Header.test.tsx

@@ -1,10 +1,12 @@
-import renderer from 'react-test-renderer'
+import renderer from 'react-test-renderer';
-import Header from '.'
+
+// Components
+import Header from '.';
 
 describe('Header testing snapshot', () => {
-  const wrapper = renderer.create(<Header accountName='Nezumi' />)
+  const wrapper = renderer.create(<Header accountName="Nezumi" />);
 
   test('render', () => {
-    expect(wrapper).toMatchSnapshot()
+    expect(wrapper).toMatchSnapshot();
-  })
+  });
-})
+});

hotel-management/src/components/HeaderMenu/HeaderMenu.test.tsx

@@ -1,5 +1,6 @@
 import renderer from 'react-test-renderer';
 
+// Components
 import HeaderMenu from '.';
 
 describe('HeaderMenu testing snapshot', () => {

hotel-management/src/components/Menus/Menus.test.tsx

@@ -1,5 +1,6 @@
 import renderer from 'react-test-renderer';
 
+// Components
 import Menus from '.';
 import { RiEditBoxFill, RiDeleteBin2Line } from 'react-icons/ri';
 

hotel-management/src/components/Message/Message.test.tsx

@@ -1,5 +1,6 @@
 import renderer from 'react-test-renderer';
 
+// Components
 import Message from '.';
 
 describe('Message testing snapshot', () => {

hotel-management/src/components/Nav/Nav.test.tsx

@@ -1,8 +1,8 @@
 import renderer from 'react-test-renderer';
+import { BrowserRouter } from 'react-router-dom';
 
 // Components
 import Nav from '.';
-import { BrowserRouter } from 'react-router-dom';
 
 describe('Nav testing snapshot', () => {
   const wrapper = renderer.create(

hotel-management/src/components/OrderBy/Order.test.tsx

@@ -1,8 +1,9 @@
 import renderer from 'react-test-renderer';
-
-import Order from '.';
 import { BrowserRouter } from 'react-router-dom';
 
+// Components
+import Order from '.';
+
 describe('<Order.test />', () => {
   const options = [
     {

hotel-management/src/components/Search/Search.test.tsx

@@ -1,8 +1,9 @@
 import renderer from 'react-test-renderer';
-
-import Search from '.';
 import { BrowserRouter } from 'react-router-dom';
 
+// Components
+import Search from '.';
+
 describe('Search testing snapshot', () => {
   const placeHolder = 'Search placeholder...';
   const wrapper = renderer.create(

hotel-management/src/components/Select/Select.test.tsx

@@ -1,5 +1,6 @@
 import renderer from 'react-test-renderer';
 
+// Components
 import Select from '.';
 
 describe('Select testing snapshot', () => {

hotel-management/src/components/SortBy/SortBy.test.tsx

@@ -1,8 +1,9 @@
 import renderer from 'react-test-renderer';
-
-import SortBy from '.';
 import { BrowserRouter } from 'react-router-dom';
 
+// Components
+import SortBy from '.';
+
 describe('<SortBy.test />', () => {
   const options = [
     {

hotel-management/src/components/Table/Table.test.tsx

@@ -1,6 +1,9 @@
 import renderer from 'react-test-renderer';
 
+// Components
 import Table from '.';
+
+// Types
 import { IUser } from '@type/users';
 
 interface ITableRow {
@@ -23,7 +26,7 @@ describe('Table testing snapshot', () => {
       isBooked: false,
     },
   ];
-  const TableRow = ({user}: ITableRow) => {
+  const TableRow = ({ user }: ITableRow) => {
     const { id, name, phone, isBooked } = user;
 
     return (
@@ -35,7 +38,7 @@ describe('Table testing snapshot', () => {
       </Table.Row>
     );
   };
-  const renderRow = (user: IUser) => <TableRow user={user} key={user.id}/>
+  const renderRow = (user: IUser) => <TableRow user={user} key={user.id} />;
 
   const wrapper = renderer.create(
     <Table columns="10% 35% 30% 15% 10%">

hotel-management/src/components/Toast/Toast.test.tsx

@@ -1,5 +1,6 @@
 import renderer from 'react-test-renderer';
 
+// Components
 import Toast from '.';
 
 describe('Toast testing snapshot', () => {