@reltio/components 1.4.2044 → 1.4.2046

package/cjs/EntityTypeIcon/EntityTypeIcon.test.js

@@ -15,29 +15,29 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
-var enzyme_1 = require("enzyme");
-var EntityTypeIcon_1 = __importDefault(require("react-components/dist/EntityTypeIcon/EntityTypeIcon"));
+var react_2 = require("@testing-library/react");
 var MdmModuleContext_1 = require("../contexts/MdmModuleContext");
-var EntityTypeIcon_2 = require("./EntityTypeIcon");
-var setUp = function (props, imagePath) {
-    return (0, enzyme_1.mount)(react_1.default.createElement(MdmModuleContext_1.MdmModuleProvider, { values: { absoluteImagePath: imagePath } },
-        react_1.default.createElement(EntityTypeIcon_2.EntityTypeIcon, __assign({}, props))));
+var EntityTypeIcon_1 = require("./EntityTypeIcon");
+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_1.default.createElement(MdmModuleContext_1.MdmModuleProvider, { values: { absoluteImagePath: imagePath } }, children));
+    };
+    return (0, react_2.render)(react_1.default.createElement(EntityTypeIcon_1.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(EntityTypeIcon_1.default).props()).toEqual(__assign(__assign({}, props), { storagePath: imagePath }));
+        setUp({ imagePath: imagePath });
+        expect(react_2.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(EntityTypeIcon_1.default).prop('storagePath')).toBe(imagePath + '/');
+        setUp({ imagePath: imagePath });
+        expect(react_2.screen.getByRole('img')).toHaveAttribute('src', '/some/image/path/entity_icons/individual.svg');
     });
 });

package/cjs/EntityTypesSelector/EntityTypesSelector.test.js

@@ -1,30 +1,71 @@
 "use strict";
+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 };
+    }
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
-var enzyme_1 = require("enzyme");
-var MetadataTypesSelector_1 = require("../MetadataTypesSelector");
+var react_2 = require("@testing-library/react");
+var user_event_1 = __importDefault(require("@testing-library/user-event"));
 var EntityTypesSelector_1 = require("./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 = user_event_1.default.setup();
+                    entityTypes = [
+                        { uri: 'configuration/entityTypes/HCP', label: 'HCP Label', attributes: [] },
+                        { uri: 'configuration/entityTypes/HCA', abstract: true, attributes: [], label: 'HCA Label' }
+                    ];
+                    onChange = jest.fn();
+                    (0, react_2.render)(react_1.default.createElement(EntityTypesSelector_1.EntityTypesSelector, { entityTypes: entityTypes, selectedEntityTypes: [], onChange: onChange }));
+                    react_2.screen.getByText('Entity type');
+                    return [4 /*yield*/, user.click(react_2.screen.getByRole('textbox'))];
+                case 1:
+                    _a.sent();
+                    react_2.screen.getByText('Select entity types');
+                    items = react_2.screen.getAllByRole('menuitem');
+                    expect(items).toHaveLength(1);
+                    expect(items[0]).toHaveTextContent('HCP Label');
+                    return [2 /*return*/];
             }
-        ];
-        var onChange = jest.fn();
-        var component = (0, enzyme_1.shallow)(react_1.default.createElement(EntityTypesSelector_1.EntityTypesSelector, { entityTypes: entityTypes, selectedEntityTypes: [], onChange: onChange }));
-        expect(component.find(MetadataTypesSelector_1.MetadataTypesSelector).prop('items')).toEqual([entityTypes[0]]);
-    });
+        });
+    }); });
 });

package/cjs/ErrorBoundary/ErrorBoundary.test.js

@@ -4,24 +4,26 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
-var enzyme_1 = require("enzyme");
+var react_2 = require("@testing-library/react");
 var ErrorBoundary_1 = require("./ErrorBoundary");
-describe('ErrorBoundary test', function () {
-    var Children = function () { return react_1.default.createElement("div", { className: 'children' }); };
-    var errorComponent = react_1.default.createElement("div", { className: 'error' }, "error");
-    it('should be render children', function () {
-        var wrapper = (0, enzyme_1.mount)(react_1.default.createElement(ErrorBoundary_1.ErrorBoundary, { error: errorComponent },
-            react_1.default.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 = (0, enzyme_1.mount)(react_1.default.createElement(ErrorBoundary_1.ErrorBoundary, { error: errorComponent },
-            react_1.default.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 () {
+        (0, react_2.render)(react_1.default.createElement(ErrorBoundary_1.ErrorBoundary, { error: react_1.default.createElement("div", null, "Something went wrong") }, "Child component"));
+        react_2.screen.getByText('Child component');
+        expect(react_2.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');
+        };
+        (0, react_2.render)(react_1.default.createElement(ErrorBoundary_1.ErrorBoundary, { error: react_1.default.createElement("div", null, "Something went wrong") },
+            react_1.default.createElement(ThrowError, null)));
+        react_2.screen.getByText('Something went wrong');
     });
 });

package/cjs/ErrorMessage/ErrorMessage.js

@@ -14,6 +14,6 @@ var ErrorMessage = function (_a) {
     if (!message) {
         return null;
     }
-    return (react_1.default.createElement(Typography_1.default, { variant: "caption", className: (0, classnames_1.default)(styles.caption, className) }, message));
+    return (react_1.default.createElement(Typography_1.default, { "data-reltio-id": "error-message", variant: "caption", className: (0, classnames_1.default)(styles.caption, className) }, message));
 };
 exports.ErrorMessage = ErrorMessage;

package/cjs/ErrorPopup/ErrorPopup.test.js

@@ -10,45 +10,92 @@ 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 };
+    }
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
-var enzyme_1 = require("enzyme");
-var Portal_1 = __importDefault(require("@mui/material/Portal"));
+var react_2 = require("@testing-library/react");
 var styles_1 = require("@mui/styles");
 var styles_2 = require("@mui/material/styles");
 var ErrorPopup_1 = __importDefault(require("react-components/dist/ErrorPopup/ErrorPopup"));
 var constants_1 = require("../constants");
 var MdmModuleContext_1 = require("../contexts/MdmModuleContext");
 var ErrorPopup_2 = require("./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 () {
-        MdmModuleContext_1.useMdmAutoCloseInterval.mockReturnValue(3);
-        MdmModuleContext_1.useMdmUiError.mockReturnValue(null);
-        MdmModuleContext_1.useMdmAction.mockImplementation(function (action) { return actions[action]; });
-    });
-    it('should render RCErrorPopup inside Portal', function () {
-        var component = (0, enzyme_1.shallow)(react_1.default.createElement(ErrorPopup_2.ErrorPopup, null));
-        var portal = component.find(Portal_1.default);
-        expect(portal.length).toBe(1);
-        expect(portal.find(ErrorPopup_1.default).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_1.default.createElement(MdmModuleContext_1.MdmModuleProvider, { actions: mdmActions, values: mdmValues },
+            react_1.default.createElement(styles_1.ThemeProvider, { theme: (0, styles_2.createTheme)(constants_1.theme) }, children)));
+    };
+    return (0, react_2.render)(react_1.default.createElement(ErrorPopup_2.ErrorPopup, __assign({}, props)), { wrapper: Providers });
+};
+describe('Error popup tests', function () {
+    afterEach(function () {
+        jest.clearAllMocks();
     });
     it('should have static method addError', function () {
         expect(ErrorPopup_2.ErrorPopup.addError).toBe(ErrorPopup_1.default.addError);
     });
-    it('should call addError method if uiError and showErrorFromStore prop are exist', function () {
-        ErrorPopup_2.ErrorPopup.addError = jest.fn();
-        MdmModuleContext_1.useMdmUiError.mockReturnValue('error');
-        (0, enzyme_1.mount)(react_1.default.createElement(styles_1.ThemeProvider, { theme: (0, styles_2.createTheme)(constants_1.theme) },
-            react_1.default.createElement(ErrorPopup_2.ErrorPopup, { showErrorFromStore: true })));
-        expect(ErrorPopup_2.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_2.ErrorPopup.addError = jest.fn();
+            setUp();
+            expect(ErrorPopup_2.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_2.ErrorPopup.addError = jest.fn();
+        setUp({ props: { showErrorFromStore: false } });
+        expect(ErrorPopup_2.ErrorPopup.addError).not.toHaveBeenCalled();
+        expect(defaultMdmActions.errorSet).not.toHaveBeenCalled();
+    });
+    it('should not call addError method if uiError prop is null', function () {
+        ErrorPopup_2.ErrorPopup.addError = jest.fn();
+        setUp({ mdmValues: __assign(__assign({}, defaultMdmValues), { uiError: null }) });
+        expect(ErrorPopup_2.ErrorPopup.addError).not.toHaveBeenCalled();
+        expect(defaultMdmActions.errorSet).not.toHaveBeenCalled();
     });
 });

package/cjs/ErrorWrapper/ErrorWrapper.test.js

@@ -4,18 +4,19 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
-var enzyme_1 = require("enzyme");
-var ErrorMessage_1 = require("../ErrorMessage");
+var react_2 = require("@testing-library/react");
 var ErrorWrapper_1 = require("./ErrorWrapper");
-describe('ErrorWrapper', function () {
+describe('Error wrapper tests', function () {
     it('should render children and error message', function () {
-        var errorWrapper = (0, enzyme_1.mount)(react_1.default.createElement(ErrorWrapper_1.ErrorWrapper, { errorMessage: 'Some error message' },
-            react_1.default.createElement("div", null, 'some content')));
-        expect(errorWrapper.find(ErrorMessage_1.ErrorMessage).text()).toBe('Some error message');
+        (0, react_2.render)(react_1.default.createElement(ErrorWrapper_1.ErrorWrapper, { errorMessage: "Some error message" },
+            react_1.default.createElement("div", null, "Some content")));
+        react_2.screen.getByText('Some content');
+        react_2.screen.getByText('Some error message');
     });
     it('should render children without error message', function () {
-        var errorWrapper = (0, enzyme_1.mount)(react_1.default.createElement(ErrorWrapper_1.ErrorWrapper, null, 'some content'));
-        expect(errorWrapper.text()).toBe('some content');
-        expect(errorWrapper.find(ErrorMessage_1.ErrorMessage).exists()).toBe(false);
+        (0, react_2.render)(react_1.default.createElement(ErrorWrapper_1.ErrorWrapper, null,
+            react_1.default.createElement("div", null, "Some content")));
+        react_2.screen.getByText('Some content');
+        expect(react_2.screen.queryByTestId('error-message')).not.toBeInTheDocument();
     });
 });

package/cjs/ExpandedValueTooltip/ExpandedValueTooltip.test.js

@@ -1,47 +1,121 @@
 "use strict";
+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 };
+    }
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
-var react_resize_detector_1 = __importDefault(require("react-resize-detector"));
-var enzyme_1 = require("enzyme");
-var test_utils_1 = require("react-dom/test-utils");
-var Tooltip_1 = __importDefault(require("@mui/material/Tooltip"));
+var jsdom_testing_mocks_1 = require("jsdom-testing-mocks");
+var user_event_1 = __importDefault(require("@testing-library/user-event"));
+var react_2 = require("@testing-library/react");
 var ExpandedValueTooltip_1 = require("./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_1.default.createElement("div", null, "children");
-        var wrapper = (0, enzyme_1.mount)(react_1.default.createElement(ExpandedValueTooltip_1.ExpandedValueTooltip, { value: expandedValue }, children));
-        var tooltip = wrapper.find(Tooltip_1.default);
-        expect(tooltip.prop('title')).toEqual('');
-        expect(tooltip.prop('children')).toEqual(children);
-        wrapper.find(Tooltip_1.default).getElement().ref.current = {
-            clientWidth: 50,
-            scrollWidth: 100
-        };
-        (0, test_utils_1.act)(function () {
-            wrapper.find(react_resize_detector_1.default).prop('onResize')();
+var setUp = function (props) {
+    var user = user_event_1.default.setup();
+    var result = __assign(__assign({}, (0, react_2.render)(react_1.default.createElement(ExpandedValueTooltip_1.ExpandedValueTooltip, { value: props.value }, props.children))), { user: user });
+    var rerender = function (props) {
+        result.rerender(react_1.default.createElement(ExpandedValueTooltip_1.ExpandedValueTooltip, { value: props.value }, props.children));
+    };
+    return __assign(__assign({}, result), { rerender: rerender });
+};
+describe('Expanded value tooltip tests', function () {
+    var resizeObserver = (0, jsdom_testing_mocks_1.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_1.default.createElement("div", null, "Test value") };
+                    _a = setUp(props), user = _a.user, container = _a.container;
+                    children = react_2.screen.getByText('Test value');
+                    return [4 /*yield*/, user.hover(children)];
+                case 1:
+                    _b.sent();
+                    expect(react_2.screen.queryByRole('tooltip')).not.toBeInTheDocument();
+                    Object.defineProperties(children, { scrollWidth: { value: 200 }, clientWidth: { value: 100 } });
+                    resizeObserver.mockElementSize(container, { contentBoxSize: { blockSize: 100, inlineSize: 100 } });
+                    (0, react_2.act)(function () {
+                        resizeObserver.resize();
+                    });
+                    return [4 /*yield*/, react_2.screen.findByLabelText('Test value')];
+                case 2:
+                    _b.sent();
+                    return [4 /*yield*/, user.hover(children)];
+                case 3:
+                    _b.sent();
+                    (0, react_2.within)(react_2.screen.getByRole('tooltip')).getByText('Test value');
+                    return [2 /*return*/];
+            }
         });
-        wrapper.update();
-        expect(wrapper.find(Tooltip_1.default).prop('title')).toEqual(expandedValue);
-    });
-    it('should update Tooltip on expanded value change', function () {
-        var children = react_1.default.createElement("div", null, "children");
-        var wrapper = (0, enzyme_1.mount)(react_1.default.createElement(ExpandedValueTooltip_1.ExpandedValueTooltip, { value: 123 }, children));
-        var tooltip = wrapper.find(Tooltip_1.default);
-        expect(tooltip.prop('title')).toEqual('');
-        expect(tooltip.prop('children')).toEqual(children);
-        wrapper.find(Tooltip_1.default).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_1.default.createElement("div", null, "Test value") };
+                    _a = setUp(props), user = _a.user, rerender = _a.rerender;
+                    children = react_2.screen.getByText('Test value');
+                    Object.defineProperties(children, { scrollWidth: { value: 200 }, clientWidth: { value: 100 } });
+                    return [4 /*yield*/, user.hover(children)];
+                case 1:
+                    _b.sent();
+                    expect(react_2.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();
+                    (0, react_2.within)(react_2.screen.getByRole('tooltip')).getByText('Updated test value');
+                    return [2 /*return*/];
+            }
         });
-        wrapper.update();
-        expect(wrapper.find(Tooltip_1.default).prop('title')).toEqual(newValue);
-    });
+    }); });
 });