basic unit tests

src/test/__tests__/common/hooks/useContainerEvents.test.ts

@@ -2,6 +2,7 @@ import { renderHook } from '@testing-library/react';
 import { useRecoilValue } from 'recoil';
 import { useContainerEvents } from '@common/hooks/useContainerEvents';
 import * as domHelper from '@common/helpers/dom.helper';
+import { useStatusStore } from '@src/store';
 
 jest.mock('react-router-dom', () => ({
   ...jest.requireActual('react-router-dom'),
@@ -19,8 +20,8 @@ jest.mock('@common/constants/build.constants', () => ({ IS_EMBEDDED_MODE: true }
 describe('useContainerEvents', () => {
   const renderUseContainerEventsHook = (isEdited: boolean) => {
     (domHelper.dispatchEventWrapper as jest.Mock) = mockDispatchEventWrapper;
+    (useStatusStore as jest.Mock).mockReturnValueOnce({ isEditedRecord: isEdited });
     (useRecoilValue as jest.Mock).mockReturnValueOnce(false);
-    (useRecoilValue as jest.Mock).mockReturnValueOnce(isEdited);
     (useRecoilValue as jest.Mock).mockReturnValueOnce(mockEvents);
 
     renderHook(() => useContainerEvents({ watchEditedState: true }));

src/test/__tests__/common/hooks/useProfileSchema.test.ts

@@ -1,8 +1,8 @@
-import '@src/test/__mocks__/common/hooks/useServicesContext.mock';
 import { schemaWithDuplicatesService } from '@src/test/__mocks__/common/hooks/useServicesContext.mock';
 import { useProfileSchema } from '@common/hooks/useProfileSchema';
 import { renderHook } from '@testing-library/react';
 import { useSetRecoilState, useRecoilState } from 'recoil';
+import { useStatusStore } from '@src/store';
 
 jest.mock('recoil');
 
@@ -15,8 +15,9 @@ describe('useProfileSchema', () => {
   };
 
   beforeEach(() => {
+    (useRecoilState as jest.Mock).mockReturnValue([new Set(), jest.fn()]);
     (useSetRecoilState as jest.Mock).mockImplementation(jest.fn);
-    (useRecoilState as jest.Mock).mockReturnValueOnce([new Set(), jest.fn()]);
+    (useStatusStore as jest.Mock).mockReturnValue({ setIsEditedRecord: jest.fn });
   });
 
   test('get schema with copied entries', () => {
@@ -25,13 +26,13 @@ describe('useProfileSchema', () => {
     result.current.getSchemaWithCopiedEntries(entry, []);
 
     expect(schemaWithDuplicatesService.duplicateEntry).toHaveBeenCalled();
-  })
+  });
 
   test('get schema with deleted entries', () => {
     const { result } = renderHook(() => useProfileSchema());
 
     result.current.getSchemaWithDeletedEntries(entry);
 
     expect(schemaWithDuplicatesService.deleteEntry).toHaveBeenCalled();
-  })
-})
+  });
+});

src/test/__tests__/common/hooks/useRecordStatus.test.ts

@@ -1,17 +1,18 @@
 import { renderHook } from '@testing-library/react';
-import { useRecoilValue } from 'recoil';
+import { useStatusStore } from '@src/store';
 import { useRecordStatus } from '@common/hooks/useRecordStatus';
 import { useParams } from 'react-router-dom';
 
 const mockResourceId = 'mockResourceId';
 
-jest.mock('recoil');
 jest.mock('react-router-dom');
 
 describe('useRecordStatus', () => {
   const renderUseRecordStatusHook = (lastSavedIdEqual = false) => {
     (useParams as jest.Mock).mockReturnValueOnce({ resourceId: mockResourceId });
-    (useRecoilValue as jest.Mock).mockReturnValueOnce(lastSavedIdEqual ? mockResourceId : 'anotherId');
+    (useStatusStore as jest.Mock).mockReturnValueOnce({
+      lastSavedRecordId: lastSavedIdEqual ? mockResourceId : 'anotherId',
+    });
 
     const {
       result: { current },

src/test/__tests__/components/SaveRecord.test.tsx

@@ -2,17 +2,15 @@ import { RecoilRoot } from 'recoil';
 import { render, screen, fireEvent } from '@testing-library/react';
 import { saveRecord } from '@src/test/__mocks__/common/hooks/useRecordControls.mock';
 import { SaveRecord } from '@components/SaveRecord';
-import state from '@state';
 import { BrowserRouter } from 'react-router-dom';
+import { useStatusStore } from '@src/store';
 
 describe('SaveRecord', () => {
-  function renderSaveRecordComponent(recordIsEdited = true) {
+  function renderSaveRecordComponent(isEditedRecord = true) {
+    (useStatusStore as jest.Mock).mockReturnValue({ isEditedRecord });
+
     render(
-      <RecoilRoot
-        initializeState={snapshot => {
-          snapshot.set(state.status.recordIsEdited, recordIsEdited);
-        }}
-      >
+      <RecoilRoot>
         <BrowserRouter>
           <SaveRecord primary />
         </BrowserRouter>