Fixed tests

ui/build.gradle

@@ -10,6 +10,7 @@ node {
 }
 
 npmInstall.setNpmCommand('ci')
+npmInstall.args = ['--legacy-peer-deps']
 
 npm_run_build {
     inputs.dir 'src'

ui/src/app/admin/hoc/RolesProvider.test.js

@@ -15,6 +15,13 @@ jest.mock('../hooks');
 
 jest.mock('../../store/notifications/NotificationSlice');
 
+const mockDispatch = jest.fn();
+jest.mock('react-redux', () => ({
+  useSelector: jest.fn(),
+  useDispatch: () => mockDispatch
+}));
+
+
 describe('RolesProvider component', () => {
 
     beforeEach(() => {

ui/src/app/dynamic-registration/view/DynamicRegistrationDetail.js

@@ -3,10 +3,10 @@ import { Link, useHistory, useParams } from 'react-router-dom';
 
 import Translate from '../../i18n/components/translate';
 import FormattedDate from '../../core/components/FormattedDate';
-import Button from 'react-bootstrap/esm/Button';
+import Button from 'react-bootstrap/Button';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
-import { faEdit, faHistory, faToggleOff, faToggleOn, faTrash } from '@fortawesome/free-solid-svg-icons';
-import Badge from 'react-bootstrap/esm/Badge';
+import { faToggleOff, faToggleOn, faTrash } from '@fortawesome/free-solid-svg-icons';
+import Badge from 'react-bootstrap/Badge';
 import { Configuration } from '../../metadata/hoc/Configuration';
 import { MetadataConfiguration } from '../../metadata/component/MetadataConfiguration';
 
@@ -27,7 +27,7 @@ export function DynamicRegistrationDetail () {
 
     const edit = (section) => {
         history.push(`/dynamic-registration/${id}/edit`);
-    }
+    };
 
     return (
         <div className="container-fluid p-3">

ui/src/app/metadata/domain/source/definition/SourceDefinition.js

@@ -72,7 +72,13 @@ export const SourceBase = {
         if (formData.assertionConsumerServices && formData.assertionConsumerServices.length) {
             const { updated, added } = detailedDiff(original.assertionConsumerServices, formData.assertionConsumerServices);
             const merged = merge(updated, added);
-            const changingDefault = Object.keys(merged).some(k => merged[k].hasOwnProperty('makeDefault'));
+            const changingDefault = Object.keys(merged).some(k => {
+                const obj = { ...merged[k] };
+                return obj.hasOwnProperty('makeDefault');
+            });
+
+
+
             if (changingDefault) {
                 const settingToTrue = Object.keys(merged).some(k => merged[k].makeDefault === true);
                 if (settingToTrue) {

ui/src/app/notifications/component/NotificationList.test.js

@@ -2,20 +2,25 @@ import React from 'react';
 import { render, screen } from '@testing-library/react';
 
 import { NotificationList } from './NotificationList';
-import { NotificationContext } from '../hoc/Notifications';
+
+const mockDispatch = jest.fn();
+jest.mock('react-redux', () => ({
+  useSelector: jest.fn(),
+  useDispatch: () => mockDispatch
+}));
 
 jest.mock('../../i18n/hooks', () => ({
     useTranslation: (value) => value
 }));
 
+jest.mock('../../store/notifications/NotificationSlice', () => ({
+    useNotifications: () => [{id: 'foo', body: 'foo', type: 'danger'}]
+}));
+
 describe('Notification List', () => {
     it('should render notifications', () => {
-        const dispatch = jest.fn();
-        const state = { notifications: [{id: 'foo', body: 'foo', type: 'danger'}] };
         render(
-        <NotificationContext.Provider value={{ state, dispatch }}>
             <NotificationList />
-        </NotificationContext.Provider>
         );
 
         expect(screen.getByText('foo')).toBeInTheDocument();