@reltio/components 1.4.1906 → 1.4.1908

package/cjs/AttributesFiltersButton/AttributesFiltersButton.test.js

@@ -10,159 +10,241 @@ 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;
+    return g = { next: verb(0), "throw": verb(1), "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 ui_i18n_1 = __importDefault(require("ui-i18n"));
-var test_utils_1 = require("react-dom/test-utils");
-var Popover_1 = __importDefault(require("@mui/material/Popover"));
-var Button_1 = __importDefault(require("@mui/material/Button"));
-var FilterList_1 = __importDefault(require("@mui/icons-material/FilterList"));
-var Divider_1 = __importDefault(require("@mui/material/Divider"));
-var Typography_1 = __importDefault(require("@mui/material/Typography"));
 var AttributesFiltersButton_1 = __importDefault(require("./AttributesFiltersButton"));
-var AttributesFiltersBuilder_1 = require("../AttributesFiltersBuilder");
-var ActionButtons_1 = require("./components/ActionButtons");
-var test_utils_2 = require("../test-utils");
-var EmptyStub_1 = require("../EmptyStub");
-jest.mock('../AttributesFiltersBuilder', function () { return ({
-    AttributesFiltersBuilder: jest.fn(function () { return null; })
-}); });
-var defaultProps = {
-    filters: [],
-    attributesTypesGroups: [],
-    onChange: jest.fn()
-};
-var setUp = function (props) {
-    if (props === void 0) { props = defaultProps; }
-    return (0, enzyme_1.shallow)(react_1.default.createElement(AttributesFiltersButton_1.default, __assign({}, props)));
-};
+var test_utils_1 = require("../test-utils");
+var react_2 = require("@testing-library/react");
+var user_event_1 = __importDefault(require("@testing-library/user-event"));
+var metadata_test_data_1 = require("../AttributesFiltersBuilder/metadata.test-data");
+var MdmModuleContext_1 = require("../contexts/MdmModuleContext");
+var attributes_test_data_1 = require("../AttributesFiltersBuilder/attributes.test-data");
 describe('AttributesFiltersButton tests', function () {
-    beforeAll(function () {
-        AttributesFiltersBuilder_1.AttributesFiltersBuilder.mockImplementation(EmptyStub_1.EmptyStub);
-    });
-    it('should render main components', function () {
-        var component = setUp();
-        expect(component.find(Button_1.default)).toHaveLength(1);
-        expect(component.find(Button_1.default).prop('color')).toBe('inherit');
-        expect(component.find(FilterList_1.default)).toHaveLength(1);
-        expect(component.find(FilterList_1.default).prop('color')).toBe('inherit');
-        expect(component.find(Popover_1.default)).toHaveLength(1);
-        expect(component.find(Typography_1.default)).toHaveLength(1);
-        expect(component.find(AttributesFiltersBuilder_1.AttributesFiltersBuilder)).toHaveLength(1);
-        expect(component.find(Divider_1.default)).toHaveLength(1);
-        expect(component.find(ActionButtons_1.ActionButtons)).toHaveLength(1);
-        expect(component.find(Popover_1.default).prop('open')).toBe(false);
-        expect(component.find(AttributesFiltersBuilder_1.AttributesFiltersBuilder).props()).toMatchObject({
-            attributesTypesGroups: defaultProps.attributesTypesGroups,
-            filters: defaultProps.filters,
-            onChange: expect.any(Function)
-        });
-        expect(component.find(ActionButtons_1.ActionButtons).props()).toMatchObject({
-            onApply: expect.any(Function),
-            onCancel: expect.any(Function),
-            onClear: expect.any(Function)
+    var mdmValues = {
+        metadata: metadata_test_data_1.metadata,
+        tenant: {
+            id: 't1',
+            name: 't1'
+        },
+        lookups: {},
+        globalSearchRequestOptions: {}
+    };
+    var defaultProps = {
+        filters: [],
+        attributesTypesGroups: attributes_test_data_1.attributesTypesGroups,
+        onChange: jest.fn()
+    };
+    var setUp = function (props) {
+        if (props === void 0) { props = defaultProps; }
+        var user = user_event_1.default.setup();
+        var Providers = function (_a) {
+            var children = _a.children;
+            return (react_1.default.createElement(MdmModuleContext_1.MdmModuleProvider, { values: mdmValues }, children));
+        };
+        return __assign({ user: user }, (0, react_2.render)(react_1.default.createElement(AttributesFiltersButton_1.default, __assign({}, props)), { wrapper: Providers }));
+    };
+    it('should render main components', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var user, button;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    user = setUp().user;
+                    button = react_2.screen.getByRole('button');
+                    expect(button).toHaveClass('MuiButton-colorInherit');
+                    expect((0, test_utils_1.getMuiIconByName)('FilterList')).not.toHaveClass('MuiSvgIcon-colorPrimary');
+                    return [4 /*yield*/, user.click(button)];
+                case 1:
+                    _a.sent();
+                    expect(react_2.screen.getByRole('presentation')).toBeInTheDocument();
+                    expect(react_2.screen.getByText('Filter')).toBeInTheDocument();
+                    expect(react_2.screen.getByText('Clear all')).toBeInTheDocument();
+                    expect(react_2.screen.getByText('Apply')).toBeInTheDocument();
+                    return [2 /*return*/];
+            }
         });
-        expect(component.find(Typography_1.default).text()).toBe(ui_i18n_1.default.text('Filter'));
-    });
+    }); });
     it('should set color prop to button and FilterIcon as "primary" if some not empty filter is applied', function () {
-        var component = setUp(__assign(__assign({}, defaultProps), { filters: [{ fieldName: 'fieldName', filter: 'exists' }] }));
-        expect(component.find(Button_1.default)).toHaveLength(1);
-        expect(component.find(Button_1.default).prop('color')).toBe('primary');
-        expect(component.find(FilterList_1.default)).toHaveLength(1);
-        expect(component.find(FilterList_1.default).prop('color')).toBe('primary');
+        setUp(__assign(__assign({}, defaultProps), { filters: [{ fieldName: 'fieldName', filter: 'exists' }] }));
+        expect(react_2.screen.getByRole('button')).toHaveClass('MuiButton-textPrimary');
+        expect((0, test_utils_1.getMuiIconByName)('FilterList')).toHaveClass('MuiSvgIcon-colorPrimary');
     });
     it('should set color prop to button and FilterIcon as "primary" if prop isFiltersApplied = true', function () {
-        var component = setUp(__assign(__assign({}, defaultProps), { filters: [], isFiltersApplied: true }));
-        expect(component.find(Button_1.default)).toHaveLength(1);
-        expect(component.find(Button_1.default).prop('color')).toBe('primary');
-        expect(component.find(FilterList_1.default)).toHaveLength(1);
-        expect(component.find(FilterList_1.default).prop('color')).toBe('primary');
+        setUp(__assign(__assign({}, defaultProps), { filters: [], isFiltersApplied: true }));
+        expect(react_2.screen.getByRole('button')).toHaveClass('MuiButton-textPrimary');
+        expect((0, test_utils_1.getMuiIconByName)('FilterList')).toHaveClass('MuiSvgIcon-colorPrimary');
     });
     it('should set color prop to button and FilterIcon as "inherit" if some empty filter is applied', function () {
-        var component = setUp(__assign(__assign({}, defaultProps), { filters: [{ fieldName: 'fieldName', filter: 'equals', values: [] }] }));
-        expect(component.find(Button_1.default)).toHaveLength(1);
-        expect(component.find(Button_1.default).prop('color')).toBe('inherit');
-        expect(component.find(FilterList_1.default)).toHaveLength(1);
-        expect(component.find(FilterList_1.default).prop('color')).toBe('inherit');
+        setUp(__assign(__assign({}, defaultProps), { filters: [{ fieldName: 'fieldName', filter: 'equals', values: [] }] }));
+        expect(react_2.screen.getByRole('button')).toHaveClass('MuiButton-colorInherit');
+        expect((0, test_utils_1.getMuiIconByName)('FilterList')).not.toHaveClass('MuiSvgIcon-colorPrimary');
     });
     it('should set color prop to button and FilterIcon as "inherit" if prop isFiltersApplied = false', function () {
-        var component = setUp(__assign(__assign({}, defaultProps), { filters: [], isFiltersApplied: false }));
-        expect(component.find(Button_1.default)).toHaveLength(1);
-        expect(component.find(Button_1.default).prop('color')).toBe('inherit');
-        expect(component.find(FilterList_1.default)).toHaveLength(1);
-        expect(component.find(FilterList_1.default).prop('color')).toBe('inherit');
-    });
-    it('should open Popover after filter button clicking', function () {
-        var event = {};
-        var component = setUp();
-        component.find(Button_1.default).prop('onClick')(event);
-        (0, test_utils_2.rerenderWrapper)(component);
-        expect(component.find(Popover_1.default).prop('open')).toBe(true);
-    });
-    it('should close Popover after cancel button clicking', function () {
-        var event = {};
-        var component = setUp();
-        component.find(Button_1.default).prop('onClick')(event);
-        (0, test_utils_2.rerenderWrapper)(component);
-        expect(component.find(Popover_1.default).prop('open')).toBe(true);
-        component.find(ActionButtons_1.ActionButtons).prop('onCancel')();
-        (0, test_utils_2.rerenderWrapper)(component);
-        expect(component.find(Popover_1.default).prop('open')).toBe(false);
+        setUp(__assign(__assign({}, defaultProps), { filters: [], isFiltersApplied: false }));
+        expect(react_2.screen.getByRole('button')).toHaveClass('MuiButton-colorInherit');
+        expect((0, test_utils_1.getMuiIconByName)('FilterList')).not.toHaveClass('MuiSvgIcon-colorPrimary');
     });
-    it('should call onChange prop after apply button clicking', function () {
-        var newFilters = [{ filedName: 'fieldName', filter: 'filter', values: ['1'] }];
-        var event = {};
-        var component = setUp();
-        component.find(Button_1.default).prop('onClick')(event);
-        (0, test_utils_2.rerenderWrapper)(component);
-        expect(component.find(Popover_1.default).prop('open')).toBe(true);
-        component.find(AttributesFiltersBuilder_1.AttributesFiltersBuilder).prop('onChange')(newFilters);
-        (0, test_utils_2.rerenderWrapper)(component);
-        component.find(ActionButtons_1.ActionButtons).prop('onApply')();
-        (0, test_utils_2.rerenderWrapper)(component);
-        expect(defaultProps.onChange).toBeCalledWith(newFilters);
-    });
-    it('should clear filters after clear all button clicking', function () {
-        var event = {};
-        var component = setUp({
-            filters: [{ fieldName: 'fieldName', filter: 'filter', values: ['1'] }],
-            attributesTypesGroups: [],
-            onChange: jest.fn()
+    it('should close Popover after cancel button clicking', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var user, button;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    user = setUp().user;
+                    button = react_2.screen.getByRole('button');
+                    return [4 /*yield*/, user.click(button)];
+                case 1:
+                    _a.sent();
+                    expect(react_2.screen.getByRole('presentation')).toBeInTheDocument();
+                    return [4 /*yield*/, user.click(button)];
+                case 2:
+                    _a.sent();
+                    expect(react_2.screen.queryByRole('presentation')).not.toBeInTheDocument();
+                    return [2 /*return*/];
+            }
         });
-        component.find(Button_1.default).prop('onClick')(event);
-        (0, test_utils_2.rerenderWrapper)(component);
-        expect(component.find(Popover_1.default).prop('open')).toBe(true);
-        component.find(ActionButtons_1.ActionButtons).prop('onClear')();
-        (0, test_utils_2.rerenderWrapper)(component);
-        expect(component.find(AttributesFiltersBuilder_1.AttributesFiltersBuilder).props()).toMatchObject({
-            attributesTypesGroups: defaultProps.attributesTypesGroups,
-            filters: [],
-            onChange: expect.any(Function)
+    }); });
+    it('should close Popover after cancel button clicking', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var onCancelSpy, user;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    onCancelSpy = jest.fn();
+                    user = setUp(__assign(__assign({}, defaultProps), { onCancel: onCancelSpy })).user;
+                    return [4 /*yield*/, user.click(react_2.screen.getByRole('button'))];
+                case 1:
+                    _a.sent();
+                    return [4 /*yield*/, user.click(react_2.screen.getByText('Cancel'))];
+                case 2:
+                    _a.sent();
+                    expect(onCancelSpy).toHaveBeenCalled();
+                    expect(react_2.screen.queryByRole('presentation')).not.toBeInTheDocument();
+                    return [2 /*return*/];
+            }
         });
-    });
-    it('should render options', function () {
-        var ChildrenComponent = function () { return react_1.default.createElement("div", { className: "childrenComponent" }, "children"); };
-        var component = (0, enzyme_1.mount)(react_1.default.createElement(AttributesFiltersButton_1.default, __assign({}, defaultProps),
-            react_1.default.createElement(ChildrenComponent, null)));
-        var event = {};
-        (0, test_utils_1.act)(function () {
-            component.find(Button_1.default).prop('onClick')(event);
+    }); });
+    it('should call onChange prop after apply button clicking', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var onApplySpy, onChangeSpy, user, rows, editor, input;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    onApplySpy = jest.fn();
+                    onChangeSpy = jest.fn();
+                    user = setUp(__assign(__assign({}, defaultProps), { onApply: onApplySpy, onChange: onChangeSpy, filters: [{ fieldName: 'attributes.Int', filter: 'equals', values: [['TestValue']] }] })).user;
+                    return [4 /*yield*/, user.click(react_2.screen.getByRole('button'))];
+                case 1:
+                    _a.sent();
+                    rows = react_2.screen.getAllByTestId('query-builder-row');
+                    editor = (0, react_2.within)(rows[0]).getByTestId('filter-value-editor');
+                    input = (0, react_2.within)(editor).getByRole('textbox');
+                    return [4 /*yield*/, user.type(input, '12{Enter}')];
+                case 2:
+                    _a.sent();
+                    return [4 /*yield*/, user.click(react_2.screen.getByText('Apply'))];
+                case 3:
+                    _a.sent();
+                    expect(onChangeSpy).toBeCalledWith([
+                        {
+                            fieldName: 'attributes.Int',
+                            filter: 'equals',
+                            values: [['TestValue', '12']]
+                        }
+                    ]);
+                    expect(onApplySpy).toHaveBeenCalled();
+                    expect(react_2.screen.queryByRole('presentation')).not.toBeInTheDocument();
+                    return [2 /*return*/];
+            }
         });
-        (0, test_utils_2.rerenderWrapper)(component);
-        var childrenComponent = component.find('.childrenComponent');
-        expect(childrenComponent).toHaveLength(1);
-    });
-    it('should call onTogglePopup prop when open Popover', function () {
-        var onTogglePopup = jest.fn();
-        var event = {};
-        var component = setUp(__assign(__assign({}, defaultProps), { onTogglePopup: onTogglePopup }));
-        component.find(Button_1.default).prop('onClick')(event);
-        (0, test_utils_2.rerenderWrapper)(component);
-        expect(component.find(Popover_1.default).prop('open')).toBe(true);
-        expect(onTogglePopup).toBeCalledWith(true);
-    });
+    }); });
+    it('should clear filters after clear all button clicking', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var onClearSpy, user;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    onClearSpy = jest.fn();
+                    user = setUp(__assign(__assign({}, defaultProps), { onClear: onClearSpy, filters: [{ fieldName: 'attributes.Int', filter: 'equals', values: [['TestValue']] }] })).user;
+                    return [4 /*yield*/, user.click(react_2.screen.getByRole('button'))];
+                case 1:
+                    _a.sent();
+                    expect(react_2.screen.getByText('TestValue')).toBeInTheDocument();
+                    return [4 /*yield*/, user.click(react_2.screen.getByText('Clear all'))];
+                case 2:
+                    _a.sent();
+                    expect(react_2.screen.queryByText('TestValue')).not.toBeInTheDocument();
+                    expect(onClearSpy).toHaveBeenCalled();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it('should render children ', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var user;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    user = setUp(__assign(__assign({}, defaultProps), { children: react_1.default.createElement("div", null, "children") })).user;
+                    return [4 /*yield*/, user.click(react_2.screen.getByRole('button'))];
+                case 1:
+                    _a.sent();
+                    expect(react_2.screen.getByText('children')).toBeInTheDocument();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it('should call onTogglePopup prop when open Popover', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var onTogglePopup, user, popupButton;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    onTogglePopup = jest.fn();
+                    user = setUp(__assign(__assign({}, defaultProps), { onTogglePopup: onTogglePopup })).user;
+                    popupButton = react_2.screen.getByRole('button');
+                    return [4 /*yield*/, user.click(popupButton)];
+                case 1:
+                    _a.sent();
+                    expect(onTogglePopup).toHaveBeenLastCalledWith(true);
+                    return [4 /*yield*/, user.click(popupButton)];
+                case 2:
+                    _a.sent();
+                    expect(onTogglePopup).toHaveBeenLastCalledWith(false);
+                    return [2 /*return*/];
+            }
+        });
+    }); });
 });

package/cjs/AttributesValuesEditor/AttributesValuesEditor.test.js

@@ -10,107 +10,111 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
+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;
+    return g = { next: verb(0), "throw": verb(1), "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 };
     }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
 };
 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 mdmSdk = __importStar(require("@reltio/mdm-sdk"));
 var AttributesValuesEditor_1 = __importDefault(require("./AttributesValuesEditor"));
-var FilterValueEditor_1 = require("../FilterValueEditor");
-jest.mock('@reltio/mdm-sdk', function () { return (__assign(__assign({}, jest.requireActual('@reltio/mdm-sdk')), { checkIfOptionHasValues: jest.fn().mockReturnValue(true) })); });
-var defaultProps = {
-    rowData: {
-        attribute: {
-            attrType: {},
-            entityTypeUri: '',
-            fieldName: 'attribute',
-            groupName: '',
-            title: '',
-            uri: ''
-        },
-        filter: 'filter',
-        id: 0,
-        values: []
-    },
-    rowContext: {
-        attributesGroup: [],
-        entityType: {
-            uri: 'configuration/entityTypes/HCA',
-            label: 'HCA',
-            attributes: []
-        },
-        addNewFilter: jest.fn(),
-        addRowAfterIndex: jest.fn(),
-        changeFilter: jest.fn(),
-        duplicateRow: jest.fn(),
-        removeRow: jest.fn(),
-        attributeSelectorItemsGroups: []
-    }
-};
-var setUp = function (props) {
-    if (props === void 0) { props = defaultProps; }
-    return (0, enzyme_1.shallow)(react_1.default.createElement(AttributesValuesEditor_1.default, __assign({}, props)));
-};
+var react_2 = require("@testing-library/react");
+var user_event_1 = __importDefault(require("@testing-library/user-event"));
 describe('AttributesValuesEditor tests', function () {
-    it('should render main components', function () {
-        var rowData = defaultProps.rowData;
-        var editorFilter = {
-            fieldName: rowData.attribute.fieldName,
-            filter: rowData.filter,
+    var defaultProps = {
+        rowData: {
+            attribute: {
+                attrType: {
+                    name: 'attribute1',
+                    uri: 'etityTypes/uri1',
+                    type: 'string'
+                },
+                entityTypeUri: '',
+                fieldName: 'attribute',
+                groupName: '',
+                title: '',
+                uri: ''
+            },
+            filter: 'equals',
+            id: 0,
             values: []
-        };
-        var component = setUp();
-        expect(component.find(FilterValueEditor_1.FilterValueEditor)).toHaveLength(1);
-        expect(component.find(FilterValueEditor_1.FilterValueEditor).props()).toMatchObject({
-            filter: editorFilter,
-            onChange: expect.any(Function)
+        },
+        rowContext: {
+            attributesGroup: [],
+            entityType: {
+                uri: 'configuration/entityTypes/HCA',
+                label: 'HCA',
+                attributes: []
+            },
+            addNewFilter: jest.fn(),
+            addRowAfterIndex: jest.fn(),
+            changeFilter: jest.fn(),
+            duplicateRow: jest.fn(),
+            removeRow: jest.fn(),
+            attributeSelectorItemsGroups: []
+        }
+    };
+    var setUp = function (props) {
+        if (props === void 0) { props = defaultProps; }
+        var user = user_event_1.default.setup();
+        return __assign({ user: user }, (0, react_2.render)(react_1.default.createElement(AttributesValuesEditor_1.default, __assign({}, props))));
+    };
+    it('should call changeFilter prop after values changing', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var _a, fieldName, filter, id, changeFilterSpy, user;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    _a = defaultProps.rowData, fieldName = _a.attribute.fieldName, filter = _a.filter, id = _a.id;
+                    changeFilterSpy = jest.fn();
+                    user = setUp(__assign(__assign({}, defaultProps), { rowContext: __assign(__assign({}, defaultProps.rowContext), { changeFilter: changeFilterSpy }) })).user;
+                    return [4 /*yield*/, user.type(react_2.screen.getByRole('textbox'), 'NewValue{Enter}')];
+                case 1:
+                    _b.sent();
+                    expect(changeFilterSpy).toHaveBeenCalledWith({ fieldName: fieldName, filter: filter, values: [['NewValue']] }, id);
+                    return [2 /*return*/];
+            }
         });
-    });
-    it('should call changeFilter prop after values changing', function () {
-        var rowContext = defaultProps.rowContext, rowData = defaultProps.rowData;
-        var newValues = ['1', '2'];
-        var newFilter = {
-            fieldName: rowData.attribute.fieldName,
-            filter: rowData.filter,
-            values: newValues
-        };
-        var component = setUp();
-        component.find(FilterValueEditor_1.FilterValueEditor).prop('onChange')(newValues);
-        expect(rowContext.changeFilter).toBeCalledWith(newFilter, rowData.id);
-    });
+    }); });
     it('should not render AttributesValuesEditor if there is not rowData.attribute', function () {
-        var props = __assign(__assign({}, defaultProps), { rowData: null });
-        var component = setUp(props);
-        expect(component.find(FilterValueEditor_1.FilterValueEditor)).toHaveLength(0);
+        var container = setUp(__assign(__assign({}, defaultProps), { rowData: null })).container;
+        expect(container.firstChild).toBeEmptyDOMElement();
     });
     it('should not render AttributesValuesEditor if checkIfOptionHasValues return false', function () {
-        jest.spyOn(mdmSdk, 'checkIfOptionHasValues').mockReturnValue(false);
-        var component = setUp();
-        expect(component.find(FilterValueEditor_1.FilterValueEditor)).toHaveLength(0);
+        var container = setUp(__assign(__assign({}, defaultProps), { rowData: __assign(__assign({}, defaultProps.rowData), { filter: 'missing' }) })).container;
+        expect(container.firstChild).toBeEmptyDOMElement();
     });
 });