jest tests

folio-org · Dec 9, 2024 · 3631bbc · 3631bbc
1 parent 0e18097
commit 3631bbc
Show file tree

Hide file tree

Showing 3 changed files with 58 additions and 11 deletions.
diff --git a/src/OrganizationIntegration/OrganizationIntegrationView/OrganizationIntegrationView.js b/src/OrganizationIntegration/OrganizationIntegrationView/OrganizationIntegrationView.js
@@ -15,7 +15,7 @@ import {
   useHistory,
   useParams,
   useLocation,
-} from 'react-router';
+} from 'react-router-dom';
 
 import { AppIcon } from '@folio/stripes/core';
 import {
@@ -312,6 +312,7 @@ const OrganizationIntegrationView = ({ orgId }) => {
         {isDuplicateConfirmation && (
           <ConfirmationModal
             id="duplicate-integration-modal"
+            confirmLabel={<FormattedMessage id="ui-organizations.integration.confirmation.confirm" />}
             heading={<FormattedMessage id="ui-organizations.integrationDetails.duplicate.confirmModal.heading" />}
             message={(
               <FormattedMessage

diff --git a/src/OrganizationIntegration/OrganizationIntegrationView/OrganizationIntegrationView.test.js b/src/OrganizationIntegration/OrganizationIntegrationView/OrganizationIntegrationView.test.js
@@ -1,9 +1,15 @@
-import React from 'react';
-import { render, screen } from '@folio/jest-config-stripes/testing-library/react';
+import {
+  MemoryRouter,
+  useHistory,
+  useParams,
+} from 'react-router-dom';
+
+import {
+  render,
+  screen,
+} from '@folio/jest-config-stripes/testing-library/react';
 import { queryHelpers } from '@folio/jest-config-stripes/testing-library/dom';
 import user from '@folio/jest-config-stripes/testing-library/user-event';
-import { MemoryRouter } from 'react-router-dom';
-import { useHistory, useParams } from 'react-router';
 
 import {
   HasCommand,
@@ -20,8 +26,10 @@ import {
 } from '../../common/hooks';
 import OrganizationIntegrationView from './OrganizationIntegrationView';
 
-jest.mock('react-router', () => ({
-  ...jest.requireActual('react-router'),
+import { getDuplicateTimestamp } from '../utils';
+
+jest.mock('react-router-dom', () => ({
+  ...jest.requireActual('react-router-dom'),
   useHistory: jest.fn(),
   useParams: jest.fn(),
 }));
@@ -43,6 +51,10 @@ jest.mock('../../common/hooks', () => ({
   useIntegrationConfig: jest.fn(),
   useIntegrationConfigMutation: jest.fn().mockReturnValue({ mutateIntegrationConfig: jest.fn() }),
 }));
+jest.mock('../utils', () => ({
+  ...jest.requireActual('../utils'),
+  getDuplicateTimestamp: jest.fn(),
+}));
 
 const queryAllByClass = queryHelpers.queryAllByAttribute.bind(null, 'class');
 
@@ -54,19 +66,23 @@ const renderOrganizationIntegrationView = (props = defaultProps) => render(
 );
 
 describe('OrganizationIntegrationView', () => {
+  const mutateIntegrationConfig = jest.fn();
+
   beforeEach(() => {
+    getDuplicateTimestamp.mockReturnValue('01/01/2025');
     global.document.createRange = global.document.originalCreateRange;
 
-    useParams.mockClear().mockReturnValue({ id: integrationConfig.id });
-    useOrganization.mockClear().mockReturnValue({
+    useParams.mockReturnValue({ id: integrationConfig.id });
+    useOrganization.mockReturnValue({
       organization: { id: defaultProps.orgId, accounts: [] },
       isLoading: false,
     });
-    useIntegrationConfigMutation.mockClear().mockReturnValue({ });
-    useIntegrationConfig.mockClear().mockReturnValue({ integrationConfig });
+    useIntegrationConfigMutation.mockReturnValue({ mutateIntegrationConfig });
+    useIntegrationConfig.mockReturnValue({ integrationConfig });
   });
 
   afterEach(() => {
+    jest.clearAllMocks();
     global.document.createRange = global.document.mockCreateRange;
   });
 
@@ -131,6 +147,23 @@ describe('OrganizationIntegrationView', () => {
         search: '',
       });
     });
+
+    it('should duplicate integration config', async () => {
+      const pushMock = jest.fn();
+
+      useHistory.mockReturnValue({ push: pushMock });
+
+      renderOrganizationIntegrationView();
+
+      await user.click(screen.getByTestId('duplicate-integration-action'));
+      await user.click(screen.getByText('ui-organizations.integration.confirmation.confirm'));
+
+      expect(mutateIntegrationConfig).toHaveBeenCalled();
+      expect(pushMock).toHaveBeenCalledWith({
+        pathname: `/organizations/view/${orgId}`,
+        search: '',
+      });
+    });
   });
 
   describe('Shortcuts', () => {

diff --git a/...ration/OrganizationIntegrationView/__snapshots__/OrganizationIntegrationView.test.js.snap b/...ration/OrganizationIntegrationView/__snapshots__/OrganizationIntegrationView.test.js.snap
@@ -117,6 +117,19 @@ exports[`OrganizationIntegrationView should render correct view structure 1`] =
                         </span>
                       </span>
                     </button>
+                    <button
+                      class="button dropdownItem"
+                      data-testid="duplicate-integration-action"
+                      type="button"
+                    >
+                      <span
+                        class="inner"
+                      >
+                        <span>
+                          Icon
+                        </span>
+                      </span>
+                    </button>
                     <button
                       class="button dropdownItem"
                       data-testid="remove-integration-action"