tests: add test cases

src/Settings/BankingInformationSettings/BankingInformationSettings.js

@@ -18,7 +18,7 @@ import {
   useNamespace,
 } from '@folio/stripes/core';
 
-import { useBankingInformation } from '../hooks/useBankingInformation';
+import { useBankingInformation } from '../hooks';
 import { SETTINGS_API } from '../constants';
 
 const BankingInformationSettings = () => {

src/Settings/BankingInformationSettings/BankingInformationSettings.test.js

@@ -11,8 +11,11 @@ jest.mock('react-query', () => ({
   })),
 }));
 
-jest.mock('../hooks/useBankingInformation', () => ({
-  useBankingInformation: jest.fn(() => ({ isLoading: false, enabled: false })),
+jest.mock('../hooks', () => ({
+  useBankingInformation: jest.fn(() => ({
+    isLoading: false,
+    enabled: false,
+  })),
 }));
 
 const renderBankingInformationSettings = () => render(

src/Settings/SettingsPage.js

@@ -4,7 +4,7 @@ import { FormattedMessage } from 'react-intl';
 import { Settings } from '@folio/stripes/smart-components';
 import { Loading } from '@folio/stripes/components';
 
-import { useBankingInformation } from './hooks/useBankingInformation';
+import { useBankingInformation } from './hooks';
 import { CategorySettings } from './CategorySettings';
 import { TypeSettings } from './TypeSettings';
 import { BankingInformationSettings } from './BankingInformationSettings';

src/Settings/SettingsPage.test.js

@@ -0,0 +1,60 @@
+import React from 'react';
+import { MemoryRouter } from 'react-router-dom';
+
+import { screen, render } from '@folio/jest-config-stripes/testing-library/react';
+
+import SettingsPage from './SettingsPage';
+import { useBankingInformation } from './hooks';
+
+jest.mock('@folio/stripes/core');
+jest.mock('@folio/stripes/smart-components');
+
+jest.mock('./hooks', () => ({
+  useBankingInformation: jest.fn(() => ({
+    isLoading: false,
+    enabled: false,
+  })),
+}));
+
+const stripesMock = {
+  connect: component => component,
+  hasPerm: jest.fn(() => true),
+};
+
+const defaultProps = {
+  stripes: stripesMock,
+  match: {
+    path: 'url',
+  },
+  location: {
+    search: '?name=test',
+    pathname: '',
+  },
+};
+
+const renderSettingsPage = (props) => render(
+  <MemoryRouter>
+    <SettingsPage {...defaultProps} {...props} />
+  </MemoryRouter>,
+);
+
+describe('SettingsPage', () => {
+  it('should return categories, types and banking information links', async () => {
+    renderSettingsPage();
+
+    expect(screen.getByText('ui-organizations.settings.categories')).toBeInTheDocument();
+    expect(screen.getByText('ui-organizations.settings.types')).toBeInTheDocument();
+    expect(screen.getByText('ui-organizations.settings.bankingInformation')).toBeInTheDocument();
+  });
+
+  it('should return banking account types link', async () => {
+    useBankingInformation.mockReturnValue({
+      isLoading: false,
+      enabled: true,
+    });
+
+    renderSettingsPage();
+
+    expect(screen.getByText('ui-organizations.settings.bankingAccountTypes')).toBeInTheDocument();
+  });
+});

src/Settings/hooks/index.js

@@ -0,0 +1 @@
+export { useBankingInformation } from './useBankingInformation';