@reltio/components 1.4.1945 → 1.4.1946

package/esm/features/activity-log/ActivitiesFactory/components/SearchActivity/SearchActivity.test.js

@@ -71,7 +71,7 @@ describe('SearchActivity tests', function () {
             map: null,
             version: '2.0'
         };
-        expect(useReadableSearchState).toBeCalledWith(searchState);
+        expect(useReadableSearchState).toHaveBeenCalledWith(searchState);
         wrapper.find('.link').simulate('click');
         expect(openSearch).toHaveBeenCalledWith(searchState);
     });
@@ -176,7 +176,7 @@ describe('SearchActivity tests', function () {
                 tabs: []
             }
         };
-        expect(useReadableSearchState).toBeCalledWith(searchState);
+        expect(useReadableSearchState).toHaveBeenCalledWith(searchState);
         wrapper.find('.link').simulate('click');
         expect(openSearch).toHaveBeenCalledWith(searchState);
     });

package/esm/features/activity-log/ActivityExportButton/ActivityExportButton.specs.js

@@ -50,7 +50,6 @@ import { mount } from 'enzyme';
 import { act } from 'react-dom/test-utils';
 import { ActivityExportButton } from './ActivityExportButton';
 import { SmallIconButton } from '../../../SmallIconButton';
-import * as mdmSdkModule from '@reltio/mdm-sdk';
 import { exportActivities, DateRangeTypes } from '@reltio/mdm-sdk';
 import { DropDownMenuButton } from '../../../DropDownMenuButton';
 import Snackbar from '@mui/material/Snackbar';
@@ -84,7 +83,7 @@ var setUp = function (_a) {
 };
 describe('ActivityExportButton tests', function () {
     beforeAll(function () {
-        jest.spyOn(mdmSdkModule, 'exportActivities').mockImplementation(function () { return new Promise(function (resolve) { return resolve({}); }); });
+        exportActivities.mockImplementation(function () { return new Promise(function (resolve) { return resolve({}); }); });
     });
     it('should render correct default state', function () {
         var wrapper = setUp();

package/esm/features/activity-log/ActivityFilterEditor/components/EntityChangedSelectors/EntityChangedSelectors.specs.js

@@ -11,8 +11,7 @@ var __assign = (this && this.__assign) || function () {
 };
 import React from 'react';
 import { mount } from 'enzyme';
-import * as mdmSdkModule from '@reltio/mdm-sdk';
-import { DateRangeTypes } from '@reltio/mdm-sdk';
+import { DateRangeTypes, findClosestCommonAncestor } from '@reltio/mdm-sdk';
 import { AttributeSelector } from '../../../../../AttributeSelector';
 import { SourceSelector } from '../SourceSelector';
 import { EntityChangedSelectors } from './EntityChangedSelectors';
@@ -98,7 +97,7 @@ var setUp = function (props) {
 };
 describe('EntityChangedSelectors tests', function () {
     beforeAll(function () {
-        jest.spyOn(mdmSdkModule, 'findClosestCommonAncestor').mockReturnValue(defaultMetadata.entityTypes[0].uri);
+        findClosestCommonAncestor.mockReturnValue(defaultMetadata.entityTypes[0].uri);
     });
     it('should render correct default state', function () {
         var wrapper = setUp();

package/esm/features/activity-log/ActivityLog/ActivityLog.test.js

@@ -159,6 +159,7 @@ describe('ActivityLogTests', function () {
         return __assign({ user: user }, render(React.createElement(ActivityLog, __assign({}, defaultProps, props)), { wrapper: Providers }));
     };
     it('should render correctly', function () {
+        jest.spyOn(console, 'warn').mockReturnValue();
         setUp();
         var activityItems = screen.getAllByTestId('activity-log-item');
         expect(activityItems).toHaveLength(3);
@@ -170,12 +171,15 @@ describe('ActivityLogTests', function () {
         expect(within(activityItems[2]).getByText(activities[3].user)).toBeInTheDocument();
         expect(within(activityItems[2]).getByText('Profile merged manually')).toBeInTheDocument();
         expect(within(activityItems[2]).getByText('<No label>')).toBeInTheDocument();
+        expect(console.warn).toHaveBeenCalledWith('Activities not implemented:', activities[2].items);
+        expect(console.warn).toHaveBeenCalledWith('Activities not implemented:', [activities[3].items[1]]);
     });
     it('should toggle group item collapsed correctly', function () { return __awaiter(void 0, void 0, void 0, function () {
         var user;
         return __generator(this, function (_a) {
             switch (_a.label) {
                 case 0:
+                    jest.spyOn(console, 'warn').mockReturnValue();
                     user = setUp().user;
                     screen.getAllByTestId('collapse-button');
                     expect(screen.getAllByTestId('activity-log-item')).toHaveLength(3);

package/esm/features/activity-log/ActivityLog/components/GroupItem/GroupItem.test.js

@@ -31,6 +31,6 @@ describe('GroupItem tests', function () {
     it('should call props.onToggle on collapse button click', function () {
         var wrapper = shallow(React.createElement(GroupItem, __assign({}, props)));
         wrapper.find('CollapseButton').simulate('click');
-        expect(props.onToggle).toBeCalledWith(props.item.index);
+        expect(props.onToggle).toHaveBeenCalledWith(props.item.index);
     });
 });

package/esm/features/activity-log/ActivityLogFilter/ActivityLogFilter.specs.js

@@ -11,8 +11,7 @@ var __assign = (this && this.__assign) || function () {
 };
 import React from 'react';
 import { mount } from 'enzyme';
-import { getAllUsersForTenant, canUserMakeActivitiesExport } from '@reltio/mdm-sdk';
-import { DateRangeTypes } from '@reltio/mdm-sdk';
+import { getAllUsersForTenant, canUserMakeActivitiesExport, DateRangeTypes } from '@reltio/mdm-sdk';
 import Tooltip from '@mui/material/Tooltip';
 import { ActivityLogFilter } from './ActivityLogFilter';
 import { ActivityExportButton } from '../ActivityExportButton';

package/esm/features/crosswalks/AttributesTable/AttributesTable.test.js

@@ -172,8 +172,8 @@ describe('AttributesTable tests', function () {
             rowsData: ROWS_DATA_MOCK,
             columnsData: COLUMNS_DATA_MOCK
         });
-        expect(helpers.getBasicTableRowsData).toBeCalledWith(metadata, 'configuration/entityTypes/HCP', props.selectedAttributeTypes, DEFAULT_VISIBLE_COLUMNS, props.crosswalksMap, props.entity.attributes, props.activeSurvivorshipGroupUri);
-        expect(helpers.getBasicTableColumnsData).toBeCalledWith(DEFAULT_VISIBLE_COLUMNS.map(function (columnId) { return COLUMNS_DATA.find(function (_a) {
+        expect(helpers.getBasicTableRowsData).toHaveBeenCalledWith(metadata, 'configuration/entityTypes/HCP', props.selectedAttributeTypes, DEFAULT_VISIBLE_COLUMNS, props.crosswalksMap, props.entity.attributes, props.activeSurvivorshipGroupUri);
+        expect(helpers.getBasicTableColumnsData).toHaveBeenCalledWith(DEFAULT_VISIBLE_COLUMNS.map(function (columnId) { return COLUMNS_DATA.find(function (_a) {
             var id = _a.id;
             return id === columnId;
         }); }));
@@ -187,10 +187,10 @@ describe('AttributesTable tests', function () {
     });
     it('should select initial attribute types when props.selectedAttributeTypes is nil', function () {
         var wrapper = mount(React.createElement(AttributesTable, __assign({}, props)));
-        expect(props.onSelectAttributeTypes).not.toBeCalled();
+        expect(props.onSelectAttributeTypes).not.toHaveBeenCalled();
         wrapper.setProps({ selectedAttributeTypes: undefined });
-        expect(props.onSelectAttributeTypes).toBeCalledTimes(1);
-        expect(props.onSelectAttributeTypes).toBeCalledWith([
+        expect(props.onSelectAttributeTypes).toHaveBeenCalledTimes(1);
+        expect(props.onSelectAttributeTypes).toHaveBeenCalledWith([
             {
                 label: 'Country Code',
                 name: 'CountryCode',
@@ -264,7 +264,7 @@ describe('AttributesTable tests', function () {
         });
         wrapper.update();
         expect(wrapper.find('ConfirmDeleteDialog').prop('open')).toBe(false);
-        expect(props.onDelete).toBeCalledWith(deleteEvent);
+        expect(props.onDelete).toHaveBeenCalledWith(deleteEvent);
     });
     it('should not call props.onDelete without confirmation on attribute delete', function () {
         var _a, _b;
@@ -291,7 +291,7 @@ describe('AttributesTable tests', function () {
         });
         wrapper.update();
         expect(wrapper.find('ConfirmDeleteDialog').prop('open')).toBe(false);
-        expect(props.onDelete).not.toBeCalled();
+        expect(props.onDelete).not.toHaveBeenCalled();
     });
     it('should call props.onEdit on not ignored attribute edit', function () {
         var _a, _b;
@@ -309,7 +309,7 @@ describe('AttributesTable tests', function () {
         act(function () {
             onEdit(editEvent);
         });
-        expect(props.onEdit).toBeCalledWith(editEvent);
+        expect(props.onEdit).toHaveBeenCalledWith(editEvent);
     });
     it('should show confirmation dialog on ignored attribute edit', function () {
         var _a, _b;
@@ -329,7 +329,7 @@ describe('AttributesTable tests', function () {
             onEdit(editEvent);
         });
         wrapper.update();
-        expect(props.onEdit).not.toBeCalled();
+        expect(props.onEdit).not.toHaveBeenCalled();
         expect(wrapper.find(ConfirmEditIgnoredDialog).prop('open')).toBe(true);
     });
     it('should call props.onEdit if confirmed editing attribute with ignored ', function () {
@@ -350,8 +350,8 @@ describe('AttributesTable tests', function () {
         });
         wrapper.update();
         wrapper.find(ConfirmEditIgnoredDialog).prop('onConfirmEditWithIgnore')();
-        expect(props.onEdit).toBeCalledWith(editEvent);
-        expect(props.onIgnore).not.toBeCalled();
+        expect(props.onEdit).toHaveBeenCalledWith(editEvent);
+        expect(props.onIgnore).not.toHaveBeenCalled();
     });
     it('should call props.onEdit and props.onIgnore if confirmed editing attribute without ignored ', function () {
         var _a, _b;
@@ -371,8 +371,8 @@ describe('AttributesTable tests', function () {
         });
         wrapper.update();
         wrapper.find(ConfirmEditIgnoredDialog).prop('onConfirmEditWithoutIgnore')();
-        expect(props.onEdit).toBeCalledWith(__assign(__assign({}, editEvent), { clearAttributeFlags: true }));
-        expect(props.onIgnore).not.toBeCalled();
+        expect(props.onEdit).toHaveBeenCalledWith(__assign(__assign({}, editEvent), { clearAttributeFlags: true }));
+        expect(props.onIgnore).not.toHaveBeenCalled();
     });
     it('should pass props.onAdd to AttributeValuesRenderer', function () {
         var wrapper = mount(React.createElement(AttributesTable, __assign({}, props)));

package/esm/features/crosswalks/AttributesTable/IntegrationAttributesTable.test.js

@@ -220,7 +220,7 @@ describe('attribute table tests', function () {
                     confirmButton = within(dialog).getByText('Yes');
                     fireEvent.click(declineButton);
                     fireEvent.click(confirmButton);
-                    expect(onDelete).not.toBeCalled();
+                    expect(onDelete).not.toHaveBeenCalled();
                     unmockTableSizing();
                     return [2 /*return*/];
             }
@@ -256,11 +256,11 @@ describe('attribute table tests', function () {
                     return [4 /*yield*/, user.click(pinButton)];
                 case 2:
                     _a.sent();
-                    expect(onPin).toBeCalled();
+                    expect(onPin).toHaveBeenCalled();
                     return [4 /*yield*/, user.click(ignoreButton)];
                 case 3:
                     _a.sent();
-                    expect(onIgnore).toBeCalled();
+                    expect(onIgnore).toHaveBeenCalled();
                     unmockTableSizing();
                     return [2 /*return*/];
             }
@@ -283,7 +283,7 @@ describe('attribute table tests', function () {
                     return [4 /*yield*/, user.dblClick(screen.getByText('Ok'))];
                 case 2:
                     _a.sent();
-                    expect(onEdit).toBeCalledTimes(1);
+                    expect(onEdit).toHaveBeenCalledTimes(1);
                     unmockTableSizing();
                     return [2 /*return*/];
             }
@@ -309,7 +309,7 @@ describe('attribute table tests', function () {
                     return [4 /*yield*/, user.dblClick(screen.getByText('Ok'))];
                 case 3:
                     _a.sent();
-                    expect(onEdit).toBeCalledTimes(1);
+                    expect(onEdit).toHaveBeenCalledTimes(1);
                     unmockTableSizing();
                     return [2 /*return*/];
             }

package/esm/features/crosswalks/AttributesTable/components/AddAttributesButton/AddAttributesButton.test.js

@@ -114,8 +114,8 @@ describe('AddAttributesButton tests', function () {
             uri: 'configuration/entityTypes/HCP/attributes/Date'
         };
         onApply([selectedSimple]);
-        expect(onSelectAttributeTypes).toBeCalledWith(__spreadArray([selectedSimple], selectedAttributeTypes, true));
-        expect(onAdd).not.toBeCalled();
+        expect(onSelectAttributeTypes).toHaveBeenCalledWith(__spreadArray([selectedSimple], selectedAttributeTypes, true));
+        expect(onAdd).not.toHaveBeenCalled();
     });
     it('should add attribute to beginning on nested attribute select', function () {
         var onSelectAttributeTypes = defaultProps.onSelectAttributeTypes, selectedAttributeTypes = defaultProps.selectedAttributeTypes, onAdd = defaultProps.onAdd, parentUri = defaultProps.parentUri;
@@ -128,8 +128,8 @@ describe('AddAttributesButton tests', function () {
             uri: 'configuration/entityTypes/HCP/attributes/Nested'
         };
         onApply([selectedNested]);
-        expect(onSelectAttributeTypes).toBeCalledWith(__spreadArray([selectedNested], selectedAttributeTypes, true));
-        expect(onAdd).toBeCalledWith({
+        expect(onSelectAttributeTypes).toHaveBeenCalledWith(__spreadArray([selectedNested], selectedAttributeTypes, true));
+        expect(onAdd).toHaveBeenCalledWith({
             attributeType: selectedNested,
             parentUri: parentUri
         });

package/esm/features/crosswalks/AttributesTable/components/ConfirmEditIgnoredDialog/ConfirmEditIgnoredDialog.test.js

@@ -34,20 +34,20 @@ describe('ConfirmEditIgnoredDialog tests', function () {
     it('should call props.onClose on Cancel button click', function () {
         var wrapper = shallow(React.createElement(ConfirmEditIgnoredDialog, __assign({}, props)));
         wrapper.find(Button).at(0).simulate('click');
-        expect(props.onClose).toBeCalled();
+        expect(props.onClose).toHaveBeenCalled();
     });
     it('should call props.onConfirmEditWithoutIgnore and props.onClose on Ok button click', function () {
         var wrapper = shallow(React.createElement(ConfirmEditIgnoredDialog, __assign({}, props)));
         wrapper.find(Button).at(1).simulate('click');
-        expect(props.onClose).toBeCalled();
-        expect(props.onConfirmEditWithoutIgnore).toBeCalled();
+        expect(props.onClose).toHaveBeenCalled();
+        expect(props.onConfirmEditWithoutIgnore).toHaveBeenCalled();
     });
     it('should call props.onConfirmEditWithIgnore and props.onClose on with ignore select and Ok button click', function () {
         var wrapper = shallow(React.createElement(ConfirmEditIgnoredDialog, __assign({}, props)));
         var value = wrapper.find(RadioGroup).childAt(1).prop('value');
         wrapper.find(RadioGroup).simulate('change', { target: { value: value } });
         wrapper.find(Button).at(1).simulate('click');
-        expect(props.onClose).toBeCalled();
-        expect(props.onConfirmEditWithIgnore).toBeCalled();
+        expect(props.onClose).toHaveBeenCalled();
+        expect(props.onConfirmEditWithIgnore).toHaveBeenCalled();
     });
 });

package/esm/features/crosswalks/AttributesTable/components/WinnerSourcesRenderer/WinnerSourcesRenderer.test.js

@@ -132,11 +132,11 @@ describe('WinnerSourcesRenderer tests', function () {
                     return [4 /*yield*/, user.hover(item)];
                 case 1:
                     _a.sent();
-                    expect(setCrosswalkHighlightedSpy).toBeCalledWith(value.crosswalks[0], true);
+                    expect(setCrosswalkHighlightedSpy).toHaveBeenCalledWith(value.crosswalks[0], true);
                     return [4 /*yield*/, user.unhover(item)];
                 case 2:
                     _a.sent();
-                    expect(setCrosswalkHighlightedSpy).toBeCalledWith(value.crosswalks[0], false);
+                    expect(setCrosswalkHighlightedSpy).toHaveBeenCalledWith(value.crosswalks[0], false);
                     return [2 /*return*/];
             }
         });

package/esm/features/crosswalks/CrosswalkDragLayer/components/CrosswalkDragPreview/CrosswalkDragPreview.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import React from 'react';
 import { CrosswalkBase } from '@reltio/mdm-sdk';
 type Props = {
     crosswalk: CrosswalkBase;
 };
-export declare const CrosswalkDragPreview: ({ crosswalk }: Props) => JSX.Element;
+export declare const CrosswalkDragPreview: React.MemoExoticComponent<({ crosswalk }: Props) => JSX.Element>;
 export {};

package/esm/features/crosswalks/CrosswalkDragLayer/components/CrosswalkDragPreview/CrosswalkDragPreview.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { memo } from 'react';
 import { getSourceSystemLabel } from '@reltio/mdm-sdk';
 import Typography from '@mui/material/Typography';
 import { useMdmMetadata } from '../../../../../contexts/MdmModuleContext';
@@ -6,7 +6,7 @@ import { useCrosswalkColor } from '../../../../../contexts/CrosswalksDisplayCont
 import { SourceIcon } from '../../../../../SourceIcon';
 import { ColoredBlock } from '../../../ColoredBlock';
 import { useStyles } from './styles';
-export var CrosswalkDragPreview = function (_a) {
+export var CrosswalkDragPreview = memo(function (_a) {
     var crosswalk = _a.crosswalk;
     var styles = useStyles();
     var metadata = useMdmMetadata();
@@ -15,4 +15,5 @@ export var CrosswalkDragPreview = function (_a) {
     return (React.createElement(ColoredBlock, { color: color, className: styles.crosswalkPreview },
         React.createElement(SourceIcon, { className: styles.sourceIcon, sourceType: crosswalk.type }),
         React.createElement(Typography, { className: styles.sourceLabel, variant: 'body2' }, sourceSystemLabel)));
-};
+});
+CrosswalkDragPreview.displayName = 'CrosswalkDragPreview';

package/esm/features/crosswalks/CrosswalkRow/CrosswalkRow.test.js

@@ -14,7 +14,7 @@ import { mount } from 'enzyme';
 import { act } from '@testing-library/react-hooks';
 import * as reactDnd from 'react-dnd';
 import { getEmptyImage } from 'react-dnd-html5-backend';
-import * as mdmSdk from '@reltio/mdm-sdk';
+import { SortingStrategy, isCrosswalkDisabled } from '@reltio/mdm-sdk';
 import VisibilityIcon from '@mui/icons-material/Visibility';
 import Typography from '@mui/material/Typography';
 import DeleteIcon from '@mui/icons-material/Delete';
@@ -48,7 +48,7 @@ var metadata = {
         }
     ]
 };
-var attributesSortingStrategy = mdmSdk.SortingStrategy.ASC_BY_NAME;
+var attributesSortingStrategy = SortingStrategy.ASC_BY_NAME;
 var crosswalk = {
     uri: 'entities/j8K1vc9/crosswalks/1kQ5cap2n',
     type: 'configuration/sources/Reltio',
@@ -81,10 +81,9 @@ describe('CrosswalkRow tests', function () {
     var toggleCrosswalkFocus = jest.fn();
     var preview = jest.fn();
     var useDragMock = jest.spyOn(reactDnd, 'useDrag').mockReturnValue([undefined, function () { return null; }, preview]);
-    var isCrosswalkDisabledSpy = jest.spyOn(mdmSdk, 'isCrosswalkDisabled');
     var useHighlightedCrosswalksMock = jest.spyOn(CrosswalksDisplay, 'useHighlightedCrosswalks').mockReturnValue([]);
     beforeEach(function () {
-        isCrosswalkDisabledSpy.mockReturnValue(false);
+        isCrosswalkDisabled.mockReturnValue(false);
         jest.clearAllMocks();
     });
     beforeAll(function () {
@@ -123,9 +122,9 @@ describe('CrosswalkRow tests', function () {
         var wrapper = setUp();
         var coloredBlock = wrapper.find(ColoredBlock);
         coloredBlock.simulate('mouseenter');
-        expect(highlightCrosswalk).toBeCalledTimes(1);
+        expect(highlightCrosswalk).toHaveBeenCalledTimes(1);
         coloredBlock.simulate('mouseleave');
-        expect(removeHighlight).toBeCalledTimes(1);
+        expect(removeHighlight).toHaveBeenCalledTimes(1);
     });
     it('should render disabled button without icon if focusable === false', function () {
         var wrapper = setUp(__assign(__assign({}, defaultProps), { focusable: false }));
@@ -142,14 +141,14 @@ describe('CrosswalkRow tests', function () {
         expect(wrapper.find(ColoredBlock).prop('color')).toBe('#CACCD1');
     });
     it('should pass disabled variant prop for disabled crosswalk', function () {
-        isCrosswalkDisabledSpy.mockReturnValue(true);
+        isCrosswalkDisabled.mockReturnValue(true);
         var wrapper = setUp();
         expect(wrapper.find(ColoredBlock).prop('variant')).toBe('disabled');
     });
     it('should call onToggleFocus when click on eye icon', function () {
         var wrapper = setUp();
         wrapper.find(SmallIconButtonWithTooltip).find('button').simulate('click');
-        expect(toggleCrosswalkFocus).toBeCalledTimes(1);
+        expect(toggleCrosswalkFocus).toHaveBeenCalledTimes(1);
     });
     it('should render dependent icon if isDependent prop is true ', function () {
         var dependentProps = {
@@ -225,7 +224,7 @@ describe('CrosswalkRow tests', function () {
         expect(deleteButton).toHaveLength(0);
     });
     it('should not render delete button for disabled crosswalk', function () {
-        isCrosswalkDisabledSpy.mockReturnValue(true);
+        isCrosswalkDisabled.mockReturnValue(true);
         var wrapper = setUp();
         act(function () {
             wrapper.find(ArrowExpandButton).find('button').simulate('click');
@@ -257,7 +256,7 @@ describe('CrosswalkRow tests', function () {
         });
         wrapper.update();
         expect(defaultProps.onDelete).toHaveBeenCalledWith('1kQ5cap2n');
-        expect(toggleCrosswalkFocus).toBeCalledTimes(0);
+        expect(toggleCrosswalkFocus).toHaveBeenCalledTimes(0);
     });
     it('should call props.onDelete and call toggleCrosswalkFocus if isFocused === true after confirmation on crosswalk delete', function () {
         jest.spyOn(CrosswalksDisplay, 'useCrosswalkFocus').mockReturnValue({
@@ -284,7 +283,7 @@ describe('CrosswalkRow tests', function () {
         });
         rerenderWrapper(wrapper);
         expect(defaultProps.onDelete).toHaveBeenCalledWith('1kQ5cap2n');
-        expect(toggleCrosswalkFocus).toBeCalledTimes(1);
+        expect(toggleCrosswalkFocus).toHaveBeenCalledTimes(1);
     });
     it('should not call props.onDelete without confirmation on crosswalk delete', function () {
         var wrapper = setUp();
@@ -307,7 +306,7 @@ describe('CrosswalkRow tests', function () {
         });
         rerenderWrapper(wrapper);
         expect(wrapper.find(ConfirmDeleteDialog).at(0).prop('open')).toBe(false);
-        expect(defaultProps.onDelete).not.toBeCalled();
+        expect(defaultProps.onDelete).not.toHaveBeenCalled();
     });
     it('should call props.onEdit when calling CrosswalkAttributes onEditAttribute prop', function () {
         var wrapper = setUp();
@@ -337,7 +336,7 @@ describe('CrosswalkRow tests', function () {
         var wrapper = setUp(__assign(__assign({}, defaultProps), { focusable: true }));
         var node = wrapper.find('.root').getDOMNode();
         node.scrollIntoView = jest.fn();
-        expect(node.scrollIntoView).not.toBeCalled();
+        expect(node.scrollIntoView).not.toHaveBeenCalled();
         useHighlightedCrosswalksMock.mockReturnValueOnce([
             {
                 uri: 'entities/j8K1vc9/crosswalks/1kQ5cap2n',
@@ -346,7 +345,7 @@ describe('CrosswalkRow tests', function () {
             }
         ]);
         wrapper.setProps({ crosswalk: __assign({}, crosswalk) });
-        expect(node.scrollIntoView).toBeCalled();
+        expect(node.scrollIntoView).toHaveBeenCalled();
     });
     describe('dnd', function () {
         afterEach(function () {
@@ -363,10 +362,10 @@ describe('CrosswalkRow tests', function () {
         });
         it('should use empty image preview', function () {
             setUp();
-            expect(preview).toBeCalledWith(getEmptyImage(), { captureDraggingState: true });
+            expect(preview).toHaveBeenCalledWith(getEmptyImage(), { captureDraggingState: true });
         });
         it('should not allow drag if crosswalk is disabled', function () {
-            isCrosswalkDisabledSpy.mockReturnValue(true);
+            isCrosswalkDisabled.mockReturnValue(true);
             setUp();
             var canDrag = useDragMock.mock.calls[0][0].canDrag;
             expect(canDrag).toBe(false);

package/esm/features/crosswalks/ShowDependentLink/ShowDependentLink.test.js

@@ -15,6 +15,6 @@ describe('ShowDependentLink tests', function () {
         var onClick = jest.fn();
         var wrapper = shallow(React.createElement(ShowDependentLink, { showMore: true, onClick: onClick }));
         wrapper.find(Link).simulate('click');
-        expect(onClick).toBeCalled();
+        expect(onClick).toHaveBeenCalled();
     });
 });

package/esm/features/crosswalks/SourceCrosswalksRow/SourceCrosswalksRow.test.js

@@ -228,9 +228,9 @@ describe('SourceCrosswalksRow tests', function () {
             dependent: [dependentCrosswalk]
         };
         var wrapper = mount(React.createElement(SourceCrosswalksRow, __assign({}, props, { crosswalksByTypes: crosswalksByTypes, crosswalksFocusEnabled: true })));
-        expect(props.onToggleExpanded).not.toBeCalled();
+        expect(props.onToggleExpanded).not.toHaveBeenCalled();
         useHighlightedCrosswalksMock.mockReturnValueOnce([dependentCrosswalk]);
         wrapper.setProps({ expanded: false });
-        expect(props.onToggleExpanded).toBeCalled();
+        expect(props.onToggleExpanded).toHaveBeenCalled();
     });
 });