From 7fd9190ed22bec0eedd6cbbf216fc153c3d24ca2 Mon Sep 17 00:00:00 2001 From: Loi Phan Date: Sun, 26 Nov 2023 21:42:55 +0700 Subject: [PATCH 1/3] Write unit test for Rooms, Users page components --- hotel-management/.gitignore | 1 + hotel-management/jest.config.ts | 11 +++++++- hotel-management/package.json | 1 + hotel-management/pnpm-lock.yaml | 11 ++++++++ hotel-management/src/constants/config.ts | 2 +- .../Room/{RomTable.tsx => RoomTable.tsx} | 0 .../pages/Room/__tests__/RoomForm.test.tsx | 20 ++++++++++++++ .../src/pages/Room/__tests__/RoomRow.test.tsx | 26 +++++++++++++++++++ .../pages/Room/__tests__/RoomTable.test.tsx | 20 ++++++++++++++ .../src/pages/Room/__tests__/index.test.tsx | 20 ++++++++++++++ hotel-management/src/pages/Room/index.tsx | 2 +- .../pages/User/__tests__/UserForm.test.tsx | 20 ++++++++++++++ .../src/pages/User/__tests__/UserRow.test.tsx | 23 ++++++++++++++++ .../src/pages/User/__tests__/index.test.tsx | 20 ++++++++++++++ hotel-management/vite.config.ts | 11 ++++---- 15 files changed, 180 insertions(+), 8 deletions(-) rename hotel-management/src/pages/Room/{RomTable.tsx => RoomTable.tsx} (100%) create mode 100644 hotel-management/src/pages/Room/__tests__/RoomForm.test.tsx create mode 100644 hotel-management/src/pages/Room/__tests__/RoomRow.test.tsx create mode 100644 hotel-management/src/pages/Room/__tests__/RoomTable.test.tsx create mode 100644 hotel-management/src/pages/Room/__tests__/index.test.tsx create mode 100644 hotel-management/src/pages/User/__tests__/UserForm.test.tsx create mode 100644 hotel-management/src/pages/User/__tests__/UserRow.test.tsx create mode 100644 hotel-management/src/pages/User/__tests__/index.test.tsx diff --git a/hotel-management/.gitignore b/hotel-management/.gitignore index 5bfd2a0..d06f115 100644 --- a/hotel-management/.gitignore +++ b/hotel-management/.gitignore @@ -13,6 +13,7 @@ dist-ssr *.local .vscode coverage +.jest src/db.json diff --git a/hotel-management/jest.config.ts b/hotel-management/jest.config.ts index 1b0d7a0..24064df 100644 --- a/hotel-management/jest.config.ts +++ b/hotel-management/jest.config.ts @@ -1,4 +1,7 @@ -export default { +import type { Config } from 'jest'; + +const config: Config = { + verbose: true, testEnvironment: 'jsdom', transform: { '^.+\\.tsx?$': 'ts-jest', @@ -17,4 +20,10 @@ export default { '@page/(.*)': ['/src/pages/$1'], }, setupFilesAfterEnv: ['/jest.setup.ts'], + setupFiles: ['/.jest/setEnvVar.ts'], + testEnvironmentOptions: { + customExportConditions: [''], + }, }; + +export default config; diff --git a/hotel-management/package.json b/hotel-management/package.json index 7fd900c..584c75f 100644 --- a/hotel-management/package.json +++ b/hotel-management/package.json @@ -49,6 +49,7 @@ "ts-node": "^10.9.1", "typescript": "^5.0.2", "vite": "^4.4.5", + "vite-plugin-environment": "^1.1.3", "vite-tsconfig-paths": "^4.2.1" } } diff --git a/hotel-management/pnpm-lock.yaml b/hotel-management/pnpm-lock.yaml index 68ff571..6950453 100644 --- a/hotel-management/pnpm-lock.yaml +++ b/hotel-management/pnpm-lock.yaml @@ -106,6 +106,9 @@ devDependencies: vite: specifier: ^4.4.5 version: 4.4.11(@types/node@20.9.2) + vite-plugin-environment: + specifier: ^1.1.3 + version: 1.1.3(vite@4.4.11) vite-tsconfig-paths: specifier: ^4.2.1 version: 4.2.1(typescript@5.2.2)(vite@4.4.11) @@ -4580,6 +4583,14 @@ packages: convert-source-map: 2.0.0 dev: true + /vite-plugin-environment@1.1.3(vite@4.4.11): + resolution: {integrity: sha512-9LBhB0lx+2lXVBEWxFZC+WO7PKEyE/ykJ7EPWCq95NEcCpblxamTbs5Dm3DLBGzwODpJMEnzQywJU8fw6XGGGA==} + peerDependencies: + vite: '>= 2.7' + dependencies: + vite: 4.4.11(@types/node@20.9.2) + dev: true + /vite-tsconfig-paths@4.2.1(typescript@5.2.2)(vite@4.4.11): resolution: {integrity: sha512-GNUI6ZgPqT3oervkvzU+qtys83+75N/OuDaQl7HmOqFTb0pjZsuARrRipsyJhJ3enqV8beI1xhGbToR4o78nSQ==} peerDependencies: diff --git a/hotel-management/src/constants/config.ts b/hotel-management/src/constants/config.ts index f5c8e39..2ce25b2 100644 --- a/hotel-management/src/constants/config.ts +++ b/hotel-management/src/constants/config.ts @@ -1,6 +1,6 @@ const DEFAULT_SORT_BY = 'id'; const DEFAULT_ORDER_BY = 'asc'; const supabaseUrl = 'https://pjqujsjzzdrlrgqbxepe.supabase.co' -const supabaseKey = import.meta.env.VITE_SUPABASE_KEY +const supabaseKey = process.env.VITE_SUPABASE_KEY export { DEFAULT_SORT_BY, DEFAULT_ORDER_BY, supabaseKey, supabaseUrl }; diff --git a/hotel-management/src/pages/Room/RomTable.tsx b/hotel-management/src/pages/Room/RoomTable.tsx similarity index 100% rename from hotel-management/src/pages/Room/RomTable.tsx rename to hotel-management/src/pages/Room/RoomTable.tsx diff --git a/hotel-management/src/pages/Room/__tests__/RoomForm.test.tsx b/hotel-management/src/pages/Room/__tests__/RoomForm.test.tsx new file mode 100644 index 0000000..409e417 --- /dev/null +++ b/hotel-management/src/pages/Room/__tests__/RoomForm.test.tsx @@ -0,0 +1,20 @@ +import RoomForm from '../RoomForm'; +import { BrowserRouter } from 'react-router-dom'; +import { QueryClient, QueryClientProvider } from '@tanstack/react-query'; +import renderer from 'react-test-renderer'; + +describe('RoomForm', () => { + const queryClient = new QueryClient(); + + const wrapper = renderer.create( + + + + + + ); + + test('Should render correctly', () => { + expect(wrapper).toMatchSnapshot(); + }); +}); diff --git a/hotel-management/src/pages/Room/__tests__/RoomRow.test.tsx b/hotel-management/src/pages/Room/__tests__/RoomRow.test.tsx new file mode 100644 index 0000000..124c2b9 --- /dev/null +++ b/hotel-management/src/pages/Room/__tests__/RoomRow.test.tsx @@ -0,0 +1,26 @@ +import renderer from 'react-test-renderer'; +import RoomRow from '../RoomRow'; +import { IRoom } from '@type/rooms'; +import { QueryClient, QueryClientProvider } from '@tanstack/react-query'; + +// Components + +describe('RoomRow', () => { + const tempRoom: IRoom = { + id: 1, + name: 'Temp Room', + price: 250, + status: true, + }; + const queryClient = new QueryClient(); + + const wrapper = renderer.create( + + + + ); + + test('Should render correctly', () => { + expect(wrapper).toMatchSnapshot(); + }); +}); diff --git a/hotel-management/src/pages/Room/__tests__/RoomTable.test.tsx b/hotel-management/src/pages/Room/__tests__/RoomTable.test.tsx new file mode 100644 index 0000000..337025a --- /dev/null +++ b/hotel-management/src/pages/Room/__tests__/RoomTable.test.tsx @@ -0,0 +1,20 @@ +import renderer from 'react-test-renderer'; +import RoomTable from '../RoomTable'; +import { BrowserRouter } from 'react-router-dom'; +import { QueryClient, QueryClientProvider } from '@tanstack/react-query'; + +describe('RoomTable', () => { + const queryClient = new QueryClient(); + + const wrapper = renderer.create( + + + + + + ); + + test('Should render correctly', () => { + expect(wrapper).toMatchSnapshot(); + }); +}); diff --git a/hotel-management/src/pages/Room/__tests__/index.test.tsx b/hotel-management/src/pages/Room/__tests__/index.test.tsx new file mode 100644 index 0000000..23e4cad --- /dev/null +++ b/hotel-management/src/pages/Room/__tests__/index.test.tsx @@ -0,0 +1,20 @@ +import renderer from 'react-test-renderer'; +import Room from '..'; +import { BrowserRouter } from 'react-router-dom'; +import { QueryClient, QueryClientProvider } from '@tanstack/react-query'; + +describe('Room', () => { + const queryClient = new QueryClient(); + + const wrapper = renderer.create( + + + + + + ); + + test('Should render correctly', () => { + expect(wrapper).toMatchSnapshot(); + }); +}); diff --git a/hotel-management/src/pages/Room/index.tsx b/hotel-management/src/pages/Room/index.tsx index 3704ca8..d2cbde3 100644 --- a/hotel-management/src/pages/Room/index.tsx +++ b/hotel-management/src/pages/Room/index.tsx @@ -1,5 +1,5 @@ // Components -import RoomTable from './RomTable'; +import RoomTable from './RoomTable'; import RoomForm from './RoomForm'; import Modal from '@component/Modal'; diff --git a/hotel-management/src/pages/User/__tests__/UserForm.test.tsx b/hotel-management/src/pages/User/__tests__/UserForm.test.tsx new file mode 100644 index 0000000..fdca85d --- /dev/null +++ b/hotel-management/src/pages/User/__tests__/UserForm.test.tsx @@ -0,0 +1,20 @@ +import { QueryClient, QueryClientProvider } from '@tanstack/react-query'; +import { BrowserRouter } from 'react-router-dom'; +import renderer from 'react-test-renderer'; +import UserForm from '../UserForm'; + +describe('UserForm', () => { + const queryClient = new QueryClient(); + + const wrapper = renderer.create( + + + + + + ); + + test('Should render correctly', () => { + expect(wrapper).toMatchSnapshot(); + }); +}); diff --git a/hotel-management/src/pages/User/__tests__/UserRow.test.tsx b/hotel-management/src/pages/User/__tests__/UserRow.test.tsx new file mode 100644 index 0000000..2bc8438 --- /dev/null +++ b/hotel-management/src/pages/User/__tests__/UserRow.test.tsx @@ -0,0 +1,23 @@ +import { QueryClient, QueryClientProvider } from '@tanstack/react-query'; +import { IUser } from '@type/users'; +import renderer from 'react-test-renderer'; +import UserRow from '../UserRow'; + +describe('UserRow', () => { + const tempUser: IUser = { + id: 1, + name: 'Temp Room', + phone: '0324421232', + isBooked: false, + }; + const queryClient = new QueryClient(); + const wrapper = renderer.create( + + + + ); + + test('Should render correctly', () => { + expect(wrapper).toMatchSnapshot(); + }); +}); diff --git a/hotel-management/src/pages/User/__tests__/index.test.tsx b/hotel-management/src/pages/User/__tests__/index.test.tsx new file mode 100644 index 0000000..4727bea --- /dev/null +++ b/hotel-management/src/pages/User/__tests__/index.test.tsx @@ -0,0 +1,20 @@ +import renderer from 'react-test-renderer'; +import User from '..'; +import { BrowserRouter } from 'react-router-dom'; +import { QueryClient, QueryClientProvider } from '@tanstack/react-query'; + +describe('User', () => { + const queryClient = new QueryClient(); + + const wrapper = renderer.create( + + + + + + ); + + test('Should render correctly', () => { + expect(wrapper).toMatchSnapshot(); + }); +}); diff --git a/hotel-management/vite.config.ts b/hotel-management/vite.config.ts index 3e8ce05..7072bdc 100644 --- a/hotel-management/vite.config.ts +++ b/hotel-management/vite.config.ts @@ -1,8 +1,9 @@ -import { defineConfig } from 'vite' -import react from '@vitejs/plugin-react' -import tsconfigPaths from 'vite-tsconfig-paths' +import { defineConfig } from 'vite'; +import react from '@vitejs/plugin-react'; +import tsconfigPaths from 'vite-tsconfig-paths'; +import EnvironmentPlugin from 'vite-plugin-environment'; // https://vitejs.dev/config/ export default defineConfig({ - plugins: [react(), tsconfigPaths()], -}) + plugins: [react(), tsconfigPaths(), EnvironmentPlugin('all')], +}); From 84d713f6dbe1ee289039483f30290f963d35b0f9 Mon Sep 17 00:00:00 2001 From: Loi Phan Date: Sun, 26 Nov 2023 21:43:08 +0700 Subject: [PATCH 2/3] Add snapshot for test case --- .../__snapshots__/RoomForm.test.tsx.snap | 67 +++++++++++++++ .../__snapshots__/RoomRow.test.tsx.snap | 53 ++++++++++++ .../__snapshots__/RoomTable.test.tsx.snap | 63 ++++++++++++++ .../__snapshots__/index.test.tsx.snap | 84 +++++++++++++++++++ .../__snapshots__/UserForm.test.tsx.snap | 67 +++++++++++++++ .../__snapshots__/UserRow.test.tsx.snap | 53 ++++++++++++ .../__snapshots__/index.test.tsx.snap | 84 +++++++++++++++++++ 7 files changed, 471 insertions(+) create mode 100644 hotel-management/src/pages/Room/__tests__/__snapshots__/RoomForm.test.tsx.snap create mode 100644 hotel-management/src/pages/Room/__tests__/__snapshots__/RoomRow.test.tsx.snap create mode 100644 hotel-management/src/pages/Room/__tests__/__snapshots__/RoomTable.test.tsx.snap create mode 100644 hotel-management/src/pages/Room/__tests__/__snapshots__/index.test.tsx.snap create mode 100644 hotel-management/src/pages/User/__tests__/__snapshots__/UserForm.test.tsx.snap create mode 100644 hotel-management/src/pages/User/__tests__/__snapshots__/UserRow.test.tsx.snap create mode 100644 hotel-management/src/pages/User/__tests__/__snapshots__/index.test.tsx.snap diff --git a/hotel-management/src/pages/Room/__tests__/__snapshots__/RoomForm.test.tsx.snap b/hotel-management/src/pages/Room/__tests__/__snapshots__/RoomForm.test.tsx.snap new file mode 100644 index 0000000..9cc4c07 --- /dev/null +++ b/hotel-management/src/pages/Room/__tests__/__snapshots__/RoomForm.test.tsx.snap @@ -0,0 +1,67 @@ +// Jest Snapshot v1, https://goo.gl/fbAQLP + +exports[`RoomForm Should render correctly 1`] = ` +
+
+ +
+ +
+
+
+ +
+ +
+
+
+ + +
+
+`; diff --git a/hotel-management/src/pages/Room/__tests__/__snapshots__/RoomRow.test.tsx.snap b/hotel-management/src/pages/Room/__tests__/__snapshots__/RoomRow.test.tsx.snap new file mode 100644 index 0000000..228a2f7 --- /dev/null +++ b/hotel-management/src/pages/Room/__tests__/__snapshots__/RoomRow.test.tsx.snap @@ -0,0 +1,53 @@ +// Jest Snapshot v1, https://goo.gl/fbAQLP + +exports[`RoomRow Should render correctly 1`] = ` +
+
+ 1 +
+
+ Temp Room +
+
+ $250.00 +
+
+ Unavailable +
+
+
+ +
+
+
+`; diff --git a/hotel-management/src/pages/Room/__tests__/__snapshots__/RoomTable.test.tsx.snap b/hotel-management/src/pages/Room/__tests__/__snapshots__/RoomTable.test.tsx.snap new file mode 100644 index 0000000..86243e4 --- /dev/null +++ b/hotel-management/src/pages/Room/__tests__/__snapshots__/RoomTable.test.tsx.snap @@ -0,0 +1,63 @@ +// Jest Snapshot v1, https://goo.gl/fbAQLP + +exports[`RoomTable Should render correctly 1`] = ` +
+
+
+ + +
+ + +
+
+
+`; diff --git a/hotel-management/src/pages/Room/__tests__/__snapshots__/index.test.tsx.snap b/hotel-management/src/pages/Room/__tests__/__snapshots__/index.test.tsx.snap new file mode 100644 index 0000000..6fb4c8d --- /dev/null +++ b/hotel-management/src/pages/Room/__tests__/__snapshots__/index.test.tsx.snap @@ -0,0 +1,84 @@ +// Jest Snapshot v1, https://goo.gl/fbAQLP + +exports[`Room Should render correctly 1`] = ` +
+
+

+ List Room +

+ +
+
+
+
+ + +
+ + +
+
+
+
+`; diff --git a/hotel-management/src/pages/User/__tests__/__snapshots__/UserForm.test.tsx.snap b/hotel-management/src/pages/User/__tests__/__snapshots__/UserForm.test.tsx.snap new file mode 100644 index 0000000..edcd103 --- /dev/null +++ b/hotel-management/src/pages/User/__tests__/__snapshots__/UserForm.test.tsx.snap @@ -0,0 +1,67 @@ +// Jest Snapshot v1, https://goo.gl/fbAQLP + +exports[`UserForm Should render correctly 1`] = ` +
+
+ +
+ +
+
+
+ +
+ +
+
+
+ + +
+
+`; diff --git a/hotel-management/src/pages/User/__tests__/__snapshots__/UserRow.test.tsx.snap b/hotel-management/src/pages/User/__tests__/__snapshots__/UserRow.test.tsx.snap new file mode 100644 index 0000000..c6b759a --- /dev/null +++ b/hotel-management/src/pages/User/__tests__/__snapshots__/UserRow.test.tsx.snap @@ -0,0 +1,53 @@ +// Jest Snapshot v1, https://goo.gl/fbAQLP + +exports[`UserRow Should render correctly 1`] = ` +
+
+ 1 +
+
+ Temp Room +
+
+ 0324421232 +
+
+ No +
+
+
+ +
+
+
+`; diff --git a/hotel-management/src/pages/User/__tests__/__snapshots__/index.test.tsx.snap b/hotel-management/src/pages/User/__tests__/__snapshots__/index.test.tsx.snap new file mode 100644 index 0000000..1f7ea38 --- /dev/null +++ b/hotel-management/src/pages/User/__tests__/__snapshots__/index.test.tsx.snap @@ -0,0 +1,84 @@ +// Jest Snapshot v1, https://goo.gl/fbAQLP + +exports[`User Should render correctly 1`] = ` +
+
+

+ List User +

+ +
+
+
+
+ + +
+ + +
+
+
+
+`; From b7980f1998a3ac6b1646ace5d0ffcd68771d8662 Mon Sep 17 00:00:00 2001 From: Loi Phan Date: Mon, 27 Nov 2023 09:17:22 +0700 Subject: [PATCH 3/3] Format code style and update test case --- .../pages/Room/__tests__/RoomForm.test.tsx | 4 +- .../src/pages/Room/__tests__/RoomRow.test.tsx | 6 +- .../pages/Room/__tests__/RoomTable.test.tsx | 4 +- .../src/pages/Room/__tests__/index.test.tsx | 4 +- .../pages/User/__tests__/UserForm.test.tsx | 2 + .../src/pages/User/__tests__/UserRow.test.tsx | 6 +- .../pages/User/__tests__/UserTable.test.tsx | 22 +++++++ .../__snapshots__/UserTable.test.tsx.snap | 63 +++++++++++++++++++ .../src/pages/User/__tests__/index.test.tsx | 4 +- 9 files changed, 108 insertions(+), 7 deletions(-) create mode 100644 hotel-management/src/pages/User/__tests__/UserTable.test.tsx create mode 100644 hotel-management/src/pages/User/__tests__/__snapshots__/UserTable.test.tsx.snap diff --git a/hotel-management/src/pages/Room/__tests__/RoomForm.test.tsx b/hotel-management/src/pages/Room/__tests__/RoomForm.test.tsx index 409e417..c63a486 100644 --- a/hotel-management/src/pages/Room/__tests__/RoomForm.test.tsx +++ b/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(); diff --git a/hotel-management/src/pages/Room/__tests__/RoomRow.test.tsx b/hotel-management/src/pages/Room/__tests__/RoomRow.test.tsx index 124c2b9..e8aa24e 100644 --- a/hotel-management/src/pages/Room/__tests__/RoomRow.test.tsx +++ b/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 = { diff --git a/hotel-management/src/pages/Room/__tests__/RoomTable.test.tsx b/hotel-management/src/pages/Room/__tests__/RoomTable.test.tsx index 337025a..13a76c1 100644 --- a/hotel-management/src/pages/Room/__tests__/RoomTable.test.tsx +++ b/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(); diff --git a/hotel-management/src/pages/Room/__tests__/index.test.tsx b/hotel-management/src/pages/Room/__tests__/index.test.tsx index 23e4cad..64fba84 100644 --- a/hotel-management/src/pages/Room/__tests__/index.test.tsx +++ b/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(); diff --git a/hotel-management/src/pages/User/__tests__/UserForm.test.tsx b/hotel-management/src/pages/User/__tests__/UserForm.test.tsx index fdca85d..0313107 100644 --- a/hotel-management/src/pages/User/__tests__/UserForm.test.tsx +++ b/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', () => { diff --git a/hotel-management/src/pages/User/__tests__/UserRow.test.tsx b/hotel-management/src/pages/User/__tests__/UserRow.test.tsx index 2bc8438..21dce06 100644 --- a/hotel-management/src/pages/User/__tests__/UserRow.test.tsx +++ b/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', () => { diff --git a/hotel-management/src/pages/User/__tests__/UserTable.test.tsx b/hotel-management/src/pages/User/__tests__/UserTable.test.tsx new file mode 100644 index 0000000..242f648 --- /dev/null +++ b/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( + + + + + + ); + + test('Should render correctly', () => { + expect(wrapper).toMatchSnapshot(); + }); +}); diff --git a/hotel-management/src/pages/User/__tests__/__snapshots__/UserTable.test.tsx.snap b/hotel-management/src/pages/User/__tests__/__snapshots__/UserTable.test.tsx.snap new file mode 100644 index 0000000..faf6c5b --- /dev/null +++ b/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`] = ` +
+
+
+ + +
+ + +
+
+
+`; diff --git a/hotel-management/src/pages/User/__tests__/index.test.tsx b/hotel-management/src/pages/User/__tests__/index.test.tsx index 4727bea..f8461f9 100644 --- a/hotel-management/src/pages/User/__tests__/index.test.tsx +++ b/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();