nezumi/react-training
1
0
Fork 0
mirror of https://github.com/Nezumi-2711/react-training.git synced 2026-09-22 13:38:51 +00:00
Code Issues Packages Projects Releases Wiki Activity

Remove unnecessary code and update snapshot, structure project

Browse Source
This commit is contained in:
nezumi
2023-12-04 17:34:58 +07:00
parent 5d8453e05c
commit ef2435d1c5
16 changed files with 14 additions and 263 deletions
Download Patch File Download Diff File Expand all files Collapse all files
hotel-management/src/components/Menus/Menus.test.tsx
+1 -1
View File
@@ -47,7 +47,7 @@ describe('Menus', () => {
expect(editBtn).not.toBeInTheDocument();
});
test('HandleOnClick should work', async () => {
test('Should call handleOnClick correctly', async () => {
const btn = await wrapper!.findByRole('button');
fireEvent.click(btn);
hotel-management/src/components/RootLayout/__tests__/__snapshots__/index.test.tsx.snap → hotel-management/src/components/RootLayout/__snapshots__/index.test.tsx.snap
View File
hotel-management/src/components/RootLayout/__tests__/index.test.tsx → hotel-management/src/components/RootLayout/index.test.tsx
+1 -1
View File
@@ -2,7 +2,7 @@ import { render } from '@testing-library/react';
import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
// Components
import RootLayout from '..';
import RootLayout from '.';
describe('RootLayout', () => {
test('Should render correctly', () => {
hotel-management/src/components/RouteProtected/__tests__/__snapshots__/index.test.tsx.snap → hotel-management/src/components/RouteProtected/__snapshots__/index.test.tsx.snap
View File
hotel-management/src/components/RouteProtected/__tests__/index.test.tsx → hotel-management/src/components/RouteProtected/index.test.tsx
+1 -1
View File
@@ -1,5 +1,5 @@
import { render } from '@testing-library/react';
import RouteProtected from '..';
import RouteProtected from '.';
import AppLayout from '@component/AppLayout';
import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
import { BrowserRouter } from 'react-router-dom';
hotel-management/src/components/RouteProtected/index.tsx
+3 -1
View File
@@ -9,7 +9,9 @@ const RouteProtected = ({ children }: IRouteProtected) => {
// Load user login
const { account } = useAccount();
return !account ? <Navigate to="/login" /> : children;
return !account
? <Navigate to="/login" />
: children;
};
export default RouteProtected;
hotel-management/src/contexts/__tests__/userRoomAvailableContext.test.tsx
-3
View File
@@ -4,9 +4,6 @@ import { reducer } from '@context/UserRoomAvailableContext';
// Types
import { IDataState } from '@type/common';
jest.mock('@service/userServices');
jest.mock('@service/roomServices');
describe('userRoomAvailableContext', () => {
let initialState: {
roomsAvailable: IDataState[];
hotel-management/src/hooks/__tests__/rooms.test.tsx
-135
View File
@@ -1,135 +0,0 @@
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 { useUpdateRoom } from '@hook/rooms/useUpdateRoom';
import { useSetIsDeleteRoom } from '@hook/rooms/useSetIsDeleteRoom';
// Types
import { IRoom } from '@type/room';
jest.mock('@hook/rooms/useRooms');
jest.mock('@hook/rooms/useCreateRoom');
jest.mock('@hook/rooms/useUpdateRoom');
jest.mock('@hook/rooms/useSetIsDeleteRoom');
interface IWrapper {
children: ReactNode;
}
const sampleData: IRoom = {
id: 999,
name: 'Room name test',
price: 9999,
status: true,
isDelete: true,
};
describe('Room hooks', () => {
const queryClient = new QueryClient({
defaultOptions: {
queries: {
retry: false,
},
},
});
const wrapper = ({ children }: IWrapper) => {
return (
<QueryClientProvider client={queryClient}>
<MemoryRouter>{children}</MemoryRouter>
</QueryClientProvider>
);
};
test('Should fetch data correctly', async () => {
(useRooms as jest.Mock).mockImplementation(() => ({
rooms: [
{
id: 1,
name: 'Nezumi',
price: 2500,
status: true,
isDelete: true,
},
{
id: 2,
name: 'Loi Phan',
price: 8500,
status: false,
isDelete: true,
},
],
isLoading: false,
count: 2
}));
const { result } = renderHook(() => useRooms(), { wrapper });
await waitFor(() =>
expect(result.current.rooms?.length).toBeGreaterThan(0)
);
});
test('Should create room correctly', async () => {
(useCreateRoom as jest.Mock).mockImplementation(() => ({
createRoom: () => {
sampleData;
},
isCreating: false,
isSuccess: true,
}));
const { result } = renderHook(() => useCreateRoom(), { wrapper });
act(() => {
result.current.createRoom(sampleData);
});
await waitFor(() => result.current.isSuccess);
expect(result.current.isSuccess).toBeTruthy();
});
test('Should edit room correctly', async () => {
(useUpdateRoom as jest.Mock).mockImplementation(() => ({
updateRoom: () => {
sampleData;
},
isUpdating: false,
isSuccess: true,
}));
const { result } = renderHook(() => useUpdateRoom(), { wrapper });
act(() => {
const testMethod = async () => {
result.current.updateRoom(sampleData);
await waitFor(() => expect(result.current.isSuccess).toBeTruthy());
};
testMethod();
});
});
test('Should delete room correctly', async () => {
(useSetIsDeleteRoom as jest.Mock).mockImplementation(() => ({
setIsDeleteRoom: () => {
sampleData
},
isDeleting: false,
isSuccess: true,
}));
const { result } = renderHook(() => useSetIsDeleteRoom(), { wrapper });
act(() => {
const testMethod = async () => {
result.current.setIsDeleteRoom(sampleData.id);
await waitFor(() => expect(result.current.isSuccess).toBeTruthy());
};
testMethod();
});
});
});
hotel-management/src/hooks/__tests__/users.test.tsx
-110
View File
@@ -1,110 +0,0 @@
import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
import { act, renderHook, waitFor } from '@testing-library/react';
import { ReactNode } from 'react';
import { MemoryRouter } from 'react-router-dom';
// Hooks
import { useCreateUser } from '@hook/users/useCreateUser';
import { useUpdateUser } from '@hook/users/useUpdateUser';
import { useUsers } from '@hook/users/useUsers';
// Types
import { IUser } from '@type/user';
jest.mock('@hook/users/useUsers');
jest.mock('@hook/users/useCreateUser');
jest.mock('@hook/users/useUpdateUser');
interface IWrapper {
children: ReactNode;
}
const sampleData: IUser = {
id: 999,
name: 'User name test',
phone: '123456789',
isBooked: true,
isDelete: true,
};
const queryClient = new QueryClient({
defaultOptions: {
queries: {
retry: false,
},
},
});
const wrapper = ({ children }: IWrapper) => {
return (
<QueryClientProvider client={queryClient}>
<MemoryRouter>{children}</MemoryRouter>
</QueryClientProvider>
);
};
describe('Users hook', () => {
test('Should fetch user data correctly', async () => {
(useUsers as jest.Mock).mockImplementation(() => ({
users: [
{
id: 1,
name: 'Nezumi',
phone: '0123456678',
isBooked: true,
isDelete: true,
},
{
id: 2,
name: 'Loi Phan',
phone: '0123456678',
isBooked: false,
isDelete: true,
},
],
isLoading: false,
count: 2,
}));
const { result } = renderHook(() => useUsers(), { wrapper });
await waitFor(() => expect(result.current.users?.length).toEqual(2));
});
test('Should create user correctly', async () => {
(useCreateUser as jest.Mock).mockImplementation(() => ({
createUser: () => {
sampleData;
},
isCreating: false,
isSuccess: true,
}));
const { result } = renderHook(() => useCreateUser(), { wrapper });
act(() => {
const testMethod = async () => {
result.current.createUser(sampleData);
await waitFor(() => expect(result.current.isSuccess).toBeTruthy());
};
testMethod();
});
});
test('Should update user correctly', async () => {
(useUpdateUser as jest.Mock).mockImplementation(() => ({
updateUser: () => {
sampleData;
},
isUpdating: false,
isSuccess: true,
}));
const { result } = renderHook(() => useUpdateUser(), { wrapper });
act(() => {
const testMethod = async () => {
result.current.updateUser(sampleData);
await waitFor(() => expect(result.current.isSuccess).toBeTruthy());
};
testMethod();
});
});
});
hotel-management/src/pages/Booking/__tests__/__snapshots__/BookingForm.test.tsx.snap
+2 -2
View File
@@ -79,7 +79,7 @@ exports[`BookingForm Should render correctly 1`] = `
<input
class="sc-bdnyFh gXSWSo"
id="startDate"
min="2023-12-03"
min="2023-12-04"
name="startDate"
type="date"
/>
@@ -223,7 +223,7 @@ exports[`BookingForm Should render correctly 1`] = `
<input
class="sc-bdnyFh gXSWSo"
id="startDate"
min="2023-12-03"
min="2023-12-04"
name="startDate"
type="date"
/>
hotel-management/src/pages/Booking/__tests__/__snapshots__/index.test.tsx.snap
+2 -2
View File
@@ -6,7 +6,7 @@ exports[`Booking Should render correctly 1`] = `
"baseElement": <body>
<div>
<main
class="sc-gtsqUy gfxnvD"
class="sc-gtsqUy eStAWW"
>
<div
class="sc-bdnyFh bpfZjm"
@@ -45,7 +45,7 @@ exports[`Booking Should render correctly 1`] = `
</body>,
"container": <div>
<main
class="sc-gtsqUy gfxnvD"
class="sc-gtsqUy eStAWW"
>
<div
class="sc-bdnyFh bpfZjm"
hotel-management/src/pages/Booking/styled.ts
-1
View File
@@ -2,7 +2,6 @@ import styled from 'styled-components';
const StyledBooking = styled.main`
padding: 20px;
padding-bottom: 100px;
display: flex;
flex-direction: column;
hotel-management/src/pages/Room/__tests__/__snapshots__/index.test.tsx.snap
+2 -2
View File
@@ -6,7 +6,7 @@ exports[`Room Should render correctly 1`] = `
"baseElement": <body>
<div>
<main
class="sc-cxNGUP fhRVMt"
class="sc-cxNGUP fHVylE"
>
<div
class="sc-giAruI itcrUM"
@@ -80,7 +80,7 @@ exports[`Room Should render correctly 1`] = `
</body>,
"container": <div>
<main
class="sc-cxNGUP fhRVMt"
class="sc-cxNGUP fHVylE"
>
<div
class="sc-giAruI itcrUM"
hotel-management/src/pages/Room/styled.ts
-1
View File
@@ -2,7 +2,6 @@ import styled from 'styled-components';
const StyledRoom = styled.main`
padding: 20px;
padding-bottom: 100px;
display: flex;
flex-direction: column;
hotel-management/src/pages/User/__tests__/__snapshots__/index.test.tsx.snap
+2 -2
View File
@@ -6,7 +6,7 @@ exports[`User Should render correctly 1`] = `
"baseElement": <body>
<div>
<main
class="sc-ezyZrH hDMmuA"
class="sc-ezyZrH fBrULh"
>
<div
class="sc-giAruI itcrUM"
@@ -80,7 +80,7 @@ exports[`User Should render correctly 1`] = `
</body>,
"container": <div>
<main
class="sc-ezyZrH hDMmuA"
class="sc-ezyZrH fBrULh"
>
<div
class="sc-giAruI itcrUM"
hotel-management/src/pages/User/styled.ts
-1
View File
@@ -2,7 +2,6 @@ import styled from 'styled-components';
const StyledUser = styled.main`
padding: 20px;
padding-bottom: 100px;
display: flex;
flex-direction: column;