@reltio/components 1.4.1945 → 1.4.1946

package/esm/ReltioMap/ReltioMap.spec.js

@@ -46,7 +46,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     }
 };
 import React from 'react';
-import { render, screen } from '@testing-library/react';
+import { act, render, screen } from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
 import { findLast, last } from 'ramda';
 import { OverlayView, initialize, mockInstances, Marker, Map, Polygon } from '@googlemaps/jest-mocks';
@@ -235,7 +235,7 @@ describe('ReltioMap tests', function () {
         it('should not fit map bounds when markers changed and "Search when I move the map" mode is on', function () {
             var fitMapBoundsForMarkers = jest.spyOn(helpers, 'fitMapBoundsForMarkers');
             var fitMapBoundsForOverlay = jest.spyOn(helpers, 'fitMapBoundsForOverlay');
-            var rerender = setUpRTL(__assign(__assign({}, defaultProps), { markers: [] })).rerender;
+            var rerender = setUpRTL(__assign(__assign({}, defaultProps), { isSearchOnMapMove: false, markers: [] })).rerender;
             var newProps = __assign(__assign({}, defaultProps), { isSearchOnMapMove: true, markers: [
                     {
                         point: { lat: 1, lng: 1 },
@@ -431,7 +431,7 @@ describe('ReltioMap tests', function () {
                         return [4 /*yield*/, user.click(screen.getByLabelText('Draw area'))];
                     case 1:
                         _a.sent();
-                        expect(drawingManagerInstance.setDrawingMode).lastCalledWith(MAP_DRAWING_MODES.POLYGON);
+                        expect(drawingManagerInstance.setDrawingMode).toHaveBeenLastCalledWith(MAP_DRAWING_MODES.POLYGON);
                         overlay = {
                             setMap: jest.fn(),
                             getPath: function () { return ({
@@ -441,7 +441,9 @@ describe('ReltioMap tests', function () {
                                 ]; }
                             }); }
                         };
-                        getEventHandler(drawingManagerInstance, 'polygoncomplete')(overlay);
+                        act(function () {
+                            getEventHandler(drawingManagerInstance, 'polygoncomplete')(overlay);
+                        });
                         expect(onOverlayUpdated).toHaveBeenCalledWith({
                             type: MAP_DRAWING_MODES.POLYGON,
                             data: [
@@ -450,7 +452,7 @@ describe('ReltioMap tests', function () {
                             ]
                         });
                         expect(overlay.setMap).toHaveBeenCalledWith(null);
-                        expect(drawingManagerInstance.setDrawingMode).lastCalledWith(null);
+                        expect(drawingManagerInstance.setDrawingMode).toHaveBeenLastCalledWith(null);
                         return [2 /*return*/];
                 }
             });
@@ -472,11 +474,11 @@ describe('ReltioMap tests', function () {
                         return [4 /*yield*/, user.click(screen.getByLabelText('Draw area'))];
                     case 1:
                         _a.sent();
-                        expect(drawingManagerInstance.setDrawingMode).lastCalledWith(MAP_DRAWING_MODES.POLYGON);
+                        expect(drawingManagerInstance.setDrawingMode).toHaveBeenLastCalledWith(MAP_DRAWING_MODES.POLYGON);
                         return [4 /*yield*/, user.click(screen.getByText('Search as I move the map'))];
                     case 2:
                         _a.sent();
-                        expect(drawingManagerInstance.setDrawingMode).lastCalledWith(null);
+                        expect(drawingManagerInstance.setDrawingMode).toHaveBeenLastCalledWith(null);
                         expect(onMapBoundsChanged).toHaveBeenCalledWith(mapBoundsPolygon);
                         return [2 /*return*/];
                 }
@@ -492,14 +494,14 @@ describe('ReltioMap tests', function () {
                         return [4 /*yield*/, user.click(screen.getByLabelText('Draw area'))];
                     case 1:
                         _a.sent();
-                        expect(drawingManagerInstance.setDrawingMode).lastCalledWith(MAP_DRAWING_MODES.POLYGON);
+                        expect(drawingManagerInstance.setDrawingMode).toHaveBeenLastCalledWith(MAP_DRAWING_MODES.POLYGON);
                         return [4 /*yield*/, user.click(screen.getByText('Search as I move the map'))];
                     case 2:
                         _a.sent();
                         return [4 /*yield*/, user.click(screen.getByText('Search as I move the map'))];
                     case 3:
                         _a.sent();
-                        expect(drawingManagerInstance.setDrawingMode).lastCalledWith(null);
+                        expect(drawingManagerInstance.setDrawingMode).toHaveBeenLastCalledWith(null);
                         expect(onMapBoundsChanged).toHaveBeenCalledWith(null);
                         return [2 /*return*/];
                 }

package/esm/ReltioMap/components/EntityMarker/EntityMarker.spec.js

@@ -14,13 +14,12 @@ import { shallow, mount } from 'enzyme';
 import { Marker, InfoBox } from '@react-google-maps/api';
 import { ProfileCard } from '../../../ProfileCard';
 import { Popper } from '../../../Popper';
-import * as mdmSdk from '@reltio/mdm-sdk';
 import EntityMarker from './EntityMarker';
 import { MARKER } from './icons/marker.inline.svg';
 import { HOVERED_MARKER } from './icons/marker-hover.inline.svg';
 import { setupGoogleMock } from '../../googleMock.test-data';
 import { EntityMarkerContext } from '../../../contexts/EntityMarkerContext';
-import { svg2Url } from '@reltio/mdm-sdk';
+import { svg2Url, debounce } from '@reltio/mdm-sdk';
 import { rerenderWrapper } from '../../../test-utils';
 jest.mock('@reltio/mdm-sdk', function () { return (__assign(__assign({}, jest.requireActual('@reltio/mdm-sdk')), { debounce: jest.fn() })); });
 jest.mock('@react-google-maps/api', function () { return (__assign(__assign({}, jest.requireActual('@react-google-maps/api')), { Marker: jest.fn().mockImplementation(function () { return React.createElement("div", null); }), InfoBox: jest.fn().mockImplementation(function () { return React.createElement("div", null); }) })); });
@@ -52,7 +51,7 @@ describe('EntityMarker tests', function () {
         expect(infoBox.prop('position')).toEqual(markerProp.point);
     });
     it('should show opened popper on marker mouse over and close it on mouse out', function () {
-        var debounceSpy = jest.spyOn(mdmSdk, 'debounce').mockImplementation(function (cb) { return cb; });
+        debounce.mockImplementation(function (cb) { return cb; });
         var component = shallow(React.createElement(EntityMarker, { marker: markerProp }));
         expect(component.find(Popper).prop('open')).toBe(false);
         component.find(Marker).prop('onMouseOver')();
@@ -67,7 +66,7 @@ describe('EntityMarker tests', function () {
         expect(component.find(Marker).prop('icon')).toMatchObject({
             url: markerUrl
         });
-        expect(debounceSpy).toHaveBeenCalled();
+        expect(debounce).toHaveBeenCalled();
     });
     it('should call "onClick" prop with marker on marker click', function () {
         var onClick = jest.fn();

package/esm/ScrollableTabs/ScrollableTabs.test.js

@@ -22,7 +22,7 @@ describe('ScrollableTabs', function () {
         return range(0, count).map(function (index) { return (__assign({ label: "label".concat(index), value: "value".concat(index) }, (additionalLabel ? { additionalLabel: additionalLabel } : {}))); });
     };
     var defaultProps = {
-        value: 'id1',
+        value: 'value0',
         tabs: generateTabs(3),
         onChange: jest.fn()
     };

package/esm/SearchInput/SearchInput.spec.js

@@ -82,7 +82,7 @@ describe('SearchInput tests', function () {
                     return [4 /*yield*/, user.type(screen.getByRole('textbox'), searchValue)];
                 case 1:
                     _a.sent();
-                    expect(onSearch).toHaveBeenLastCalledWith(searchValue);
+                    expect(onSearch).toHaveBeenCalledWith(searchValue);
                     return [2 /*return*/];
             }
         });
@@ -96,7 +96,7 @@ describe('SearchInput tests', function () {
                     return [4 /*yield*/, user.click(screen.getByRole('button'))];
                 case 1:
                     _a.sent();
-                    expect(onSearch).toBeCalledWith('');
+                    expect(onSearch).toHaveBeenCalledWith('');
                     return [2 /*return*/];
             }
         });

package/esm/SelectionPopup/SelectionPopup.spec.js

@@ -15,15 +15,12 @@ import Popover from '@mui/material/Popover';
 import { SelectionPopup } from './SelectionPopup';
 import { SearchInput } from '../SearchInput';
 describe('SelectionPopup tests', function () {
+    var defaultProps = {
+        anchorEl: document.createElement('div'),
+        open: true
+    };
     it('should render main components correctly', function () {
-        var props = {
-            children: React.createElement("div", { className: 'testChildren' }),
-            title: 'Title',
-            onSearch: jest.fn(),
-            searchInputOnKeyDown: jest.fn(),
-            open: true,
-            onClose: jest.fn()
-        };
+        var props = __assign(__assign({}, defaultProps), { children: React.createElement("div", { className: 'testChildren' }), title: 'Title', onSearch: jest.fn(), searchInputOnKeyDown: jest.fn(), onClose: jest.fn() });
         var component = shallow(React.createElement(SelectionPopup, __assign({}, props)));
         var popover = component.find(Popover);
         expect(popover.props()).toMatchObject({
@@ -38,21 +35,21 @@ describe('SelectionPopup tests', function () {
         expect(popover.find('.testChildren').length).toBe(1);
     });
     it('should hide title if props.hideTitle is true', function () {
-        var component = shallow(React.createElement(SelectionPopup, { hideTitle: true }));
+        var component = shallow(React.createElement(SelectionPopup, __assign({}, defaultProps, { hideTitle: true })));
         expect(component.find('.header')).toHaveLength(0);
     });
     it('should hide search input if props.hideSearchInput is true', function () {
-        var component = shallow(React.createElement(SelectionPopup, { hideSearchInput: true }));
+        var component = shallow(React.createElement(SelectionPopup, __assign({}, defaultProps, { hideSearchInput: true })));
         expect(component.find(SearchInput)).toHaveLength(0);
     });
     it('should render header at the top if props.headerPlacement is "top"', function () {
-        var component = shallow(React.createElement(SelectionPopup, { headerPlacement: 'top' }));
+        var component = shallow(React.createElement(SelectionPopup, __assign({}, defaultProps, { headerPlacement: "top" })));
         var content = component.find('.container').children();
         expect(content.at(0).prop('className')).toBe('header');
         expect(content.at(1).prop('placeholder')).toBe('Search & add attributes');
     });
     it('should render header at the bottom if props.headerPlacement is "bottom"', function () {
-        var component = shallow(React.createElement(SelectionPopup, { headerPlacement: 'bottom' }));
+        var component = shallow(React.createElement(SelectionPopup, __assign({}, defaultProps, { headerPlacement: "bottom" })));
         var content = component.find('.container').children();
         expect(content.at(content.length - 2).prop('className')).toBe('header');
         expect(content.at(content.length - 1).prop('placeholder')).toBe('Search & add attributes');

package/esm/SelectorWithOnlyOptionAutoSelect/SelectorWithOnlyOptionAutoSelect.test.js

@@ -46,12 +46,12 @@ describe('SelectorWithOnlyOptionAutoSelect tests', function () {
         });
         it('should call props.onChange on value change', function () {
             var wrapper = shallow(React.createElement(SelectorWithOnlyOptionAutoSelect, __assign({}, props)));
-            expect(props.onChange).not.toBeCalled();
+            expect(props.onChange).not.toHaveBeenCalled();
             var newValue = '2';
             wrapper.find('DropDownEditor').simulate('change', newValue);
-            expect(props.onChange).toBeCalledWith(newValue);
+            expect(props.onChange).toHaveBeenCalledWith(newValue);
             wrapper.find('DropDownEditor').simulate('change', '');
-            expect(props.onChange).toBeCalledWith(null);
+            expect(props.onChange).toHaveBeenCalledWith(null);
         });
         it('should render empty option if empty label specified', function () {
             var emptyLabel = 'EMPTY_LABEL';
@@ -79,7 +79,7 @@ describe('SelectorWithOnlyOptionAutoSelect tests', function () {
         });
         it('should autoselect value of the only option', function () {
             mount(React.createElement(SelectorWithOnlyOptionAutoSelect, __assign({}, props)));
-            expect(props.onChange).toBeCalledWith('1');
+            expect(props.onChange).toHaveBeenCalledWith('1');
         });
     });
 });

package/esm/ShowLess/ShowLess.test.js

@@ -50,7 +50,7 @@ describe('ShowLess tests', function () {
                     return [4 /*yield*/, user.click(screen.getByText('Show less'))];
                 case 1:
                     _a.sent();
-                    expect(onClickSpy).toBeCalledTimes(1);
+                    expect(onClickSpy).toHaveBeenCalledTimes(1);
                     return [2 /*return*/];
             }
         });

package/esm/ShowMore/ShowMore.test.js

@@ -67,7 +67,7 @@ describe('ShowMore tests', function () {
                     return [4 /*yield*/, user.click(screen.getByText('Show 5 more of remaining 10 value'))];
                 case 1:
                     _a.sent();
-                    expect(onClickSpy).toBeCalledTimes(1);
+                    expect(onClickSpy).toHaveBeenCalledTimes(1);
                     return [2 /*return*/];
             }
         });
@@ -81,7 +81,7 @@ describe('ShowMore tests', function () {
                     return [4 /*yield*/, user.click(screen.getByText('Show more'))];
                 case 1:
                     _a.sent();
-                    expect(onClickSpy).toBeCalledTimes(1);
+                    expect(onClickSpy).toHaveBeenCalledTimes(1);
                     return [2 /*return*/];
             }
         });

package/esm/SideButtonsPanel/SideButtonsPanel.spec.js

@@ -51,9 +51,9 @@ import userEvent from '@testing-library/user-event';
 import { SideButtonsPanel } from './SideButtonsPanel';
 describe('SideButtonsPanel tests', function () {
     var buttonsProps = [
-        { icon: function () { return React.createElement("div", { "data-reltio-id": "icon0" }); }, tooltipTitle: 'button0', id: 0 },
-        { icon: function () { return React.createElement("div", { "data-reltio-id": "icon1" }); }, tooltipTitle: 'button1', id: 1 },
-        { icon: function () { return React.createElement("div", { "data-reltio-id": "icon2" }); }, tooltipTitle: 'button2', id: 2 }
+        { icon: function () { return React.createElement("div", { "data-reltio-id": "icon0" }); }, tooltipTitle: 'button0', id: 0, showForDisabled: true },
+        { icon: function () { return React.createElement("div", { "data-reltio-id": "icon1" }); }, tooltipTitle: 'button1', id: 1, showForDisabled: true },
+        { icon: function () { return React.createElement("div", { "data-reltio-id": "icon2" }); }, tooltipTitle: 'button2', id: 2, showForDisabled: true }
     ];
     var defaultProps = {
         buttonsProps: buttonsProps,

package/esm/SimpleAttribute/IntegrationSimpleAttribute.test.js

@@ -45,19 +45,18 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
         if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
     }
 };
-import { dissoc } from 'ramda';
 import React from 'react';
-import { render, screen } from '@testing-library/react';
+import { dissoc } from 'ramda';
+import { act, render, screen } from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
-import * as mdmSdk from '@reltio/mdm-sdk';
+import { Mode, getUnmaskedAttributeValue } from '@reltio/mdm-sdk';
 import { MaskedAttributesProvider } from '../contexts/MaskedAttributesContext';
 import { MdmModuleProvider } from '../contexts/MdmModuleContext';
 import { SimpleAttribute } from './SimpleAttribute';
 jest.mock('@reltio/mdm-sdk', function () { return (__assign(__assign({}, jest.requireActual('@reltio/mdm-sdk')), { getUnmaskedAttributeValue: jest.fn() })); });
 describe('masking/unmasking behaviour', function () {
-    var getUnmaskedAttributeValueMock = jest.spyOn(mdmSdk, 'getUnmaskedAttributeValue');
     beforeAll(function () {
-        getUnmaskedAttributeValueMock.mockResolvedValue({
+        getUnmaskedAttributeValue.mockResolvedValue({
             value: 'Unmasked value',
             uri: 'entities/16U21B8f/attributes/Name/2sAfjGOIh'
         });
@@ -69,7 +68,7 @@ describe('masking/unmasking behaviour', function () {
         var attributeType = isMaskingNeeded ? defaultAttributeType : dissoc('masking', defaultAttributeType);
         var Providers = function (_a) {
             var children = _a.children;
-            return (React.createElement(MdmModuleProvider, { values: { mode: mdmSdk.Mode.Viewing } },
+            return (React.createElement(MdmModuleProvider, { values: { mode: Mode.Viewing } },
                 React.createElement(MaskedAttributesProvider, null, children)));
         };
         var user = userEvent.setup();
@@ -95,7 +94,7 @@ describe('masking/unmasking behaviour', function () {
                     return [4 /*yield*/, user.click(switcher)];
                 case 1:
                     _b.sent();
-                    expect(getUnmaskedAttributeValueMock).toHaveBeenCalledWith(defaultAttributeValue.uri);
+                    expect(getUnmaskedAttributeValue).toHaveBeenCalledWith(defaultAttributeValue.uri);
                     return [2 /*return*/];
             }
         });
@@ -143,17 +142,22 @@ describe('masking/unmasking behaviour', function () {
         return __generator(this, function (_b) {
             switch (_b.label) {
                 case 0:
-                    getUnmaskedAttributeValueMock.mockImplementation(function () { return new Promise(function (resolve) { return (resolveGetUnmaskedAttributeValue = resolve); }); });
+                    getUnmaskedAttributeValue.mockImplementation(function () { return new Promise(function (resolve) { return (resolveGetUnmaskedAttributeValue = resolve); }); });
                     _a = setUp(), container = _a.container, user = _a.user;
                     switcher = container.querySelector('.switcherWrapper');
                     return [4 /*yield*/, user.click(switcher)];
                 case 1:
                     _b.sent();
                     expect(screen.getByRole('progressbar')).toBeInTheDocument();
-                    return [4 /*yield*/, resolveGetUnmaskedAttributeValue({
-                            value: 'Unmasked value',
-                            uri: 'entities/16U21B8f/attributes/Name/2sAfjGOIh'
-                        })];
+                    return [4 /*yield*/, act(function () { return __awaiter(void 0, void 0, void 0, function () {
+                            return __generator(this, function (_a) {
+                                resolveGetUnmaskedAttributeValue({
+                                    value: 'Unmasked value',
+                                    uri: 'entities/16U21B8f/attributes/Name/2sAfjGOIh'
+                                });
+                                return [2 /*return*/];
+                            });
+                        }); })];
                 case 2:
                     _b.sent();
                     return [4 /*yield*/, screen.findByText('Unmasked value')];

package/esm/SimpleDropDownSelector/SimpleDropDownSelector.test.js

@@ -6,7 +6,7 @@ import { DropDownPlaceholder } from './components/DropDownPlaceholder';
 import { DropDownSelector } from '../DropDownSelector';
 describe('SimpleDropDownSelector tests', function () {
     it('should render SimpleDropDownSelector with "components" prop', function () {
-        var component = shallow(React.createElement(SimpleDropDownSelector, null));
+        var component = shallow(React.createElement(SimpleDropDownSelector, { label: "test" }));
         expect(component.find(DropDownSelector).length).toBe(1);
         expect(component.find(DropDownSelector).prop('components')).toEqual({
             SingleValue: DropDownValue,

package/esm/TableWithBars/TableWithBars.test.js

@@ -70,6 +70,6 @@ describe('TableWithBars', function () {
         var onItemClick = jest.fn();
         var wrapper = mount(React.createElement(TableWithBars, { width: 600, height: 300, data: data, onItemClick: onItemClick }));
         wrapper.find('.attribute').first().simulate('click');
-        expect(onItemClick).toBeCalledWith('attr01');
+        expect(onItemClick).toHaveBeenCalledWith('attr01');
     });
 });

package/esm/TreeChart/TreeChart.test.js

@@ -78,7 +78,7 @@ describe('TreeChart', function () {
                     return [4 /*yield*/, user.click(screen.getByText('first'))];
                 case 1:
                     _a.sent();
-                    expect(onItemClickSpy).toBeCalledWith('group1');
+                    expect(onItemClickSpy).toHaveBeenCalledWith('group1');
                     return [2 /*return*/];
             }
         });

package/esm/TypeaheadEditor/TypeaheadEditor.test.js

@@ -49,8 +49,11 @@ import React from 'react';
 import { render, screen, fireEvent, waitFor, within } from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
 import { getMuiIconByName } from '../test-utils';
+import { debounce } from '@reltio/mdm-sdk';
 import { TypeaheadEditor } from './TypeaheadEditor';
-jest.mock('@reltio/mdm-sdk', function () { return (__assign({}, jest.requireActual('@reltio/mdm-sdk'))); });
+jest.mock('@reltio/mdm-sdk', function () { return (__assign(__assign({}, jest.requireActual('@reltio/mdm-sdk')), { debounce: jest.fn() })); });
+var originalDebounce = jest.requireActual('@reltio/mdm-sdk').debounce;
+var fakeDebounce = function (func) { return func; };
 var setUp = function (props) {
     var user = userEvent.setup();
     return __assign(__assign({}, render(React.createElement(TypeaheadEditor, __assign({}, props)))), { user: user });
@@ -83,6 +86,9 @@ describe('TypeaheadEditor', function () {
         multiple: false,
         onChange: jest.fn()
     };
+    beforeEach(function () {
+        debounce.mockImplementation(fakeDebounce);
+    });
     afterEach(function () {
         jest.clearAllMocks();
     });
@@ -191,6 +197,7 @@ describe('TypeaheadEditor', function () {
         return __generator(this, function (_a) {
             switch (_a.label) {
                 case 0:
+                    debounce.mockImplementation(originalDebounce);
                     user = setUp(defaultSingleProps).user;
                     input = screen.getByRole('textbox');
                     return [4 /*yield*/, user.click(input)];

package/esm/UploadFileButton/UploadFileButton.spec.js

@@ -59,66 +59,101 @@ describe('UploadFileButton tests', function () {
             expect(component.find('input').prop('accept')).toBe('*.txt,*.csv');
             expect(component.find('input').prop('type')).toBe('file');
         });
-        it('should call onUpload', function () {
-            var component = mount(React.createElement(UploadFileButton, { onUpload: onUpload, supportedFileTypes: supportedFileTypes }));
-            var event = { target: { files: [{ name: 'test' }] } };
-            component.find('input').simulate('change', event);
-            expect(onUpload).toHaveBeenCalledWith({ name: 'test' });
-        });
-        it('should invoke onError on file upload error', function () {
-            var onError = jest.fn();
-            var ERROR_MESSAGE = 'Error';
-            var uploadReject = Promise.reject(ERROR_MESSAGE);
-            var onUpload = jest.fn().mockReturnValueOnce(uploadReject);
-            var component = mount(React.createElement(UploadFileButton, { onUpload: onUpload, onError: onError, supportedFileTypes: supportedFileTypes }));
-            var event = { target: { files: [{ name: 'test' }] } };
-            act(function () {
-                component.find('input').simulate('change', event);
-            });
-            return uploadReject
-                .catch(function () { })
-                .then(function () {
-                expect(onError).toHaveBeenCalledWith(ERROR_MESSAGE);
-            });
-        });
-        it('should use default onError prop if it is not specified', function () {
-            var addErrorSpy = jest.spyOn(ErrorPopup, 'addError').mockImplementation(function () { });
-            var ERROR_MESSAGE = 'Error';
-            var uploadReject = Promise.reject(ERROR_MESSAGE);
-            var onUpload = jest.fn().mockReturnValueOnce(uploadReject);
-            var component = mount(React.createElement(UploadFileButton, { onUpload: onUpload, supportedFileTypes: supportedFileTypes }));
-            var event = { target: { files: [{ name: 'test' }] } };
-            act(function () {
-                component.find('input').simulate('change', event);
+        it('should call onUpload', function () { return __awaiter(void 0, void 0, void 0, function () {
+            var component, event;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        component = mount(React.createElement(UploadFileButton, { onUpload: onUpload, supportedFileTypes: supportedFileTypes }));
+                        event = { target: { files: [{ name: 'test' }] } };
+                        return [4 /*yield*/, act(function () { return __awaiter(void 0, void 0, void 0, function () {
+                                return __generator(this, function (_a) {
+                                    component.find('input').simulate('change', event);
+                                    return [2 /*return*/];
+                                });
+                            }); })];
+                    case 1:
+                        _a.sent();
+                        expect(onUpload).toHaveBeenCalledWith({ name: 'test' });
+                        return [2 /*return*/];
+                }
             });
-            return uploadReject
-                .catch(function () { })
-                .then(function () {
-                expect(addErrorSpy).toHaveBeenCalledWith({
-                    title: 'File upload error',
-                    message: ERROR_MESSAGE
-                });
+        }); });
+        it('should invoke onError on file upload error', function () { return __awaiter(void 0, void 0, void 0, function () {
+            var onError, ERROR_MESSAGE, onUpload, component, event;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        onError = jest.fn();
+                        ERROR_MESSAGE = 'Error';
+                        onUpload = jest.fn().mockRejectedValue(ERROR_MESSAGE);
+                        component = mount(React.createElement(UploadFileButton, { onUpload: onUpload, onError: onError, supportedFileTypes: supportedFileTypes }));
+                        event = { target: { files: [{ name: 'test' }] } };
+                        return [4 /*yield*/, act(function () { return __awaiter(void 0, void 0, void 0, function () {
+                                return __generator(this, function (_a) {
+                                    component.find('input').simulate('change', event);
+                                    return [2 /*return*/];
+                                });
+                            }); })];
+                    case 1:
+                        _a.sent();
+                        expect(onError).toHaveBeenCalledWith(ERROR_MESSAGE);
+                        return [2 /*return*/];
+                }
             });
-        });
-        it('should use errorMessage for error popup if it available', function () {
-            var addErrorSpy = jest.spyOn(ErrorPopup, 'addError').mockImplementation(function () { });
-            var ERROR_OBJECT = { errorMessage: 'errorMessage text' };
-            var uploadReject = Promise.reject(ERROR_OBJECT);
-            var onUpload = jest.fn().mockReturnValueOnce(uploadReject);
-            var component = mount(React.createElement(UploadFileButton, { onUpload: onUpload, supportedFileTypes: supportedFileTypes }));
-            var event = { target: { files: [{ name: 'test' }] } };
-            act(function () {
-                component.find('input').simulate('change', event);
+        }); });
+        it('should use default onError prop if it is not specified', function () { return __awaiter(void 0, void 0, void 0, function () {
+            var addErrorSpy, ERROR_MESSAGE, onUpload, component, event;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        addErrorSpy = jest.spyOn(ErrorPopup, 'addError').mockImplementation(function () { });
+                        ERROR_MESSAGE = 'Error';
+                        onUpload = jest.fn().mockRejectedValue(ERROR_MESSAGE);
+                        component = mount(React.createElement(UploadFileButton, { onUpload: onUpload, supportedFileTypes: supportedFileTypes }));
+                        event = { target: { files: [{ name: 'test' }] } };
+                        return [4 /*yield*/, act(function () { return __awaiter(void 0, void 0, void 0, function () {
+                                return __generator(this, function (_a) {
+                                    component.find('input').simulate('change', event);
+                                    return [2 /*return*/];
+                                });
+                            }); })];
+                    case 1:
+                        _a.sent();
+                        expect(addErrorSpy).toHaveBeenCalledWith({
+                            title: 'File upload error',
+                            message: ERROR_MESSAGE
+                        });
+                        return [2 /*return*/];
+                }
             });
-            return uploadReject
-                .catch(function () { })
-                .then(function () {
-                expect(addErrorSpy).toHaveBeenCalledWith({
-                    title: 'File upload error',
-                    message: ERROR_OBJECT.errorMessage
-                });
+        }); });
+        it('should use errorMessage for error popup if it available', function () { return __awaiter(void 0, void 0, void 0, function () {
+            var addErrorSpy, ERROR_OBJECT, onUpload, component, event;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        addErrorSpy = jest.spyOn(ErrorPopup, 'addError').mockImplementation(function () { });
+                        ERROR_OBJECT = { errorMessage: 'errorMessage text' };
+                        onUpload = jest.fn().mockRejectedValue(ERROR_OBJECT);
+                        component = mount(React.createElement(UploadFileButton, { onUpload: onUpload, supportedFileTypes: supportedFileTypes }));
+                        event = { target: { files: [{ name: 'test' }] } };
+                        return [4 /*yield*/, act(function () { return __awaiter(void 0, void 0, void 0, function () {
+                                return __generator(this, function (_a) {
+                                    component.find('input').simulate('change', event);
+                                    return [2 /*return*/];
+                                });
+                            }); })];
+                    case 1:
+                        _a.sent();
+                        expect(addErrorSpy).toHaveBeenCalledWith({
+                            title: 'File upload error',
+                            message: ERROR_OBJECT.errorMessage
+                        });
+                        return [2 /*return*/];
+                }
             });
-        });
+        }); });
     });
     describe('uploaded mode behavior', function () {
         var onUpload, onCancel, supportedFileTypes;
@@ -134,11 +169,16 @@ describe('UploadFileButton tests', function () {
                     case 0:
                         component = mount(React.createElement(UploadFileButton, { onUpload: onUpload, supportedFileTypes: supportedFileTypes }));
                         event = { target: { files: [{ name: 'test' }] } };
-                        act(function () {
-                            component.find('input').simulate('change', event);
-                        });
-                        return [4 /*yield*/, Promise.resolve()];
+                        return [4 /*yield*/, act(function () { return __awaiter(void 0, void 0, void 0, function () {
+                                return __generator(this, function (_a) {
+                                    component.find('input').simulate('change', event);
+                                    return [2 /*return*/];
+                                });
+                            }); })];
                     case 1:
+                        _a.sent();
+                        return [4 /*yield*/, Promise.resolve()];
+                    case 2:
                         _a.sent();
                         component.update();
                         linkComponent = component.find(Link);
@@ -151,9 +191,7 @@ describe('UploadFileButton tests', function () {
             var link = 'link';
             var filename = 'filename';
             var component = mount(React.createElement(UploadFileButton, { link: link, filename: filename }));
-            act(function () {
-                component.update();
-            });
+            component.update();
             expect(component.find(ExpandedValueTooltip)).toHaveLength(1);
             var linkComponent = component.find(Link);
             expect(linkComponent.prop('href')).toBe('link');
@@ -163,9 +201,7 @@ describe('UploadFileButton tests', function () {
             var link = 'link';
             var filename = 'filename';
             var component = mount(React.createElement(UploadFileButton, { link: link, filename: filename, isValidLink: false }));
-            act(function () {
-                component.update();
-            });
+            component.update();
             expect(component.find(ExpandedValueTooltip)).toHaveLength(1);
             expect(component.find(Link)).toHaveLength(0);
             expect(component.find(Typography).text()).toBe('filename');
@@ -174,9 +210,7 @@ describe('UploadFileButton tests', function () {
             var link = 'link';
             var filename = 'filename';
             var component = mount(React.createElement(UploadFileButton, { link: link, onCancel: onCancel, filename: filename }));
-            act(function () {
-                component.update();
-            });
+            component.update();
             var cancelIcon = component.find('svg');
             cancelIcon.simulate('click');
             expect(onCancel).toHaveBeenCalled();

package/esm/VerticalHeadingsTable/components/TableCellWithDnd/TableCellWithDnd.test.js

@@ -22,7 +22,10 @@ var setUp = function (_a) {
         React.createElement(DndContext.Consumer, null, function (_a) {
             var dragDropManager = _a.dragDropManager;
             manager = dragDropManager;
-            return (React.createElement(TableCellWithDnd, { onMoveColumn: onMoveColumn, onDropColumn: onDropColumn, shouldRenderDragIndicator: shouldRenderDragIndicator, index: index, columnValue: columnValue, rowData: rowData, setHoveredColumn: setHoveredColumn, resetHoveredColumn: resetHoveredColumn, someRowIsDragging: someRowIsDragging }));
+            return (React.createElement("table", null,
+                React.createElement("tbody", null,
+                    React.createElement("tr", null,
+                        React.createElement(TableCellWithDnd, { onMoveColumn: onMoveColumn, onDropColumn: onDropColumn, shouldRenderDragIndicator: shouldRenderDragIndicator, index: index, columnValue: columnValue, rowData: rowData, setHoveredColumn: setHoveredColumn, resetHoveredColumn: resetHoveredColumn, someRowIsDragging: someRowIsDragging })))));
         })));
     return [component, manager];
 };

package/esm/VerticalHeadingsTable/components/TableRowWithDnd/TableRowWithDnd.test.js

@@ -30,7 +30,9 @@ var setUp = function (_a) {
         React.createElement(DndContext.Consumer, null, function (_a) {
             var dragDropManager = _a.dragDropManager;
             manager = dragDropManager;
-            return (React.createElement(TableRowWithDnd, { rowData: rowData, columnsData: columnsData, index: index, onMoveRow: onMoveRow, onDropRow: onDropRow, onMoveColumn: onMoveColumn, onDropColumn: onDropColumn, setHoveredColumn: setHoveredColumn, resetHoveredColumn: resetHoveredColumn, setSomeRowIsDragging: setSomeRowIsDragging, someRowIsDragging: someRowIsDragging }));
+            return (React.createElement("table", null,
+                React.createElement("tbody", null,
+                    React.createElement(TableRowWithDnd, { rowData: rowData, columnsData: columnsData, index: index, onMoveRow: onMoveRow, onDropRow: onDropRow, onMoveColumn: onMoveColumn, onDropColumn: onDropColumn, setHoveredColumn: setHoveredColumn, resetHoveredColumn: resetHoveredColumn, setSomeRowIsDragging: setSomeRowIsDragging, someRowIsDragging: someRowIsDragging }))));
         })));
     return [component, manager];
 };