@reltio/components 1.4.2070 → 1.4.2072

package/ReferenceAttributeEditor/ReferenceAttributeEditor.test.js

@@ -9,655 +9,609 @@ 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 { mount } from 'enzyme';
-import { Mode, createTemporaryEntity } from '@reltio/mdm-sdk';
+import { render, screen, act, within } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
+import { ActivityFilter, ErrorSeverity, ErrorSource, ErrorType, Mode, typeAheadSearch } from '@reltio/mdm-sdk';
 import { referenceAttrType, metadata } from './metadata.test-data';
 import ReferenceAttributeEditor from './ReferenceAttributeEditor';
-import { EditModeComplexAttribute } from '../EditModeComplexAttribute';
-import { EntitySelector } from '../EntitySelector';
-import { ErrorWrapper } from '../ErrorWrapper';
-import { useScrollToAttributeError } from '../hooks/useScrollToAttributeError';
 import { ScrollType, ScrollToElementContext } from '../contexts/ScrollToElementContext';
 import { MdmModuleProvider } from '../contexts/MdmModuleContext';
-import { EmptyStub } from '../EmptyStub';
-jest.mock('@reltio/mdm-sdk', function () { return (__assign(__assign({}, jest.requireActual('@reltio/mdm-sdk')), { createTemporaryEntity: jest.fn() })); });
-jest.mock('../EditModeComplexAttribute', function () { return ({
-    EditModeComplexAttribute: jest.fn()
-}); });
-jest.mock('../EntitySelector', function () { return ({
-    EntitySelector: jest.fn()
-}); });
-jest.mock('../hooks/useScrollToAttributeError', function () { return (__assign(__assign({}, jest.requireActual('../hooks/useScrollToAttributeError')), { useScrollToAttributeError: jest.fn() })); });
-describe('ReferenceAttributeEditor', function () {
-    var scrollToAttributeError = {
-        ref: React.createRef(),
-        errorClassName: 'errorClassName',
-        path: []
-    };
-    var highlightErrorSpy = jest.fn();
-    var scrollIntoRefSpy = jest.fn();
-    var defaultProps = {
-        attributeType: referenceAttrType,
-        attributeValue: {
-            uri: '1',
-            label: 'Ref Attr!'
-        }
-    };
-    var mdmActions = {
-        entityDeleted: jest.fn(),
-        entityCreated: jest.fn(),
-        errorDeactivated: jest.fn()
-    };
-    var defaultMdmValues = { metadata: metadata, modifiedEntities: {} };
-    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.error, error = _e === void 0 ? null : _e;
-        return mount(React.createElement(MdmModuleProvider, { values: mdmValues, actions: mdmActions },
-            React.createElement(ScrollToElementContext.Provider, { value: {
-                    element: error,
-                    highlightError: highlightErrorSpy,
-                    scrollIntoRef: scrollIntoRefSpy,
-                    type: ScrollType.Error
-                } },
-                React.createElement(ReferenceAttributeEditor, __assign({}, props)))));
+jest.mock('@reltio/mdm-sdk', function () { return (__assign(__assign({}, jest.requireActual('@reltio/mdm-sdk')), { typeAheadSearch: jest.fn() })); });
+var highlightError = jest.fn();
+var scrollIntoRef = jest.fn();
+var defaultProps = {
+    attributeType: referenceAttrType,
+    attributeValue: {
+        label: 'Reference attribute',
+        uri: 'entities/0C30cfF/attributes/Contact/T79PZtL',
+        value: {},
+        refEntity: null,
+        refRelation: null,
+        relationshipLabel: 'Relationship label',
+        startObjectCrosswalks: []
+    },
+    mode: Mode.Editing,
+    metadata: metadata,
+    onAddAttributes: jest.fn(),
+    onDeleteAttribute: jest.fn(),
+    onChangeAttribute: jest.fn(),
+    additionalControlsRenderer: function () { return null; }
+};
+var mdmActions = {
+    entityDeleted: jest.fn(),
+    entityCreated: jest.fn(),
+    errorDeactivated: jest.fn(),
+    addAttributes: jest.fn(),
+    removeAttribute: jest.fn(),
+    modifyAttribute: jest.fn()
+};
+var defaultMdmValues = {
+    metadata: metadata,
+    modifiedEntities: {},
+    dependentLookups: { editors: {}, structure: {}, initedTypeUris: [] }
+};
+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.error, error = _e === void 0 ? null : _e;
+    var user = userEvent.setup();
+    var Providers = function (_a) {
+        var children = _a.children;
+        return (React.createElement(MdmModuleProvider, { values: mdmValues, actions: mdmActions },
+            React.createElement(ScrollToElementContext.Provider, { value: { element: error, highlightError: highlightError, scrollIntoRef: scrollIntoRef, type: ScrollType.Error } }, children)));
     };
-    beforeAll(function () {
-        EditModeComplexAttribute.mockImplementation(function (_a) {
-            var children = _a.children;
-            return React.createElement("div", null, children);
-        });
-        EntitySelector.mockImplementation(EmptyStub);
-        useScrollToAttributeError.mockReturnValue(scrollToAttributeError);
+    return __assign(__assign({}, render(React.createElement(ReferenceAttributeEditor, __assign({}, props)), { wrapper: Providers })), { user: user });
+};
+describe('Reference attribute editor tests', function () {
+    beforeEach(function () {
+        typeAheadSearch.mockResolvedValue([
+            { type: 'configuration/entityTypes/Organization', label: 'organization entity 1', uri: 'entities/0C32GxR' },
+            { type: 'configuration/entityTypes/Organization', label: 'organization entity 2', uri: 'entities/0G49Cnu' }
+        ]);
     });
     afterEach(function () {
         jest.clearAllMocks();
     });
-    describe('Pure component behavior', function () {
-        it('should render EditModeComplexAttribute with EntityTypeSelector', function () {
-            var component = setUp();
-            var complex = component.find(EditModeComplexAttribute);
-            expect(complex.length).toBe(1);
-            expect(complex.prop('attributeValue')).toBe(defaultProps.attributeValue);
-            expect(complex.prop('attributeType')).toBe(defaultProps.attributeType);
-            expect(complex.find(EntitySelector).length).toBe(1);
-            var errorWrapper = component.find(".".concat(scrollToAttributeError.errorClassName));
-            expect(errorWrapper).toHaveLength(1);
-            expect(errorWrapper.getElement().ref).toBe(scrollToAttributeError.ref);
+    it('should render reference attribute editor correctly without ref entity', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var user, menuItems;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    user = setUp().user;
+                    screen.getByText('Reference attribute');
+                    return [4 /*yield*/, user.click(screen.getByTestId('arrow-expand-button'))];
+                case 1:
+                    _a.sent();
+                    screen.getByText('Select Organization profile');
+                    expect(screen.getByRole('combobox')).not.toBeDisabled();
+                    return [4 /*yield*/, user.click(screen.getByText('More attributes'))];
+                case 2:
+                    _a.sent();
+                    menuItems = screen.getAllByRole('menuitem');
+                    expect(menuItems).toHaveLength(3);
+                    expect(menuItems[0]).toHaveTextContent('Affiliated with');
+                    expect(menuItems[1]).toHaveTextContent('Title');
+                    expect(menuItems[2]).toHaveTextContent('Status');
+                    return [2 /*return*/];
+            }
         });
-        it('should render ErrorWrapper for EntityTypeSelector', function () {
-            var component = setUp();
-            var complex = component.find(EditModeComplexAttribute);
-            expect(complex.length).toBe(1);
-            var errorWrapper = complex.find(ErrorWrapper);
-            expect(errorWrapper.find(EntitySelector).length).toBe(1);
-            expect(errorWrapper.prop('errorMessage')).toBeFalsy();
-        });
-        it('should display missed referenced entity active error message in ErrorWrapper for EntityTypeSelector', function () {
-            var props = __assign(__assign({}, defaultProps), { errors: [
-                    {
-                        parentUri: defaultProps.attributeValue.uri,
-                        uri: '',
-                        attributeTypeUri: referenceAttrType.uri,
-                        message: 'Attribute is required',
-                        type: 'missed'
-                    },
-                    {
-                        parentUri: defaultProps.attributeValue.uri,
-                        uri: '',
-                        attributeTypeUri: referenceAttrType.uri,
-                        message: 'Entity is required - deactivated',
-                        deactivated: true,
-                        type: 'missedRefEntity'
-                    },
-                    {
-                        parentUri: defaultProps.attributeValue.uri,
-                        uri: '',
-                        attributeTypeUri: referenceAttrType.uri,
-                        message: 'Entity is required!',
-                        type: 'missedRefEntity'
-                    }
-                ] });
-            var component = setUp({ props: props });
-            var complex = component.find(EditModeComplexAttribute);
-            expect(complex.length).toBe(1);
-            var errorWrapper = complex.find(ErrorWrapper);
-            expect(errorWrapper.find(EntitySelector).length).toBe(1);
-            expect(errorWrapper.prop('errorMessage')).toBe(props.errors[2].message);
-        });
-        describe('EditModeComplexAttribute behavior', function () {
-            it('should has correct attributeTypesList prop consisting of only relations uris from referencedAttributeURIs', function () {
-                var component = setUp();
-                var complex = component.find(EditModeComplexAttribute);
-                expect(complex.prop('attributeTypesList')).toEqual(defaultMdmValues.metadata.relationTypes[0].attributes.filter(function (attrType) {
-                    return defaultProps.attributeType.referencedAttributeURIs.includes(attrType.uri);
-                }));
-                expect(complex.prop('attributeTypesList').length).toBe(2);
-                expect(complex.prop('expanded')).toBeFalsy();
-            });
-            it('should pass expanded prop to EditModeComplexAttribute', function () {
-                var props = __assign(__assign({}, defaultProps), { expanded: true });
-                var component = setUp({ props: props });
-                var complex = component.find(EditModeComplexAttribute);
-                expect(complex.length).toBe(1);
-                expect(complex.prop('expanded')).toBeTruthy();
-            });
-            it('should has all needed props', function () {
-                var props = __assign(__assign({}, defaultProps), { mode: Mode.Editing, crosswalks: [], lazy: true, onChangeAttribute: function () { }, onDeleteAttribute: function () { }, onAddAttribute: function () { }, errorMessage: 'error', showEmptyEditors: true, onOpenEntity: function () { } });
-                var component = setUp({ props: props });
-                var complex = component.find(EditModeComplexAttribute);
-                expect(complex.props()).toMatchObject(__assign(__assign({}, props), { metadata: defaultMdmValues.metadata }));
-            });
-            it('crosswalks prop should consist of parent crosswalks and refRelation crosswalks', function () {
-                var props = __assign(__assign({}, defaultProps), { crosswalks: [
-                        {
-                            attributes: ['entities/ent123/attributes/Address/uri456'],
-                            type: 'configuration/sources/Reltio'
-                        }
-                    ], attributeValue: {
-                        uri: '123',
-                        refRelation: [
-                            {
-                                crosswalks: [
+    }); });
+    it('should render reference attribute editor correctly with ref entity and values', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var props, user, entitySelector, labels, values;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    props = __assign(__assign({}, defaultProps), { attributeValue: __assign(__assign({}, defaultProps.attributeValue), { refEntity: [
+                                {
+                                    crosswalks: [],
+                                    objectURI: 'entities/0C32GxR',
+                                    type: 'configuration/entityTypes/Organization'
+                                }
+                            ], value: {
+                                Name: [
+                                    {
+                                        type: 'configuration/entityTypes/Organization/attributes/Name',
+                                        uri: 'entities/0C30cfF/attributes/Organization/T79PZtL/Name/1XEK3ixZ',
+                                        ov: true,
+                                        value: 'name value'
+                                    }
+                                ],
+                                Title: [
                                     {
-                                        uri: 'entities/369r06C/crosswalks/0GfpbEI.kNzXc8I',
-                                        type: 'configuration/sources/NonReltio',
-                                        attributeURIs: ['entities/369r06C/attributes/Topics/RTU8Up2/Name/kNzXTbm']
+                                        type: 'configuration/relationTypes/affiliatedwith/attributes/Title',
+                                        uri: 'entities/0C30cfF/attributes/Contact/T79PZtL/Title/1s0ncx5P',
+                                        ov: true,
+                                        value: 'title value'
                                     }
                                 ]
-                            }
-                        ]
-                    } });
-                var component = setUp({ props: props });
-                var complex = component.find(EditModeComplexAttribute);
-                expect(complex.prop('crosswalks')).toEqual([
-                    {
-                        attributes: ['entities/ent123/attributes/Address/uri456'],
-                        type: 'configuration/sources/Reltio'
-                    },
-                    {
-                        attributes: ['entities/369r06C/attributes/Topics/RTU8Up2/Name/kNzXTbm'],
-                        type: 'configuration/sources/NonReltio',
-                        uri: 'entities/369r06C/crosswalks/0GfpbEI.kNzXc8I'
-                    }
-                ]);
-            });
-            describe('EditModeComplexAttribute label behavior', function () {
-                it('should be attributeValue.label if attributeValue.refEntity is not specified', function () {
-                    var component = setUp();
-                    var complex = component.find(EditModeComplexAttribute);
-                    expect(complex.prop('label')).toBe(defaultProps.attributeValue.label);
-                });
-                it('should be attributeValue.label if attributeValue.refEntity is not temporary', function () {
-                    var _a;
-                    var entityUri = 'refEntityUri';
-                    var modifiedEntities = (_a = {}, _a[entityUri] = { uri: entityUri, attributes: {} }, _a);
-                    var props = __assign(__assign({}, defaultProps), { attributeValue: {
-                            uri: '1',
-                            label: 'attribute label',
-                            refEntity: [
-                                {
-                                    objectURI: entityUri,
-                                    type: 'refEntityType'
-                                }
-                            ]
-                        } });
-                    var mdmValues = __assign(__assign({}, defaultMdmValues), { modifiedEntities: modifiedEntities });
-                    var component = setUp({ props: props, mdmValues: mdmValues });
-                    var complex = component.find(EditModeComplexAttribute);
-                    expect(complex.prop('label')).toBe(props.attributeValue.label);
-                });
-                it('should be evaluated from modifiedEntity if attributeValue.refEntity is temporary', function () {
-                    var _a;
-                    var entityUri = 'entities/uri$$12345';
-                    var modifiedEntities = (_a = {},
-                        _a[entityUri] = {
+                            } }) });
+                    user = setUp({ props: props }).user;
+                    screen.getByText('Reference attribute');
+                    return [4 /*yield*/, user.click(screen.getByTestId('arrow-expand-button'))];
+                case 1:
+                    _a.sent();
+                    entitySelector = screen.getByTestId('reltio-entity-selector');
+                    within(entitySelector).getByText('Select Organization profile');
+                    within(entitySelector).getByText('Reference attribute');
+                    labels = screen.getAllByTestId('reltio-attribute-label');
+                    values = screen.getAllByTestId('reltio-attribute-value');
+                    expect(labels).toHaveLength(1);
+                    expect(values).toHaveLength(1);
+                    expect(labels[0]).toHaveTextContent('Title');
+                    expect(within(values[0]).getByRole('textbox')).toHaveValue('title value');
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it('should render reference attribute editor correctly with temporarty ref entity and values', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var refEntityUri, modifiedEntities, props, mdmValues, user, entitySelector, labels, values;
+        var _a;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    refEntityUri = 'entities/uri$$JsO92Ns';
+                    modifiedEntities = (_a = {},
+                        _a[refEntityUri] = {
+                            uri: refEntityUri,
+                            type: 'configuration/entityTypes/Organization',
                             attributes: {
-                                Name: [{ uri: '1', value: 'Some name' }]
+                                Name: [
+                                    {
+                                        uri: 'entities/uri$$JsO92Ns/attributes/Name/$uri7JsbN0l',
+                                        type: 'configuration/entityTypes/Organization/attributes/Name',
+                                        value: 'name value'
+                                    }
+                                ]
                             }
                         },
                         _a);
-                    var props = __assign(__assign({}, defaultProps), { attributeValue: {
-                            uri: '1',
-                            label: 'attribute label',
-                            refEntity: [
+                    props = __assign(__assign({}, defaultProps), { attributeValue: __assign(__assign({}, defaultProps.attributeValue), { refEntity: [
                                 {
-                                    objectURI: entityUri,
-                                    type: 'refEntityType'
+                                    crosswalks: [],
+                                    objectURI: refEntityUri,
+                                    type: 'configuration/entityTypes/Organization'
                                 }
-                            ]
-                        } });
-                    var mdmValues = __assign(__assign({}, defaultMdmValues), { modifiedEntities: modifiedEntities });
-                    var component = setUp({ props: props, mdmValues: mdmValues });
-                    var complex = component.find(EditModeComplexAttribute);
-                    expect(complex.prop('label')).toBe('Some name!');
-                });
-                it('should be <No label> in case of missing attribute label and modified entity prop', function () {
-                    var props = __assign(__assign({}, defaultProps), { attributeValue: { uri: '1' } });
-                    var component = setUp({ props: props });
-                    var complex = component.find(EditModeComplexAttribute);
-                    expect(complex.prop('label')).toBe('<No label>');
-                });
-            });
+                            ] }) });
+                    mdmValues = __assign(__assign({}, defaultMdmValues), { modifiedEntities: modifiedEntities });
+                    user = setUp({ props: props, mdmValues: mdmValues }).user;
+                    screen.getByText('name value!');
+                    return [4 /*yield*/, user.click(screen.getByTestId('arrow-expand-button'))];
+                case 1:
+                    _b.sent();
+                    entitySelector = screen.getByTestId('reltio-entity-selector');
+                    within(entitySelector).getByText('Select Organization profile');
+                    within(entitySelector).getByText('New Organization will be created');
+                    labels = screen.getAllByTestId('reltio-attribute-label');
+                    values = screen.getAllByTestId('reltio-attribute-value');
+                    expect(labels).toHaveLength(2);
+                    expect(values).toHaveLength(2);
+                    expect(labels[0]).toHaveTextContent('Nickname');
+                    expect(labels[1]).toHaveTextContent('Name');
+                    expect(within(values[0]).getByRole('textbox')).toHaveValue('');
+                    expect(within(values[1]).getByRole('textbox')).toHaveValue('name value');
+                    return [2 /*return*/];
+            }
         });
-        describe('EntitySelector behavior', function () {
-            it('should has correct entityTypesUris prop', function () {
-                var component = setUp();
-                var entitySelector = component.find(EntitySelector);
-                expect(entitySelector.prop('entityTypesUris')).toEqual([
-                    defaultProps.attributeType.referencedEntityTypeURI
-                ]);
-            });
-            it('should has correct entity prop', function () {
-                var props = __assign(__assign({}, defaultProps), { attributeValue: {
-                        uri: '1',
-                        label: 'attribute label',
-                        refEntity: [
+    }); });
+    it('should display missed referenced entity active error message for entity selector', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var props;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    props = __assign(__assign({}, defaultProps), { errors: [
                             {
-                                objectURI: 'refEntityUri',
-                                type: 'refEntityType'
-                            }
-                        ]
-                    } });
-                var component = setUp({ props: props });
-                var entitySelector = component.find(EntitySelector);
-                expect(entitySelector.prop('entity')).toEqual({
-                    entityUri: 'refEntityUri',
-                    entityLabel: 'attribute label',
-                    entityType: 'refEntityType'
-                });
-            });
-            it('should has correct mode and metadata props', function () {
-                var props = __assign(__assign({}, defaultProps), { mode: Mode.Suggesting });
-                var component = setUp({ props: props });
-                var entitySelector = component.find(EntitySelector);
-                expect(entitySelector.prop('mode')).toBe(props.mode);
-                expect(entitySelector.prop('metadata')).toBe(defaultMdmValues.metadata);
-            });
-            it('attributeTypesSelectionStrategy prop should select referenced entity attributes according referencedAttributeURIs', function () {
-                var component = setUp();
-                var entitySelector = component.find(EntitySelector);
-                var attributesList = entitySelector.prop('attributeTypesSelectionStrategy')(defaultMdmValues.metadata.entityTypes[1]);
-                expect(attributesList).toEqual([
-                    defaultMdmValues.metadata.entityTypes[1].attributes[2],
-                    defaultMdmValues.metadata.entityTypes[1].attributes[0]
-                ]);
-                expect(attributesList.length).toBe(2);
-            });
-            it('should disable EntitySelector if attributeType has not editing permission', function () {
-                var attributeType = __assign(__assign({}, referenceAttrType), { access: ['READ'] });
-                var props = __assign(__assign({}, defaultProps), { attributeType: attributeType });
-                var component = setUp({ props: props });
-                expect(component.find(EntitySelector).prop('isDisabled')).toBe(true);
-            });
-            it('should not disable EntitySelector if attributeType has editing permission', function () {
-                var component = setUp();
-                expect(component.find(EntitySelector).prop('isDisabled')).toBe(false);
-            });
-            it('should pass globalSearchRequestOptions to EntitySelector correctly', function () {
-                var globalFilter = { query: '' };
-                var activityFilter = 'active';
-                var searchOptions = {
-                    searchByOv: true,
-                    ovOnly: true
-                };
-                var mdmValues = __assign(__assign({}, defaultMdmValues), { globalFilter: globalFilter, activityFilter: activityFilter, searchOptions: searchOptions });
-                var component = setUp({ mdmValues: mdmValues });
-                expect(component.find(EntitySelector).prop('globalSearchRequestOptions')).toEqual({
-                    activityFilter: 'active',
-                    searchOptions: 'searchByOv',
-                    globalFilter: ''
-                });
-            });
-            describe('onChange behavior', function () {
-                it('should call onChangeAttribute prop with updated refEntity, refRelation and label', function () {
-                    var props = __assign(__assign({}, defaultProps), { attributeValue: {
-                            uri: 'entities/123/attributes/affiliatedwith/123referencedAttrUri',
-                            attributes: {}
-                        }, onChangeAttribute: jest.fn() });
-                    var component = setUp({ props: props });
-                    var entitySelector = component.find(EntitySelector);
-                    var entity = {
-                        uri: 'entities/123',
-                        label: 'Entity Label',
-                        type: 'configuration/entityTypes/HCP'
-                    };
-                    entitySelector.prop('onChange')(entity);
-                    expect(mdmActions.entityDeleted).not.toHaveBeenCalled();
-                    expect(props.onChangeAttribute).toHaveBeenCalledWith({
-                        attributeType: props.attributeType,
-                        uri: props.attributeValue.uri,
-                        value: __assign(__assign({}, props.attributeValue), { label: entity.label, refEntity: [
-                                {
-                                    objectURI: entity.uri,
-                                    type: entity.type
-                                }
-                            ], refRelation: [
-                                {
-                                    objectURI: 'relations/123referencedAttrUri',
-                                    type: 'configuration/sources/Reltio'
-                                }
-                            ] })
-                    });
-                    expect(mdmActions.errorDeactivated).not.toHaveBeenCalled();
-                });
-                it('should deactivate referencedEntityMissedError if it is set', function () {
-                    var attributeValueUri = 'entities/123/attributes/affiliatedwith/123referencedAttrUri';
-                    var props = __assign(__assign({}, defaultProps), { attributeValue: {
-                            uri: attributeValueUri,
-                            attributes: {}
-                        }, errors: [
+                                parentUri: defaultProps.attributeValue.uri,
+                                uri: '',
+                                attributeTypeUri: referenceAttrType.uri,
+                                message: 'Attribute is required',
+                                type: ErrorType.missed
+                            },
+                            {
+                                parentUri: defaultProps.attributeValue.uri,
+                                uri: '',
+                                attributeTypeUri: referenceAttrType.uri,
+                                message: 'Entity is required - deactivated',
+                                deactivated: true,
+                                type: ErrorType.missedRefEntity
+                            },
                             {
-                                parentUri: attributeValueUri,
+                                parentUri: defaultProps.attributeValue.uri,
                                 uri: '',
                                 attributeTypeUri: referenceAttrType.uri,
-                                message: 'Entity is required',
-                                type: 'missedRefEntity'
+                                message: 'Entity is required!',
+                                type: ErrorType.missedRefEntity
                             }
-                        ], onChangeAttribute: jest.fn() });
-                    var component = setUp({ props: props });
-                    var entitySelector = component.find(EntitySelector);
-                    var entity = {
-                        uri: 'entities/123',
-                        label: 'Entity Label',
-                        type: 'configuration/entityTypes/HCP'
-                    };
-                    entitySelector.prop('onChange')(entity);
-                    expect(mdmActions.entityDeleted).not.toHaveBeenCalled();
-                    expect(props.onChangeAttribute).toHaveBeenCalledWith({
-                        attributeType: props.attributeType,
-                        uri: props.attributeValue.uri,
-                        value: __assign(__assign({}, props.attributeValue), { label: entity.label, refEntity: [
-                                {
-                                    objectURI: entity.uri,
-                                    type: entity.type
+                        ] });
+                    setUp({ props: props });
+                    return [4 /*yield*/, act(function () { return __awaiter(void 0, void 0, void 0, function () {
+                            return __generator(this, function (_a) {
+                                switch (_a.label) {
+                                    case 0: return [4 /*yield*/, Promise.resolve()];
+                                    case 1:
+                                        _a.sent();
+                                        return [2 /*return*/];
                                 }
-                            ], refRelation: [
-                                {
-                                    objectURI: 'relations/123referencedAttrUri',
-                                    type: 'configuration/sources/Reltio'
-                                }
-                            ] })
+                            });
+                        }); })];
+                case 1:
+                    _a.sent();
+                    screen.getByText('Entity is required!');
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it('should render <No label> in case of missing attribute label and modified entity prop', function () {
+        var props = __assign(__assign({}, defaultProps), { attributeValue: __assign(__assign({}, defaultProps.attributeValue), { label: undefined }) });
+        setUp({ props: props });
+        screen.getByText('<No label>');
+    });
+    it('should disable entity selector if attribute type has not editing permission', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var attributeType, props, user;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    attributeType = __assign(__assign({}, referenceAttrType), { access: ['READ'] });
+                    props = __assign(__assign({}, defaultProps), { attributeType: attributeType });
+                    user = setUp({ props: props }).user;
+                    return [4 /*yield*/, user.click(screen.getByTestId('arrow-expand-button'))];
+                case 1:
+                    _a.sent();
+                    expect(screen.getByRole('combobox')).toBeDisabled();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it('should load and select reference entities correctly', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var globalFilter, activityFilter, searchOptions, mdmValues, user, options;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    globalFilter = { query: '', savedSearches: [], savedSearchesUris: [] };
+                    activityFilter = ActivityFilter.ACTIVE_ONLY;
+                    searchOptions = { searchByOv: true, ovOnly: true };
+                    mdmValues = __assign(__assign({}, defaultMdmValues), { globalFilter: globalFilter, activityFilter: activityFilter, searchOptions: searchOptions });
+                    user = setUp({ mdmValues: mdmValues }).user;
+                    return [4 /*yield*/, user.click(screen.getByTestId('arrow-expand-button'))];
+                case 1:
+                    _a.sent();
+                    return [4 /*yield*/, user.click(screen.getByTestId('select-dropdown-indicator'))];
+                case 2:
+                    _a.sent();
+                    expect(typeAheadSearch).toHaveBeenCalledWith([metadata.entityTypes[1]], '', {
+                        activityFilter: ActivityFilter.ACTIVE_ONLY,
+                        globalFilter: '',
+                        max: 20,
+                        searchOptions: 'searchByOv',
+                        sendMasked: false
                     });
-                    expect(mdmActions.errorDeactivated).toHaveBeenCalledWith("".concat(props.attributeType.uri, "--").concat(attributeValueUri));
-                });
-                it('should call onDeleteModifiedEntity prop before onChangeAttribute if modified entity prop is defined', function () {
-                    var _a;
-                    var entityUri = 'entities/uri$$567';
-                    var modifiedEntity = { uri: 'entities/uri$$567', attributes: {} };
-                    var modifiedEntities = (_a = {}, _a[entityUri] = modifiedEntity, _a);
-                    var props = __assign(__assign({}, defaultProps), { attributeValue: {
-                            uri: 'entities/123/attributes/affiliatedwith/123referencedAttrUri',
-                            attributes: {},
-                            refEntity: [
-                                {
-                                    objectURI: entityUri,
-                                    type: 'configuration/entityTypes/HCP'
-                                }
-                            ],
-                            refRelation: [{}]
-                        }, onChangeAttribute: jest.fn() });
-                    var mdmValues = __assign(__assign({}, defaultMdmValues), { modifiedEntities: modifiedEntities });
-                    var component = setUp({ props: props, mdmValues: mdmValues });
-                    var entitySelector = component.find(EntitySelector);
-                    var entity = {
-                        uri: 'entities/123',
-                        label: 'Entity Label',
-                        type: 'configuration/entityTypes/HCP'
-                    };
-                    entitySelector.prop('onChange')(entity);
-                    expect(mdmActions.entityDeleted).toHaveBeenCalledWith(modifiedEntity.uri);
-                    expect(props.onChangeAttribute).toHaveBeenCalledWith({
-                        attributeType: props.attributeType,
-                        uri: props.attributeValue.uri,
-                        value: __assign(__assign({}, props.attributeValue), { label: entity.label, refEntity: [
-                                {
-                                    objectURI: entity.uri,
-                                    type: entity.type
-                                }
-                            ], refRelation: [
-                                {
-                                    objectURI: 'relations/123referencedAttrUri',
-                                    type: 'configuration/sources/Reltio'
-                                }
-                            ] })
+                    options = screen.getAllByRole('option');
+                    expect(options[0]).toHaveTextContent('organization entity 1');
+                    expect(options[1]).toHaveTextContent('organization entity 2');
+                    return [4 /*yield*/, user.click(options[1])];
+                case 3:
+                    _a.sent();
+                    expect(defaultProps.onChangeAttribute).toHaveBeenCalledWith({
+                        attributeType: defaultProps.attributeType,
+                        uri: defaultProps.attributeValue.uri,
+                        value: __assign(__assign({}, defaultProps.attributeValue), { label: 'organization entity 2', refEntity: [{ objectURI: 'entities/0G49Cnu', type: 'configuration/entityTypes/Organization' }], refRelation: [{ objectURI: 'relations/T79PZtL', type: 'configuration/sources/Reltio' }] })
                     });
-                });
-                it('should call onChangeAttribute prop with initial refEntity and refRelation if initial entity was selected', function () {
-                    var props = __assign(__assign({}, defaultProps), { attributeValue: {
-                            uri: 'entities/123/attributes/affiliatedwith/123referencedAttrUri',
-                            attributes: {},
-                            refEntity: [
-                                {
-                                    objectURI: 'entities/initialEntity',
-                                    type: 'configuration/entityTypes/HCP',
-                                    crosswalks: [{}]
-                                }
-                            ],
-                            refRelation: [
-                                {
-                                    objectURI: 'relations/123referencedAttrUri',
-                                    type: 'configuration/sources/Reltio',
-                                    crosswalks: [{}, {}]
-                                }
-                            ]
-                        }, onChangeAttribute: jest.fn() });
-                    var component = setUp({ props: props });
-                    var entitySelector = component.find(EntitySelector);
-                    var entity = {
-                        uri: 'entities/123',
-                        label: 'Entity Label',
-                        type: 'configuration/entityTypes/HCP'
-                    };
-                    entitySelector.prop('onChange')(entity);
-                    expect(mdmActions.entityDeleted).not.toHaveBeenCalled();
-                    expect(props.onChangeAttribute).toHaveBeenCalledWith({
-                        attributeType: props.attributeType,
-                        uri: props.attributeValue.uri,
-                        value: __assign(__assign({}, props.attributeValue), { label: entity.label, refEntity: [
-                                {
-                                    objectURI: entity.uri,
-                                    type: entity.type
-                                }
-                            ], refRelation: [
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    describe('entity changing', function () {
+        it('should deactivate referenced entity missed error if it is set', function () { return __awaiter(void 0, void 0, void 0, function () {
+            var props, user;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        props = __assign(__assign({}, defaultProps), { errors: [
                                 {
-                                    objectURI: 'relations/123referencedAttrUri',
-                                    type: 'configuration/sources/Reltio'
+                                    parentUri: defaultProps.attributeValue.uri,
+                                    uri: '',
+                                    attributeTypeUri: referenceAttrType.uri,
+                                    message: 'Entity is required',
+                                    type: ErrorType.missedRefEntity
                                 }
-                            ] })
-                    });
-                    var initialEntity = {
-                        uri: 'entities/initialEntity',
-                        label: 'Initial Entity Label',
-                        type: 'configuration/entityTypes/HCP'
-                    };
-                    entitySelector.prop('onChange')(initialEntity);
-                    expect(mdmActions.entityDeleted).not.toHaveBeenCalled();
-                    expect(props.onChangeAttribute).toHaveBeenCalledWith({
-                        attributeType: props.attributeType,
-                        uri: props.attributeValue.uri,
-                        value: __assign(__assign({}, props.attributeValue), { label: initialEntity.label, refEntity: props.attributeValue.refEntity, refRelation: props.attributeValue.refRelation })
-                    });
-                });
+                            ] });
+                        user = setUp({ props: props }).user;
+                        return [4 /*yield*/, user.click(screen.getByTestId('select-dropdown-indicator'))];
+                    case 1:
+                        _a.sent();
+                        return [4 /*yield*/, user.click(screen.getByText('organization entity 1'))];
+                    case 2:
+                        _a.sent();
+                        expect(mdmActions.errorDeactivated).toHaveBeenCalledWith('configuration/entityTypes/Contact/attributes/affiliatedwith--entities/0C30cfF/attributes/Contact/T79PZtL');
+                        return [2 /*return*/];
+                }
             });
-            describe('onCreate behavior', function () {
-                it('should create new entity, call onUpdateModifiedEntity and onChangeAttribute props', function () {
-                    var props = __assign(__assign({}, defaultProps), { attributeValue: {
-                            uri: 'entities/123/attributes/affiliatedwith/123referencedAttrUri',
-                            attributes: {}
-                        }, onChangeAttribute: jest.fn() });
-                    var component = setUp({ props: props });
-                    var entitySelector = component.find(EntitySelector);
-                    var entityTypeUri = 'configuration/entityTypes/HCP';
-                    var mockedNewEntity = {
-                        uri: 'entities/uri$$1',
-                        label: 'New entity!'
-                    };
-                    createTemporaryEntity.mockReturnValue(mockedNewEntity);
-                    entitySelector.prop('onCreate')(entityTypeUri);
-                    expect(createTemporaryEntity).toHaveBeenCalledWith(expect.objectContaining({
-                        entityTypeUri: entityTypeUri,
-                        attributeTypes: [
-                            {
-                                label: 'Nickname',
-                                name: 'Nick',
-                                type: 'String',
-                                uri: 'configuration/entityTypes/Organization/attributes/Nick'
-                            },
-                            {
-                                label: 'Name',
-                                name: 'Name',
-                                type: 'String',
-                                uri: 'configuration/entityTypes/Organization/attributes/Name'
-                            }
-                        ]
-                    }));
-                    expect(mdmActions.entityDeleted).not.toHaveBeenCalled();
-                    expect(mdmActions.entityCreated).toHaveBeenCalledWith(mockedNewEntity);
-                    expect(props.onChangeAttribute).toHaveBeenCalledWith({
-                        attributeType: props.attributeType,
-                        uri: props.attributeValue.uri,
-                        value: __assign(__assign({}, props.attributeValue), { label: mockedNewEntity.label, refEntity: [
-                                {
-                                    objectURI: mockedNewEntity.uri,
-                                    type: mockedNewEntity.type
+        }); });
+        it('should call onDeleteModifiedEntity prop before onChangeAttribute if modified entity prop is defined', function () { return __awaiter(void 0, void 0, void 0, function () {
+            var refEntityUri, modifiedEntities, props, mdmValues, user;
+            var _a;
+            return __generator(this, function (_b) {
+                switch (_b.label) {
+                    case 0:
+                        refEntityUri = 'entities/uri$$JsO92Ns';
+                        modifiedEntities = (_a = {},
+                            _a[refEntityUri] = {
+                                uri: refEntityUri,
+                                type: 'configuration/entityTypes/Organization',
+                                attributes: {
+                                    Name: [
+                                        {
+                                            uri: 'entities/uri$$JsO92Ns/attributes/Name/$uri7JsbN0l',
+                                            type: 'configuration/entityTypes/Organization/attributes/Name',
+                                            value: 'name value'
+                                        }
+                                    ]
                                 }
-                            ], refRelation: [
-                                {
-                                    objectURI: 'relations/123referencedAttrUri',
-                                    type: 'configuration/sources/Reltio'
-                                }
-                            ] })
-                    });
-                });
-                it('should call onDeleteModifiedEntity prop before onUpdateModifiedEntity/onChangeAttribute if modified entity prop is defined', function () {
-                    var _a;
-                    var entityUri = 'entities/uri$$567';
-                    var modifiedEntity = { uri: entityUri, attributes: {} };
-                    var modifiedEntities = (_a = {}, _a[entityUri] = modifiedEntity, _a);
-                    var props = __assign(__assign({}, defaultProps), { attributeValue: {
-                            uri: 'entities/123/attributes/affiliatedwith/123referencedAttrUri',
+                            },
+                            _a);
+                        props = __assign(__assign({}, defaultProps), { attributeValue: __assign(__assign({}, defaultProps.attributeValue), { refEntity: [
+                                    {
+                                        crosswalks: [],
+                                        objectURI: refEntityUri,
+                                        type: 'configuration/entityTypes/Organization'
+                                    }
+                                ] }) });
+                        mdmValues = __assign(__assign({}, defaultMdmValues), { modifiedEntities: modifiedEntities });
+                        user = setUp({ props: props, mdmValues: mdmValues }).user;
+                        return [4 /*yield*/, user.click(screen.getByTestId('arrow-expand-button'))];
+                    case 1:
+                        _b.sent();
+                        return [4 /*yield*/, user.click(screen.getByTestId('select-dropdown-indicator'))];
+                    case 2:
+                        _b.sent();
+                        return [4 /*yield*/, user.click(screen.getByText('organization entity 1'))];
+                    case 3:
+                        _b.sent();
+                        expect(mdmActions.entityDeleted).toHaveBeenCalledWith(refEntityUri);
+                        expect(props.onChangeAttribute).toHaveBeenCalledWith({
+                            attributeType: props.attributeType,
+                            uri: props.attributeValue.uri,
+                            value: __assign(__assign({}, props.attributeValue), { label: 'organization entity 1', refEntity: [{ objectURI: 'entities/0C32GxR', type: 'configuration/entityTypes/Organization' }], refRelation: [{ objectURI: 'relations/T79PZtL', type: 'configuration/sources/Reltio' }] })
+                        });
+                        return [2 /*return*/];
+                }
+            });
+        }); });
+        it('should call onChangeAttribute prop with initial refEntity and refRelation if initial entity was selected', function () { return __awaiter(void 0, void 0, void 0, function () {
+            var props, user;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        props = __assign(__assign({}, defaultProps), { attributeValue: __assign(__assign({}, defaultProps.attributeValue), { label: 'organization entity 1', refEntity: [
+                                    {
+                                        crosswalks: [],
+                                        objectURI: 'entities/0C32GxR',
+                                        type: 'configuration/entityTypes/Organization'
+                                    }
+                                ], refRelation: [
+                                    {
+                                        crosswalks: [],
+                                        objectURI: 'relations/T79PZtL',
+                                        type: 'configuration/sources/Reltio'
+                                    }
+                                ] }) });
+                        user = setUp({ props: props }).user;
+                        return [4 /*yield*/, user.click(screen.getByTestId('arrow-expand-button'))];
+                    case 1:
+                        _a.sent();
+                        return [4 /*yield*/, user.click(screen.getByTestId('select-dropdown-indicator'))];
+                    case 2:
+                        _a.sent();
+                        return [4 /*yield*/, user.click(screen.getByText('organization entity 2'))];
+                    case 3:
+                        _a.sent();
+                        expect(mdmActions.entityDeleted).not.toHaveBeenCalled();
+                        expect(props.onChangeAttribute).toHaveBeenCalledWith({
+                            attributeType: props.attributeType,
+                            uri: props.attributeValue.uri,
+                            value: __assign(__assign({}, props.attributeValue), { label: 'organization entity 2', refEntity: [{ objectURI: 'entities/0G49Cnu', type: 'configuration/entityTypes/Organization' }], refRelation: [{ objectURI: 'relations/T79PZtL', type: 'configuration/sources/Reltio' }] })
+                        });
+                        return [4 /*yield*/, user.click(screen.getByTestId('select-dropdown-indicator'))];
+                    case 4:
+                        _a.sent();
+                        return [4 /*yield*/, user.click(within(screen.getByRole('tooltip')).getByText('organization entity 1'))];
+                    case 5:
+                        _a.sent();
+                        expect(mdmActions.entityDeleted).not.toHaveBeenCalled();
+                        expect(props.onChangeAttribute).toHaveBeenCalledWith({
+                            attributeType: props.attributeType,
+                            uri: props.attributeValue.uri,
+                            value: props.attributeValue
+                        });
+                        return [2 /*return*/];
+                }
+            });
+        }); });
+    });
+    describe('entity creating', function () {
+        it('should create new entity, call onChangeAttribute prop and entityCreated mdm action correctly', function () { return __awaiter(void 0, void 0, void 0, function () {
+            var user;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        user = setUp().user;
+                        return [4 /*yield*/, user.click(screen.getByTestId('arrow-expand-button'))];
+                    case 1:
+                        _a.sent();
+                        return [4 /*yield*/, user.click(screen.getByTestId('select-dropdown-indicator'))];
+                    case 2:
+                        _a.sent();
+                        return [4 /*yield*/, user.click(screen.getByText('Create new Organization'))];
+                    case 3:
+                        _a.sent();
+                        expect(defaultProps.onChangeAttribute).toHaveBeenCalledWith({
+                            attributeType: defaultProps.attributeType,
+                            uri: defaultProps.attributeValue.uri,
+                            value: __assign(__assign({}, defaultProps.attributeValue), { label: undefined, refEntity: [{ objectURI: expect.any(String), type: 'configuration/entityTypes/Organization' }], refRelation: [{ objectURI: 'relations/T79PZtL', type: 'configuration/sources/Reltio' }] })
+                        });
+                        expect(mdmActions.entityCreated).toHaveBeenCalledWith({
                             attributes: {},
-                            refEntity: [
-                                {
-                                    objectURI: entityUri,
-                                    type: 'configuration/entityTypes/HCP',
-                                    crosswalks: [{}]
-                                }
-                            ]
-                        }, onChangeAttribute: jest.fn() });
-                    var mdmValues = __assign(__assign({}, defaultMdmValues), { modifiedEntities: modifiedEntities });
-                    var component = setUp({ props: props, mdmValues: mdmValues });
-                    var entitySelector = component.find(EntitySelector);
-                    var entityTypeUri = 'configuration/entityTypes/HCP';
-                    var mockedNewEntity = {
-                        uri: 'entities/uri$$1',
-                        label: 'New entity!'
-                    };
-                    createTemporaryEntity.mockReturnValue(mockedNewEntity);
-                    entitySelector.prop('onCreate')(entityTypeUri);
-                    expect(createTemporaryEntity).toHaveBeenCalledWith(expect.objectContaining({ entityTypeUri: entityTypeUri }));
-                    expect(mdmActions.entityDeleted).toHaveBeenCalledWith(modifiedEntity.uri);
-                    expect(mdmActions.entityCreated).toHaveBeenCalledWith(mockedNewEntity);
-                    expect(props.onChangeAttribute).toHaveBeenCalledWith({
-                        attributeType: props.attributeType,
-                        uri: props.attributeValue.uri,
-                        value: __assign(__assign({}, props.attributeValue), { label: mockedNewEntity.label, refEntity: [
-                                {
-                                    objectURI: mockedNewEntity.uri,
-                                    type: mockedNewEntity.type
-                                }
-                            ], refRelation: [
-                                {
-                                    objectURI: 'relations/123referencedAttrUri',
-                                    type: 'configuration/sources/Reltio'
+                            timestamp: expect.any(Number),
+                            type: 'configuration/entityTypes/Organization',
+                            uri: expect.any(String)
+                        });
+                        expect(mdmActions.entityDeleted).not.toHaveBeenCalled();
+                        return [2 /*return*/];
+                }
+            });
+        }); });
+        it('should call entityDeleted mdm action before entityCreated/onChangeAttribute if modified entity prop is defined', function () { return __awaiter(void 0, void 0, void 0, function () {
+            var refEntityUri, modifiedEntities, props, mdmValues, user;
+            var _a;
+            return __generator(this, function (_b) {
+                switch (_b.label) {
+                    case 0:
+                        refEntityUri = 'entities/uri$$JsO92Ns';
+                        modifiedEntities = (_a = {},
+                            _a[refEntityUri] = {
+                                uri: refEntityUri,
+                                type: 'configuration/entityTypes/Organization',
+                                attributes: {
+                                    Name: [
+                                        {
+                                            uri: 'entities/uri$$JsO92Ns/attributes/Name/$uri7JsbN0l',
+                                            type: 'configuration/entityTypes/Organization/attributes/Name',
+                                            value: 'name value'
+                                        }
+                                    ]
                                 }
-                            ] })
-                    });
-                });
-                it('should create new entity with init value when onCreate prop was called with initValue argument', function () {
-                    var props = __assign(__assign({}, defaultProps), { attributeValue: {
-                            uri: 'entities/123/attributes/affiliatedwith/123referencedAttrUri',
-                            attributes: {}
-                        }, onChangeAttribute: jest.fn(), mode: 'Editing' });
-                    var component = setUp({ props: props });
-                    var entitySelector = component.find(EntitySelector);
-                    var entityTypeUri = 'configuration/entityTypes/HCP';
-                    var initValue = '123';
-                    var mockedNewEntity = {
-                        uri: 'entities/uri$$1',
-                        label: 'New entity!'
-                    };
-                    createTemporaryEntity.mockReturnValue(mockedNewEntity);
-                    entitySelector.prop('onCreate')(entityTypeUri, initValue);
-                    expect(createTemporaryEntity).toHaveBeenCalledWith({
-                        entityTypeUri: entityTypeUri,
-                        initValue: initValue,
-                        attributeTypes: [
-                            {
-                                label: 'Nickname',
-                                name: 'Nick',
-                                type: 'String',
-                                uri: 'configuration/entityTypes/Organization/attributes/Nick'
                             },
-                            {
-                                label: 'Name',
-                                name: 'Name',
-                                type: 'String',
-                                uri: 'configuration/entityTypes/Organization/attributes/Name'
-                            }
-                        ],
-                        metadata: metadata,
-                        mode: 'Editing'
-                    });
-                    expect(mdmActions.entityDeleted).not.toHaveBeenCalled();
-                    expect(mdmActions.entityCreated).toHaveBeenCalledWith(mockedNewEntity);
-                    expect(props.onChangeAttribute).toHaveBeenCalledWith({
-                        attributeType: props.attributeType,
-                        uri: props.attributeValue.uri,
-                        value: __assign(__assign({}, props.attributeValue), { label: mockedNewEntity.label, refEntity: [
-                                {
-                                    objectURI: mockedNewEntity.uri,
-                                    type: mockedNewEntity.type
-                                }
-                            ], refRelation: [
-                                {
-                                    objectURI: 'relations/123referencedAttrUri',
-                                    type: 'configuration/sources/Reltio'
-                                }
-                            ] })
-                    });
-                });
+                            _a);
+                        props = __assign(__assign({}, defaultProps), { attributeValue: __assign(__assign({}, defaultProps.attributeValue), { refEntity: [
+                                    {
+                                        crosswalks: [],
+                                        objectURI: refEntityUri,
+                                        type: 'configuration/entityTypes/Organization'
+                                    }
+                                ] }) });
+                        mdmValues = __assign(__assign({}, defaultMdmValues), { modifiedEntities: modifiedEntities });
+                        user = setUp({ props: props, mdmValues: mdmValues }).user;
+                        return [4 /*yield*/, user.click(screen.getByTestId('arrow-expand-button'))];
+                    case 1:
+                        _b.sent();
+                        return [4 /*yield*/, user.click(screen.getByTestId('select-dropdown-indicator'))];
+                    case 2:
+                        _b.sent();
+                        return [4 /*yield*/, user.click(screen.getByText('Create new Organization'))];
+                    case 3:
+                        _b.sent();
+                        expect(mdmActions.entityDeleted).toHaveBeenCalledWith(refEntityUri);
+                        expect(mdmActions.entityCreated).toHaveBeenCalledWith({
+                            attributes: {},
+                            timestamp: expect.any(Number),
+                            type: 'configuration/entityTypes/Organization',
+                            uri: expect.any(String)
+                        });
+                        expect(props.onChangeAttribute).toHaveBeenCalledWith({
+                            attributeType: props.attributeType,
+                            uri: props.attributeValue.uri,
+                            value: __assign(__assign({}, props.attributeValue), { label: undefined, refEntity: [{ objectURI: expect.any(String), type: 'configuration/entityTypes/Organization' }], refRelation: [{ objectURI: 'relations/T79PZtL', type: 'configuration/sources/Reltio' }] })
+                        });
+                        return [2 /*return*/];
+                }
             });
-        });
+        }); });
+        it('should create new entity with init value when onCreate prop was called with initValue argument', function () { return __awaiter(void 0, void 0, void 0, function () {
+            var props, user;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        props = __assign(__assign({}, defaultProps), { attributeValue: __assign(__assign({}, defaultProps.attributeValue), { label: 'organization entity 1', refEntity: [
+                                    {
+                                        crosswalks: [],
+                                        objectURI: 'entities/0C32GxR',
+                                        type: 'configuration/entityTypes/Organization'
+                                    }
+                                ], refRelation: [
+                                    {
+                                        crosswalks: [],
+                                        objectURI: 'relations/T79PZtL',
+                                        type: 'configuration/sources/Reltio'
+                                    }
+                                ] }) });
+                        user = setUp({ props: props }).user;
+                        return [4 /*yield*/, user.click(screen.getByTestId('arrow-expand-button'))];
+                    case 1:
+                        _a.sent();
+                        return [4 /*yield*/, user.click(screen.getByTestId('select-dropdown-indicator'))];
+                    case 2:
+                        _a.sent();
+                        return [4 /*yield*/, user.click(screen.getByText('Create new Organization'))];
+                    case 3:
+                        _a.sent();
+                        expect(mdmActions.entityDeleted).not.toHaveBeenCalled();
+                        expect(mdmActions.entityCreated).toHaveBeenCalledWith({
+                            attributes: {},
+                            timestamp: expect.any(Number),
+                            type: 'configuration/entityTypes/Organization',
+                            uri: expect.any(String)
+                        });
+                        expect(props.onChangeAttribute).toHaveBeenCalledWith({
+                            attributeType: props.attributeType,
+                            uri: props.attributeValue.uri,
+                            value: __assign(__assign({}, props.attributeValue), { label: undefined, refEntity: [{ objectURI: expect.any(String), type: 'configuration/entityTypes/Organization' }], refRelation: [{ objectURI: 'relations/T79PZtL', type: 'configuration/sources/Reltio' }] })
+                        });
+                        return [2 /*return*/];
+                }
+            });
+        }); });
     });
-    describe('useScrollToAttributeError tests', function () {
+    describe('errors highlighting', function () {
         var fullError = {
-            type: 'invalid',
+            type: ErrorType.invalid,
             attributeTypeUri: defaultProps.attributeType.uri,
             parentUri: defaultProps.attributeValue.uri,
             uri: 'someUrl',
-            source: 'validationService',
-            severity: 'ERROR'
+            source: ErrorSource.validationService,
+            severity: ErrorSeverity.ERROR
         };
         it('should not highlight error if it have uri', function () {
-            var component = setUp({ error: fullError });
-            expect(component.find('ReferenceAttributeEditor').prop('highlightedError')).toBe(null);
-            expect(useScrollToAttributeError.mock.calls[0][0]).toMatchObject({
-                highlightedError: null,
-                isSimple: true
-            });
+            setUp({ error: fullError });
+            expect(scrollIntoRef).not.toHaveBeenCalledWith();
         });
         it('should highlight error if it have same parent uri, empty uri, and attribute type uri', function () {
             var error = __assign(__assign({}, fullError), { uri: '' });
-            var component = setUp({ error: error });
-            var highlightedError = {
-                element: error,
-                highlightError: highlightErrorSpy,
-                scrollIntoRef: scrollIntoRefSpy,
-                type: ScrollType.Error
-            };
-            expect(component.find('ReferenceAttributeEditor').prop('highlightedError')).toMatchObject(highlightedError);
-            expect(useScrollToAttributeError.mock.calls[0][0]).toMatchObject({ highlightedError: highlightedError, isSimple: true });
+            setUp({ error: error });
+            expect(scrollIntoRef).toHaveBeenCalled();
         });
     });
 });