@reltio/components 1.4.1945 → 1.4.1946

package/esm/AutoSizeList/AutoSizeList.test.js

@@ -47,8 +47,8 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
 };
 import React from 'react';
 import AutoSizeList from './AutoSizeList';
-import { delayPromise } from '../test-utils';
-import { render, screen } from '@testing-library/react';
+import { mockResizeObserver } from 'jsdom-testing-mocks';
+import { render, screen, act, waitFor } from '@testing-library/react';
 describe('AutoSizeList tests', function () {
     var defaultProps = {
         width: 100,
@@ -60,32 +60,32 @@ describe('AutoSizeList tests', function () {
             return "child-".concat(data[index]);
         }
     };
+    var resizeObserver = mockResizeObserver();
     var setUp = function (props) {
         if (props === void 0) { props = defaultProps; }
         return render(React.createElement(AutoSizeList, __assign({}, props)));
     };
-    beforeAll(function () {
-        window.ResizeObserver = jest.fn().mockImplementation(function (onResize) {
-            onResize([{ contentRect: { width: 100, height: 50 } }]);
-            return {
-                observe: jest.fn(),
-                unobserve: jest.fn(),
-                disconnect: jest.fn()
-            };
-        });
-    });
     it('should render correctly', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var child1, child2, child3;
         return __generator(this, function (_a) {
             switch (_a.label) {
                 case 0:
                     setUp();
-                    expect(screen.getByText('child-1')).toHaveStyle({ visibility: 'hidden' });
-                    expect(screen.getByText('child-2')).toHaveStyle({ visibility: 'hidden' });
-                    expect(screen.getByText('child-3')).toHaveStyle({ visibility: 'hidden' });
-                    return [4 /*yield*/, delayPromise(100)];
+                    child1 = screen.getByText('child-1');
+                    child2 = screen.getByText('child-2');
+                    child3 = screen.getByText('child-3');
+                    expect(child1).toHaveStyle({ visibility: 'hidden' });
+                    expect(child2).toHaveStyle({ visibility: 'hidden' });
+                    expect(child3).toHaveStyle({ visibility: 'hidden' });
+                    resizeObserver.mockElementSize(child1, { contentBoxSize: { blockSize: 50, inlineSize: 100 } });
+                    resizeObserver.mockElementSize(child2, { contentBoxSize: { blockSize: 50, inlineSize: 100 } });
+                    resizeObserver.mockElementSize(child3, { contentBoxSize: { blockSize: 50, inlineSize: 100 } });
+                    act(function () {
+                        resizeObserver.resize();
+                    });
+                    return [4 /*yield*/, waitFor(function () { return expect(screen.getByText('child-1')).toHaveStyle({ visibility: 'visible' }); })];
                 case 1:
                     _a.sent();
-                    expect(screen.getByText('child-1')).toHaveStyle({ visibility: 'visible' });
                     expect(screen.getByText('child-2')).toHaveStyle({ visibility: 'visible' });
                     expect(screen.getByText('child-3')).toHaveStyle({ visibility: 'visible' });
                     return [2 /*return*/];
@@ -94,20 +94,17 @@ describe('AutoSizeList tests', function () {
     }); });
     it('should not add style.visibility to items if props.showNotMeasuredItems is true', function () { return __awaiter(void 0, void 0, void 0, function () {
         return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    setUp(__assign(__assign({}, defaultProps), { showNotMeasuredItems: true }));
-                    expect(screen.getByText('child-1')).not.toHaveAttribute('visibility');
-                    expect(screen.getByText('child-2')).not.toHaveAttribute('visibility');
-                    expect(screen.getByText('child-3')).not.toHaveAttribute('visibility');
-                    return [4 /*yield*/, delayPromise(100)];
-                case 1:
-                    _a.sent();
-                    expect(screen.getByText('child-1')).not.toHaveAttribute('visibility');
-                    expect(screen.getByText('child-2')).not.toHaveAttribute('visibility');
-                    expect(screen.getByText('child-3')).not.toHaveAttribute('visibility');
-                    return [2 /*return*/];
-            }
+            jest.useFakeTimers();
+            setUp(__assign(__assign({}, defaultProps), { showNotMeasuredItems: true }));
+            expect(screen.getByText('child-1')).not.toHaveAttribute('visibility');
+            expect(screen.getByText('child-2')).not.toHaveAttribute('visibility');
+            expect(screen.getByText('child-3')).not.toHaveAttribute('visibility');
+            jest.advanceTimersByTime(100);
+            expect(screen.getByText('child-1')).not.toHaveAttribute('visibility');
+            expect(screen.getByText('child-2')).not.toHaveAttribute('visibility');
+            expect(screen.getByText('child-3')).not.toHaveAttribute('visibility');
+            jest.useRealTimers();
+            return [2 /*return*/];
         });
     }); });
     it('should support props.listRef', function () {

package/esm/BasicTable/BasicTable.test.js

@@ -138,6 +138,9 @@ describe('BasicTable', function () {
     });
     it('should render Table with correct props', function () {
         var props = {
+            defaultColumnWidth: 100,
+            defaultColumnMinWidth: 100,
+            headRowHeight: 48,
             columnsData: [],
             filters: null,
             onFilter: jest.fn(),
@@ -157,8 +160,8 @@ describe('BasicTable', function () {
             sortOrder: props.sorting.order,
             onSort: props.onSort
         });
-        expect(dataHelpers.getTableHeadData).toBeCalledWith(props.columnsData, props.filters, props.onFilter);
-        expect(useCollapsibleTableRows).toBeCalledWith({
+        expect(dataHelpers.getTableHeadData).toHaveBeenCalledWith(props.columnsData, props.filters, props.onFilter);
+        expect(useCollapsibleTableRows).toHaveBeenCalledWith({
             rowsData: props.rowsData,
             columnsData: props.columnsData,
             renderRowCell: props.renderRowCell,
@@ -171,6 +174,9 @@ describe('BasicTable', function () {
     });
     it('should provide Table with context', function () {
         var props = {
+            defaultColumnWidth: 100,
+            defaultColumnMinWidth: 100,
+            headRowHeight: 48,
             columnsData: [],
             filters: null,
             onFilter: jest.fn(),
@@ -188,6 +194,9 @@ describe('BasicTable', function () {
     });
     it('should render Table without fixed head if row data is empty', function () {
         var props = {
+            defaultColumnWidth: 100,
+            defaultColumnMinWidth: 100,
+            headRowHeight: 48,
             columnsData: [],
             filters: null,
             onFilter: jest.fn(),
@@ -206,6 +215,9 @@ describe('BasicTable', function () {
     });
     it('should use default row cell renderer if it is not provided in props', function () {
         var props = {
+            defaultColumnWidth: 100,
+            defaultColumnMinWidth: 100,
+            headRowHeight: 48,
             columnsData: [],
             rowsData: [],
             sorting: { field: 'column', order: 'asc' },
@@ -214,7 +226,7 @@ describe('BasicTable', function () {
             maxRowValuesCount: 3
         };
         shallow(React.createElement(BasicTable, __assign({}, props)));
-        expect(useCollapsibleTableRows).toBeCalledWith({
+        expect(useCollapsibleTableRows).toHaveBeenCalledWith({
             rowsData: props.rowsData,
             columnsData: props.columnsData,
             renderRowCell: defaultRenderRowCell,
@@ -224,6 +236,9 @@ describe('BasicTable', function () {
     });
     it('should use default getRowCellHeight if it is not provided in props', function () {
         var props = {
+            defaultColumnWidth: 100,
+            defaultColumnMinWidth: 100,
+            headRowHeight: 48,
             columnsData: [],
             rowsData: [],
             sorting: { field: 'column', order: 'asc' },
@@ -232,7 +247,7 @@ describe('BasicTable', function () {
             maxRowValuesCount: 3
         };
         shallow(React.createElement(BasicTable, __assign({}, props)));
-        expect(useCollapsibleTableRows).toBeCalledWith({
+        expect(useCollapsibleTableRows).toHaveBeenCalledWith({
             rowsData: props.rowsData,
             columnsData: props.columnsData,
             renderRowCell: props.renderRowCell,
@@ -242,6 +257,9 @@ describe('BasicTable', function () {
     });
     it('should use Infinity as maxRowValuesCount if it is not provided in props', function () {
         var props = {
+            defaultColumnWidth: 100,
+            defaultColumnMinWidth: 100,
+            headRowHeight: 48,
             columnsData: [],
             rowsData: [],
             sorting: { field: 'column', order: 'asc' },
@@ -250,7 +268,7 @@ describe('BasicTable', function () {
             getRowCellHeight: jest.fn()
         };
         shallow(React.createElement(BasicTable, __assign({}, props)));
-        expect(useCollapsibleTableRows).toBeCalledWith({
+        expect(useCollapsibleTableRows).toHaveBeenCalledWith({
             rowsData: props.rowsData,
             columnsData: props.columnsData,
             renderRowCell: props.renderRowCell,
@@ -261,6 +279,9 @@ describe('BasicTable', function () {
     it('should not render Table when columnsData is empty array', function () {
         jest.spyOn(dataHelpers, 'getTableHeadData').mockReturnValue([]);
         var props = {
+            defaultColumnWidth: 100,
+            defaultColumnMinWidth: 100,
+            headRowHeight: 48,
             columnsData: [],
             filters: null,
             onFilter: jest.fn(),

package/esm/BasicTable/IntegrationBasicTable.test.js

@@ -46,7 +46,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     }
 };
 import React from 'react';
-import { screen, render, within, fireEvent } from '@testing-library/react';
+import { screen, render, within, fireEvent, act } from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
 import HTML5Backend from 'react-dnd-html5-backend';
 import { DndProvider } from 'react-dnd';
@@ -150,18 +150,29 @@ describe('basic table tests', function () {
                     expect(within(getCellByIndexes(0, 1)).queryByText('row 1 value 3')).toBeInTheDocument();
                     expect(within(getCellByIndexes(1, 1)).queryByText('row 2 value 1')).toBeInTheDocument();
                     expect(within(getCellByIndexes(1, 1)).queryByText('row 2 value 2')).toBeInTheDocument();
-                    jest.useFakeTimers();
                     dragIndicator = within(getCellByIndexes(1, 0)).queryByText('drag el');
-                    fireEvent.dragStart(dragIndicator);
-                    jest.runOnlyPendingTimers();
+                    return [4 /*yield*/, act(function () { return __awaiter(void 0, void 0, void 0, function () {
+                            return __generator(this, function (_a) {
+                                fireEvent.dragStart(dragIndicator);
+                                return [2 /*return*/];
+                            });
+                        }); })];
+                case 3:
+                    _a.sent();
                     expect(within(getCellByIndexes(0, 1)).queryByText('row 1 value 1')).toBeInTheDocument();
                     expect(within(getCellByIndexes(0, 1)).queryByText('row 1 value 2')).not.toBeInTheDocument();
                     expect(within(getCellByIndexes(0, 1)).queryByText('row 1 value 3')).not.toBeInTheDocument();
                     expect(within(getCellByIndexes(1, 1)).queryByText('row 2 value 1')).toBeInTheDocument();
                     expect(within(getCellByIndexes(1, 1)).queryByText('row 2 value 2')).not.toBeInTheDocument();
-                    fireEvent.dragEnd(getCellByIndexes(1, 0));
+                    return [4 /*yield*/, act(function () { return __awaiter(void 0, void 0, void 0, function () {
+                            return __generator(this, function (_a) {
+                                fireEvent.dragEnd(getCellByIndexes(1, 0));
+                                return [2 /*return*/];
+                            });
+                        }); })];
+                case 4:
+                    _a.sent();
                     unmockTableSizing();
-                    jest.useRealTimers();
                     return [2 /*return*/];
             }
         });

package/esm/BasicTable/helpers.test.js

@@ -75,7 +75,7 @@ describe('helpers', function () {
                     minWidth: 100
                 }
             ]);
-            expect(withFilter).toBeCalledWith({
+            expect(withFilter).toHaveBeenCalledWith({
                 filterable: false,
                 dataTypeDefinition: dataTypeDefinition,
                 filter: filter,

package/esm/CollapseRowButton/CollapseRowButton.test.js

@@ -82,7 +82,7 @@ describe('CollapseRowButton tests', function () {
         expect(getMuiIconByName('ExpandMore')).not.toHaveClass('expandLess');
         rerender(React.createElement(CollapseRowButton, __assign({}, defaultProps)));
         expect(getMuiIconByName('ExpandMore')).toHaveClass('expandLess');
-        expect(getIsRowCollapsed).toBeCalledWith(defaultProps.rowIndex);
+        expect(getIsRowCollapsed).toHaveBeenCalledWith(defaultProps.rowIndex);
     });
     it('should call toggleRowCollapse on button click correctly', function () { return __awaiter(void 0, void 0, void 0, function () {
         var user;
@@ -93,7 +93,7 @@ describe('CollapseRowButton tests', function () {
                     return [4 /*yield*/, user.click(screen.getByRole('button'))];
                 case 1:
                     _a.sent();
-                    expect(toggleRowCollapse).toBeCalledWith(defaultProps.rowIndex);
+                    expect(toggleRowCollapse).toHaveBeenCalledWith(defaultProps.rowIndex);
                     return [2 /*return*/];
             }
         });
@@ -104,6 +104,6 @@ describe('CollapseRowButton tests', function () {
         expect(screen.getByRole('button')).not.toHaveClass('hidden');
         rerender(React.createElement(CollapseRowButton, __assign({}, defaultProps)));
         expect(screen.getByRole('button')).toHaveClass('hidden');
-        expect(getIsRowCollapsible).toBeCalledWith(defaultProps.rowValue);
+        expect(getIsRowCollapsible).toHaveBeenCalledWith(defaultProps.rowValue);
     });
 });

package/esm/CommentsContainer/CommentsContainer.test.js

@@ -251,7 +251,7 @@ describe('CommentsContainer tests', function () {
                 case 2:
                     _b.sent();
                     expect(screen.queryByText('Comments')).not.toBeInTheDocument();
-                    expect(clearCurrentComment).toBeCalled();
+                    expect(clearCurrentComment).toHaveBeenCalled();
                     return [2 /*return*/];
             }
         });
@@ -272,7 +272,7 @@ describe('CommentsContainer tests', function () {
                     return [4 /*yield*/, user.click(screen.getByLabelText('Show comment'))];
                 case 1:
                     _b.sent();
-                    expect(getComment).toBeCalledWith(currentComment.commentId);
+                    expect(getComment).toHaveBeenCalledWith(currentComment.commentId);
                     return [2 /*return*/];
             }
         });

package/esm/CustomDateRangeEditor/CustomDateRangeEditor.test.js

@@ -96,7 +96,7 @@ describe('CustomDateRangeEditor tests', function () {
                     return [4 /*yield*/, user.click(screen.getByRole('textbox'))];
                 case 1:
                     _a.sent();
-                    expect(onFocusSpy).toBeCalledTimes(1);
+                    expect(onFocusSpy).toHaveBeenCalledTimes(1);
                     return [2 /*return*/];
             }
         });
@@ -145,7 +145,7 @@ describe('CustomDateRangeEditor tests', function () {
                 case 4:
                     _a.sent();
                     expect(screen.queryByRole('presentation')).not.toBeInTheDocument();
-                    expect(defaultProps.onChange).not.toBeCalled();
+                    expect(defaultProps.onChange).not.toHaveBeenCalled();
                     return [2 /*return*/];
             }
         });

package/esm/DataTypeValue/DataTypeValue.test.js

@@ -12,7 +12,7 @@ var __assign = (this && this.__assign) || function () {
 import React from 'react';
 import { screen, render } from '@testing-library/react';
 import moment from 'moment';
-import * as mdmSdk from '@reltio/mdm-sdk';
+import { formatDataTypeValue } from '@reltio/mdm-sdk';
 import { MdmModuleProvider } from '../contexts/MdmModuleContext';
 import { DataTypeValue } from './DataTypeValue';
 jest.mock('@reltio/mdm-sdk', function () { return (__assign(__assign({}, jest.requireActual('@reltio/mdm-sdk')), { formatDataTypeValue: jest.fn().mockImplementation(jest.requireActual('@reltio/mdm-sdk').formatDataTypeValue) })); });
@@ -35,7 +35,7 @@ var setUp = function (props, mdmValues) {
 describe('DataTypeValue tests', function () {
     var checkFormatDataTypeCall = function (_a) {
         var _b = _a.attributesPresentation, attributesPresentation = _b === void 0 ? defaultAttributesPresentation : _b, _c = _a.dateMask, dateMask = _c === void 0 ? defaultDateMask : _c, _d = _a.dateTimeMask, dateTimeMask = _d === void 0 ? defaultDateTimeMask : _d, dataTypeDefinition = _a.dataTypeDefinition, value = _a.value;
-        expect(mdmSdk.formatDataTypeValue).toHaveBeenCalledWith({ attributesPresentation: attributesPresentation, dateMask: dateMask, dateTimeMask: dateTimeMask, dataTypeDefinition: dataTypeDefinition }, value);
+        expect(formatDataTypeValue).toHaveBeenCalledWith({ attributesPresentation: attributesPresentation, dateMask: dateMask, dateTimeMask: dateTimeMask, dataTypeDefinition: dataTypeDefinition }, value);
     };
     afterEach(function () {
         jest.clearAllMocks();

package/esm/DataTypeValueEditor/useEditorContext.test.js

@@ -163,7 +163,7 @@ describe('useEditorContext tests', function () {
                     return [4 /*yield*/, result.current.getLookups(params)];
                 case 1:
                     lookups = _a.sent();
-                    expect(getDependentLookups).toBeCalledWith(params);
+                    expect(getDependentLookups).toHaveBeenCalledWith(params);
                     expect(lookups).toEqual({ DE: { displayName: 'Germany' }, RU: { displayName: 'Russia' } });
                     return [2 /*return*/];
             }
@@ -182,7 +182,7 @@ describe('useEditorContext tests', function () {
                     return [4 /*yield*/, result.current.resolveLookups('COUNTRY_CD', ['DE'])];
                 case 1:
                     _a.sent();
-                    expect(resolveLookupsList).toBeCalledWith([{ type: 'COUNTRY_CD', codeValue: 'DE' }]);
+                    expect(resolveLookupsList).toHaveBeenCalledWith([{ type: 'COUNTRY_CD', codeValue: 'DE' }]);
                     expect(lookupsForTypeResolved).toHaveBeenCalledWith({
                         type: 'COUNTRY_CD',
                         values: { DE: { displayName: 'Germany' } }