@reltio/components 1.4.2044 → 1.4.2046

package/EntityTypeIcon/EntityTypeIcon.test.js

@@ -10,29 +10,29 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import React from 'react';
-import { mount } from 'enzyme';
-import RC_EntityTypeIcon from 'react-components/dist/EntityTypeIcon/EntityTypeIcon';
+import { render, screen } from '@testing-library/react';
 import { MdmModuleProvider } from '../contexts/MdmModuleContext';
 import { EntityTypeIcon } from './EntityTypeIcon';
-var setUp = function (props, imagePath) {
-    return mount(React.createElement(MdmModuleProvider, { values: { absoluteImagePath: imagePath } },
-        React.createElement(EntityTypeIcon, __assign({}, props))));
+var defaultProps = {
+    entityType: { uri: 'configuration/entityTypes/HCP', typeIcon: 'entity_icons/individual.svg' }
 };
-describe('EntityTypeIcon tests', function () {
+var setUp = function (_a) {
+    var _b = _a.props, props = _b === void 0 ? defaultProps : _b, imagePath = _a.imagePath;
+    var Providers = function (_a) {
+        var children = _a.children;
+        return (React.createElement(MdmModuleProvider, { values: { absoluteImagePath: imagePath } }, children));
+    };
+    return render(React.createElement(EntityTypeIcon, __assign({}, props)), { wrapper: Providers });
+};
+describe('Entity type icon tests', function () {
     it('should render EntityTypeIcon from react-components with storagePath from store', function () {
-        var props = {
-            entityType: {
-                uri: 'configuration/entityTypes/1'
-            },
-            className: 'className'
-        };
         var imagePath = '/some/image/path/';
-        var wrapper = setUp(props, imagePath);
-        expect(wrapper.find(RC_EntityTypeIcon).props()).toEqual(__assign(__assign({}, props), { storagePath: imagePath }));
+        setUp({ imagePath: imagePath });
+        expect(screen.getByRole('img')).toHaveAttribute('src', '/some/image/path/entity_icons/individual.svg');
     });
     it('should ensure slash ending for storagePath', function () {
         var imagePath = '/some/image/path';
-        var wrapper = setUp({}, imagePath);
-        expect(wrapper.find(RC_EntityTypeIcon).prop('storagePath')).toBe(imagePath + '/');
+        setUp({ imagePath: imagePath });
+        expect(screen.getByRole('img')).toHaveAttribute('src', '/some/image/path/entity_icons/individual.svg');
     });
 });

package/EntityTypesSelector/EntityTypesSelector.test.js

@@ -1,25 +1,66 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
 import React from 'react';
-import { shallow } from 'enzyme';
-import { MetadataTypesSelector } from '../MetadataTypesSelector';
+import { render, screen } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
 import { EntityTypesSelector } from './EntityTypesSelector';
-describe('EntityTypesSelector tests', function () {
-    it('should filter items correctly', function () {
-        var entityTypes = [
-            {
-                uri: 'configuration/entityTypes/HCP',
-                label: 'HCP Label',
-                attributes: []
-            },
-            {
-                uri: 'configuration/entityTypes/HCA',
-                abstract: true,
-                attributes: [],
-                label: 'HCA Label',
-                analyticsAttributes: []
+describe('Entity types selector tests', function () {
+    it('should filter items correctly', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var user, entityTypes, onChange, items;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    user = userEvent.setup();
+                    entityTypes = [
+                        { uri: 'configuration/entityTypes/HCP', label: 'HCP Label', attributes: [] },
+                        { uri: 'configuration/entityTypes/HCA', abstract: true, attributes: [], label: 'HCA Label' }
+                    ];
+                    onChange = jest.fn();
+                    render(React.createElement(EntityTypesSelector, { entityTypes: entityTypes, selectedEntityTypes: [], onChange: onChange }));
+                    screen.getByText('Entity type');
+                    return [4 /*yield*/, user.click(screen.getByRole('textbox'))];
+                case 1:
+                    _a.sent();
+                    screen.getByText('Select entity types');
+                    items = screen.getAllByRole('menuitem');
+                    expect(items).toHaveLength(1);
+                    expect(items[0]).toHaveTextContent('HCP Label');
+                    return [2 /*return*/];
             }
-        ];
-        var onChange = jest.fn();
-        var component = shallow(React.createElement(EntityTypesSelector, { entityTypes: entityTypes, selectedEntityTypes: [], onChange: onChange }));
-        expect(component.find(MetadataTypesSelector).prop('items')).toEqual([entityTypes[0]]);
-    });
+        });
+    }); });
 });

package/ErrorBoundary/ErrorBoundary.test.js

@@ -1,22 +1,24 @@
 import React from 'react';
-import { mount } from 'enzyme';
+import { render, screen } from '@testing-library/react';
 import { ErrorBoundary } from './ErrorBoundary';
-describe('ErrorBoundary test', function () {
-    var Children = function () { return React.createElement("div", { className: 'children' }); };
-    var errorComponent = React.createElement("div", { className: 'error' }, "error");
-    it('should be render children', function () {
-        var wrapper = mount(React.createElement(ErrorBoundary, { error: errorComponent },
-            React.createElement(Children, null)));
-        expect(wrapper.find('.children').length).toBe(1);
+describe('Error boundary tests', function () {
+    beforeEach(function () {
+        jest.spyOn(console, 'error').mockImplementation(function () { });
     });
-    it('should be render error component after click', function () {
-        jest.spyOn(console, 'error').mockReturnValue();
-        var wrapper = mount(React.createElement(ErrorBoundary, { error: errorComponent },
-            React.createElement(Children, null)));
-        var error = new Error('error');
-        wrapper.find(Children).simulateError(error);
-        wrapper.update();
-        expect(wrapper.find('.error').length).toBe(1);
-        expect(console.error).toHaveBeenCalledWith(error);
+    afterEach(function () {
+        jest.clearAllMocks();
+    });
+    it('should render children when no error occurs', function () {
+        render(React.createElement(ErrorBoundary, { error: React.createElement("div", null, "Something went wrong") }, "Child component"));
+        screen.getByText('Child component');
+        expect(screen.queryByText('Something went wrong')).not.toBeInTheDocument();
+    });
+    it('should render the error component when an error occurs', function () {
+        var ThrowError = function () {
+            throw new Error('Test error');
+        };
+        render(React.createElement(ErrorBoundary, { error: React.createElement("div", null, "Something went wrong") },
+            React.createElement(ThrowError, null)));
+        screen.getByText('Something went wrong');
     });
 });

package/ErrorMessage/ErrorMessage.js

@@ -8,5 +8,5 @@ export var ErrorMessage = function (_a) {
     if (!message) {
         return null;
     }
-    return (React.createElement(Typography, { variant: "caption", className: classnames(styles.caption, className) }, message));
+    return (React.createElement(Typography, { "data-reltio-id": "error-message", variant: "caption", className: classnames(styles.caption, className) }, message));
 };

package/ErrorPopup/ErrorPopup.test.js

@@ -9,41 +9,88 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
 import React from 'react';
-import { shallow, mount } from 'enzyme';
-import Portal from '@mui/material/Portal';
+import { render } from '@testing-library/react';
 import { ThemeProvider } from '@mui/styles';
 import { createTheme } from '@mui/material/styles';
 import RCErrorPopup from 'react-components/dist/ErrorPopup/ErrorPopup';
 import { theme } from '../constants';
-import { useMdmAction, useMdmAutoCloseInterval, useMdmUiError } from '../contexts/MdmModuleContext';
+import { MdmModuleProvider } from '../contexts/MdmModuleContext';
 import { ErrorPopup } from './ErrorPopup';
-jest.mock('../contexts/MdmModuleContext', function () { return (__assign(__assign({}, jest.requireActual('../contexts/MdmModuleContext')), { useMdmAction: jest.fn(), useMdmAutoCloseInterval: jest.fn(), useMdmUiError: jest.fn() })); });
-describe('ErrorPopup', function () {
-    var actions = { errorSet: jest.fn() };
-    beforeAll(function () {
-        useMdmAutoCloseInterval.mockReturnValue(3);
-        useMdmUiError.mockReturnValue(null);
-        useMdmAction.mockImplementation(function (action) { return actions[action]; });
-    });
-    it('should render RCErrorPopup inside Portal', function () {
-        var component = shallow(React.createElement(ErrorPopup, null));
-        var portal = component.find(Portal);
-        expect(portal.length).toBe(1);
-        expect(portal.find(RCErrorPopup).length).toBe(1);
+var defaultProps = { showErrorFromStore: true };
+var defaultMdmValues = { autoCloseInterval: 1000, uiError: 'Something went wrong' };
+var defaultMdmActions = { errorSet: jest.fn() };
+var setUp = function (_a) {
+    var _b = _a === void 0 ? {} : _a, _c = _b.props, props = _c === void 0 ? defaultProps : _c, _d = _b.mdmValues, mdmValues = _d === void 0 ? defaultMdmValues : _d, _e = _b.mdmActions, mdmActions = _e === void 0 ? defaultMdmActions : _e;
+    var Providers = function (_a) {
+        var children = _a.children;
+        return (React.createElement(MdmModuleProvider, { actions: mdmActions, values: mdmValues },
+            React.createElement(ThemeProvider, { theme: createTheme(theme) }, children)));
+    };
+    return render(React.createElement(ErrorPopup, __assign({}, props)), { wrapper: Providers });
+};
+describe('Error popup tests', function () {
+    afterEach(function () {
+        jest.clearAllMocks();
     });
     it('should have static method addError', function () {
         expect(ErrorPopup.addError).toBe(RCErrorPopup.addError);
     });
-    it('should call addError method if uiError and showErrorFromStore prop are exist', function () {
-        ErrorPopup.addError = jest.fn();
-        useMdmUiError.mockReturnValue('error');
-        mount(React.createElement(ThemeProvider, { theme: createTheme(theme) },
-            React.createElement(ErrorPopup, { showErrorFromStore: true })));
-        expect(ErrorPopup.addError).toHaveBeenCalledWith({
-            title: 'Error',
-            message: 'error'
+    it('should call addError method if uiError and showErrorFromStore prop are exist', function () { return __awaiter(void 0, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            ErrorPopup.addError = jest.fn();
+            setUp();
+            expect(ErrorPopup.addError).toHaveBeenCalledWith({ title: 'Error', message: 'Something went wrong' });
+            expect(defaultMdmActions.errorSet).toHaveBeenCalledWith(null);
+            return [2 /*return*/];
         });
-        expect(actions.errorSet).toHaveBeenCalledWith(null);
+    }); });
+    it('should not call addError method if showErrorFromStore prop is false', function () {
+        ErrorPopup.addError = jest.fn();
+        setUp({ props: { showErrorFromStore: false } });
+        expect(ErrorPopup.addError).not.toHaveBeenCalled();
+        expect(defaultMdmActions.errorSet).not.toHaveBeenCalled();
+    });
+    it('should not call addError method if uiError prop is null', function () {
+        ErrorPopup.addError = jest.fn();
+        setUp({ mdmValues: __assign(__assign({}, defaultMdmValues), { uiError: null }) });
+        expect(ErrorPopup.addError).not.toHaveBeenCalled();
+        expect(defaultMdmActions.errorSet).not.toHaveBeenCalled();
     });
 });

package/ErrorWrapper/ErrorWrapper.test.js

@@ -1,16 +1,17 @@
 import React from 'react';
-import { mount } from 'enzyme';
-import { ErrorMessage } from '../ErrorMessage';
+import { render, screen } from '@testing-library/react';
 import { ErrorWrapper } from './ErrorWrapper';
-describe('ErrorWrapper', function () {
+describe('Error wrapper tests', function () {
     it('should render children and error message', function () {
-        var errorWrapper = mount(React.createElement(ErrorWrapper, { errorMessage: 'Some error message' },
-            React.createElement("div", null, 'some content')));
-        expect(errorWrapper.find(ErrorMessage).text()).toBe('Some error message');
+        render(React.createElement(ErrorWrapper, { errorMessage: "Some error message" },
+            React.createElement("div", null, "Some content")));
+        screen.getByText('Some content');
+        screen.getByText('Some error message');
     });
     it('should render children without error message', function () {
-        var errorWrapper = mount(React.createElement(ErrorWrapper, null, 'some content'));
-        expect(errorWrapper.text()).toBe('some content');
-        expect(errorWrapper.find(ErrorMessage).exists()).toBe(false);
+        render(React.createElement(ErrorWrapper, null,
+            React.createElement("div", null, "Some content")));
+        screen.getByText('Some content');
+        expect(screen.queryByTestId('error-message')).not.toBeInTheDocument();
     });
 });

package/ExpandedValueTooltip/ExpandedValueTooltip.test.js

@@ -1,42 +1,116 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
 import React from 'react';
-import ReactResizeDetector from 'react-resize-detector';
-import { mount } from 'enzyme';
-import { act } from 'react-dom/test-utils';
-import Tooltip from '@mui/material/Tooltip';
+import { mockResizeObserver } from 'jsdom-testing-mocks';
+import userEvent from '@testing-library/user-event';
+import { render, screen, within, act } from '@testing-library/react';
 import { ExpandedValueTooltip } from './ExpandedValueTooltip';
-describe('ExpandedValueTooltip', function () {
-    it('should render Tooltip over children with empty value if it overflows and expanded value otherwise', function () {
-        var expandedValue = '123456789';
-        var children = React.createElement("div", null, "children");
-        var wrapper = mount(React.createElement(ExpandedValueTooltip, { value: expandedValue }, children));
-        var tooltip = wrapper.find(Tooltip);
-        expect(tooltip.prop('title')).toEqual('');
-        expect(tooltip.prop('children')).toEqual(children);
-        wrapper.find(Tooltip).getElement().ref.current = {
-            clientWidth: 50,
-            scrollWidth: 100
-        };
-        act(function () {
-            wrapper.find(ReactResizeDetector).prop('onResize')();
+var setUp = function (props) {
+    var user = userEvent.setup();
+    var result = __assign(__assign({}, render(React.createElement(ExpandedValueTooltip, { value: props.value }, props.children))), { user: user });
+    var rerender = function (props) {
+        result.rerender(React.createElement(ExpandedValueTooltip, { value: props.value }, props.children));
+    };
+    return __assign(__assign({}, result), { rerender: rerender });
+};
+describe('Expanded value tooltip tests', function () {
+    var resizeObserver = mockResizeObserver();
+    it('should render correctly', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var props, _a, user, container, children;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    props = { value: 'Test value', children: React.createElement("div", null, "Test value") };
+                    _a = setUp(props), user = _a.user, container = _a.container;
+                    children = screen.getByText('Test value');
+                    return [4 /*yield*/, user.hover(children)];
+                case 1:
+                    _b.sent();
+                    expect(screen.queryByRole('tooltip')).not.toBeInTheDocument();
+                    Object.defineProperties(children, { scrollWidth: { value: 200 }, clientWidth: { value: 100 } });
+                    resizeObserver.mockElementSize(container, { contentBoxSize: { blockSize: 100, inlineSize: 100 } });
+                    act(function () {
+                        resizeObserver.resize();
+                    });
+                    return [4 /*yield*/, screen.findByLabelText('Test value')];
+                case 2:
+                    _b.sent();
+                    return [4 /*yield*/, user.hover(children)];
+                case 3:
+                    _b.sent();
+                    within(screen.getByRole('tooltip')).getByText('Test value');
+                    return [2 /*return*/];
+            }
         });
-        wrapper.update();
-        expect(wrapper.find(Tooltip).prop('title')).toEqual(expandedValue);
-    });
-    it('should update Tooltip on expanded value change', function () {
-        var children = React.createElement("div", null, "children");
-        var wrapper = mount(React.createElement(ExpandedValueTooltip, { value: 123 }, children));
-        var tooltip = wrapper.find(Tooltip);
-        expect(tooltip.prop('title')).toEqual('');
-        expect(tooltip.prop('children')).toEqual(children);
-        wrapper.find(Tooltip).getElement().ref.current = {
-            clientWidth: 50,
-            scrollWidth: 100
-        };
-        var newValue = '123456789';
-        wrapper.setProps({
-            value: newValue
+    }); });
+    it('should update overflow state on expanded value change', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var props, _a, user, rerender, children;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    props = { value: 'Test value', children: React.createElement("div", null, "Test value") };
+                    _a = setUp(props), user = _a.user, rerender = _a.rerender;
+                    children = screen.getByText('Test value');
+                    Object.defineProperties(children, { scrollWidth: { value: 200 }, clientWidth: { value: 100 } });
+                    return [4 /*yield*/, user.hover(children)];
+                case 1:
+                    _b.sent();
+                    expect(screen.queryByRole('tooltip')).not.toBeInTheDocument();
+                    return [4 /*yield*/, user.unhover(children)];
+                case 2:
+                    _b.sent();
+                    rerender(__assign(__assign({}, props), { value: 'Updated test value' }));
+                    return [4 /*yield*/, user.hover(children)];
+                case 3:
+                    _b.sent();
+                    within(screen.getByRole('tooltip')).getByText('Updated test value');
+                    return [2 /*return*/];
+            }
         });
-        wrapper.update();
-        expect(wrapper.find(Tooltip).prop('title')).toEqual(newValue);
-    });
+    }); });
 });