@reltio/components 1.4.1905 → 1.4.1907

package/esm/AttributesFiltersButton/AttributesFiltersButton.test.js

@@ -9,155 +9,237 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-import React from 'react';
-import { mount, shallow } from 'enzyme';
-import i18n from 'ui-i18n';
-import { act } from 'react-dom/test-utils';
-import Popover from '@mui/material/Popover';
-import Button from '@mui/material/Button';
-import FilterIcon from '@mui/icons-material/FilterList';
-import Divider from '@mui/material/Divider';
-import Typography from '@mui/material/Typography';
-import AttributesFiltersButton from './AttributesFiltersButton';
-import { AttributesFiltersBuilder } from '../AttributesFiltersBuilder';
-import { ActionButtons } from './components/ActionButtons';
-import { rerenderWrapper } from '../test-utils';
-import { EmptyStub } from '../EmptyStub';
-jest.mock('../AttributesFiltersBuilder', function () { return ({
-    AttributesFiltersBuilder: jest.fn(function () { return null; })
-}); });
-var defaultProps = {
-    filters: [],
-    attributesTypesGroups: [],
-    onChange: jest.fn()
+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 setUp = function (props) {
-    if (props === void 0) { props = defaultProps; }
-    return shallow(React.createElement(AttributesFiltersButton, __assign({}, props)));
+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 };
+    }
 };
+import React from 'react';
+import AttributesFiltersButton from './AttributesFiltersButton';
+import { getMuiIconByName } from '../test-utils';
+import { render, screen, within } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
+import { metadata } from '../AttributesFiltersBuilder/metadata.test-data';
+import { MdmModuleProvider } from '../contexts/MdmModuleContext';
+import { attributesTypesGroups } from '../AttributesFiltersBuilder/attributes.test-data';
 describe('AttributesFiltersButton tests', function () {
-    beforeAll(function () {
-        AttributesFiltersBuilder.mockImplementation(EmptyStub);
-    });
-    it('should render main components', function () {
-        var component = setUp();
-        expect(component.find(Button)).toHaveLength(1);
-        expect(component.find(Button).prop('color')).toBe('inherit');
-        expect(component.find(FilterIcon)).toHaveLength(1);
-        expect(component.find(FilterIcon).prop('color')).toBe('inherit');
-        expect(component.find(Popover)).toHaveLength(1);
-        expect(component.find(Typography)).toHaveLength(1);
-        expect(component.find(AttributesFiltersBuilder)).toHaveLength(1);
-        expect(component.find(Divider)).toHaveLength(1);
-        expect(component.find(ActionButtons)).toHaveLength(1);
-        expect(component.find(Popover).prop('open')).toBe(false);
-        expect(component.find(AttributesFiltersBuilder).props()).toMatchObject({
-            attributesTypesGroups: defaultProps.attributesTypesGroups,
-            filters: defaultProps.filters,
-            onChange: expect.any(Function)
-        });
-        expect(component.find(ActionButtons).props()).toMatchObject({
-            onApply: expect.any(Function),
-            onCancel: expect.any(Function),
-            onClear: expect.any(Function)
+    var mdmValues = {
+        metadata: metadata,
+        tenant: {
+            id: 't1',
+            name: 't1'
+        },
+        lookups: {},
+        globalSearchRequestOptions: {}
+    };
+    var defaultProps = {
+        filters: [],
+        attributesTypesGroups: attributesTypesGroups,
+        onChange: jest.fn()
+    };
+    var setUp = function (props) {
+        if (props === void 0) { props = defaultProps; }
+        var user = userEvent.setup();
+        var Providers = function (_a) {
+            var children = _a.children;
+            return (React.createElement(MdmModuleProvider, { values: mdmValues }, children));
+        };
+        return __assign({ user: user }, render(React.createElement(AttributesFiltersButton, __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 = screen.getByRole('button');
+                    expect(button).toHaveClass('MuiButton-colorInherit');
+                    expect(getMuiIconByName('FilterList')).not.toHaveClass('MuiSvgIcon-colorPrimary');
+                    return [4 /*yield*/, user.click(button)];
+                case 1:
+                    _a.sent();
+                    expect(screen.getByRole('presentation')).toBeInTheDocument();
+                    expect(screen.getByText('Filter')).toBeInTheDocument();
+                    expect(screen.getByText('Clear all')).toBeInTheDocument();
+                    expect(screen.getByText('Apply')).toBeInTheDocument();
+                    return [2 /*return*/];
+            }
         });
-        expect(component.find(Typography).text()).toBe(i18n.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)).toHaveLength(1);
-        expect(component.find(Button).prop('color')).toBe('primary');
-        expect(component.find(FilterIcon)).toHaveLength(1);
-        expect(component.find(FilterIcon).prop('color')).toBe('primary');
+        setUp(__assign(__assign({}, defaultProps), { filters: [{ fieldName: 'fieldName', filter: 'exists' }] }));
+        expect(screen.getByRole('button')).toHaveClass('MuiButton-textPrimary');
+        expect(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)).toHaveLength(1);
-        expect(component.find(Button).prop('color')).toBe('primary');
-        expect(component.find(FilterIcon)).toHaveLength(1);
-        expect(component.find(FilterIcon).prop('color')).toBe('primary');
+        setUp(__assign(__assign({}, defaultProps), { filters: [], isFiltersApplied: true }));
+        expect(screen.getByRole('button')).toHaveClass('MuiButton-textPrimary');
+        expect(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)).toHaveLength(1);
-        expect(component.find(Button).prop('color')).toBe('inherit');
-        expect(component.find(FilterIcon)).toHaveLength(1);
-        expect(component.find(FilterIcon).prop('color')).toBe('inherit');
+        setUp(__assign(__assign({}, defaultProps), { filters: [{ fieldName: 'fieldName', filter: 'equals', values: [] }] }));
+        expect(screen.getByRole('button')).toHaveClass('MuiButton-colorInherit');
+        expect(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)).toHaveLength(1);
-        expect(component.find(Button).prop('color')).toBe('inherit');
-        expect(component.find(FilterIcon)).toHaveLength(1);
-        expect(component.find(FilterIcon).prop('color')).toBe('inherit');
-    });
-    it('should open Popover after filter button clicking', function () {
-        var event = {};
-        var component = setUp();
-        component.find(Button).prop('onClick')(event);
-        rerenderWrapper(component);
-        expect(component.find(Popover).prop('open')).toBe(true);
-    });
-    it('should close Popover after cancel button clicking', function () {
-        var event = {};
-        var component = setUp();
-        component.find(Button).prop('onClick')(event);
-        rerenderWrapper(component);
-        expect(component.find(Popover).prop('open')).toBe(true);
-        component.find(ActionButtons).prop('onCancel')();
-        rerenderWrapper(component);
-        expect(component.find(Popover).prop('open')).toBe(false);
+        setUp(__assign(__assign({}, defaultProps), { filters: [], isFiltersApplied: false }));
+        expect(screen.getByRole('button')).toHaveClass('MuiButton-colorInherit');
+        expect(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).prop('onClick')(event);
-        rerenderWrapper(component);
-        expect(component.find(Popover).prop('open')).toBe(true);
-        component.find(AttributesFiltersBuilder).prop('onChange')(newFilters);
-        rerenderWrapper(component);
-        component.find(ActionButtons).prop('onApply')();
-        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 = screen.getByRole('button');
+                    return [4 /*yield*/, user.click(button)];
+                case 1:
+                    _a.sent();
+                    expect(screen.getByRole('presentation')).toBeInTheDocument();
+                    return [4 /*yield*/, user.click(button)];
+                case 2:
+                    _a.sent();
+                    expect(screen.queryByRole('presentation')).not.toBeInTheDocument();
+                    return [2 /*return*/];
+            }
         });
-        component.find(Button).prop('onClick')(event);
-        rerenderWrapper(component);
-        expect(component.find(Popover).prop('open')).toBe(true);
-        component.find(ActionButtons).prop('onClear')();
-        rerenderWrapper(component);
-        expect(component.find(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(screen.getByRole('button'))];
+                case 1:
+                    _a.sent();
+                    return [4 /*yield*/, user.click(screen.getByText('Cancel'))];
+                case 2:
+                    _a.sent();
+                    expect(onCancelSpy).toHaveBeenCalled();
+                    expect(screen.queryByRole('presentation')).not.toBeInTheDocument();
+                    return [2 /*return*/];
+            }
         });
-    });
-    it('should render options', function () {
-        var ChildrenComponent = function () { return React.createElement("div", { className: "childrenComponent" }, "children"); };
-        var component = mount(React.createElement(AttributesFiltersButton, __assign({}, defaultProps),
-            React.createElement(ChildrenComponent, null)));
-        var event = {};
-        act(function () {
-            component.find(Button).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(screen.getByRole('button'))];
+                case 1:
+                    _a.sent();
+                    rows = screen.getAllByTestId('query-builder-row');
+                    editor = within(rows[0]).getByTestId('filter-value-editor');
+                    input = within(editor).getByRole('textbox');
+                    return [4 /*yield*/, user.type(input, '12{Enter}')];
+                case 2:
+                    _a.sent();
+                    return [4 /*yield*/, user.click(screen.getByText('Apply'))];
+                case 3:
+                    _a.sent();
+                    expect(onChangeSpy).toBeCalledWith([
+                        {
+                            fieldName: 'attributes.Int',
+                            filter: 'equals',
+                            values: [['TestValue', '12']]
+                        }
+                    ]);
+                    expect(onApplySpy).toHaveBeenCalled();
+                    expect(screen.queryByRole('presentation')).not.toBeInTheDocument();
+                    return [2 /*return*/];
+            }
         });
-        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).prop('onClick')(event);
-        rerenderWrapper(component);
-        expect(component.find(Popover).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(screen.getByRole('button'))];
+                case 1:
+                    _a.sent();
+                    expect(screen.getByText('TestValue')).toBeInTheDocument();
+                    return [4 /*yield*/, user.click(screen.getByText('Clear all'))];
+                case 2:
+                    _a.sent();
+                    expect(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.createElement("div", null, "children") })).user;
+                    return [4 /*yield*/, user.click(screen.getByRole('button'))];
+                case 1:
+                    _a.sent();
+                    expect(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 = 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/esm/AttributesValuesEditor/AttributesValuesEditor.test.js

@@ -9,80 +9,107 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-import React from 'react';
-import { shallow } from 'enzyme';
-import * as mdmSdk from '@reltio/mdm-sdk';
-import AttributesValuesEditor from './AttributesValuesEditor';
-import { FilterValueEditor } from '../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 __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 setUp = function (props) {
-    if (props === void 0) { props = defaultProps; }
-    return shallow(React.createElement(AttributesValuesEditor, __assign({}, props)));
+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 };
+    }
 };
+import React from 'react';
+import AttributesValuesEditor from './AttributesValuesEditor';
+import { render, screen } from '@testing-library/react';
+import userEvent from '@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)).toHaveLength(1);
-        expect(component.find(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 = userEvent.setup();
+        return __assign({ user: user }, render(React.createElement(AttributesValuesEditor, __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(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).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)).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)).toHaveLength(0);
+        var container = setUp(__assign(__assign({}, defaultProps), { rowData: __assign(__assign({}, defaultProps.rowData), { filter: 'missing' }) })).container;
+        expect(container.firstChild).toBeEmptyDOMElement();
     });
 });