@reltio/components 1.4.2070 → 1.4.2072

package/cjs/MultipliableSelect/MultipliableSelect.test.js

@@ -1,58 +1,122 @@
 "use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
-var enzyme_1 = require("enzyme");
-var TextField_1 = __importDefault(require("@mui/material/TextField"));
+var react_2 = require("@testing-library/react");
+var user_event_1 = __importDefault(require("@testing-library/user-event"));
 var MenuItem_1 = __importDefault(require("@mui/material/MenuItem"));
-var ValueChip_1 = require("../ValueChip");
 var MultipliableSelect_1 = require("./MultipliableSelect");
-describe('MultipliableSelect', function () {
-    describe('single mode', function () {
-        it('should render MUI TextField with string value', function () {
-            var value = '1';
-            var wrapper = (0, enzyme_1.mount)(react_1.default.createElement(MultipliableSelect_1.MultipliableSelect, { value: value },
-                react_1.default.createElement(MenuItem_1.default, { value: "1" })));
-            expect(wrapper.find(TextField_1.default)).toHaveLength(1);
-            expect(wrapper.text()).toBe(value);
-        });
-        it('should call props.onChange on select change', function () {
-            var onChange = jest.fn();
-            var value = '1';
-            var wrapper = (0, enzyme_1.shallow)(react_1.default.createElement(MultipliableSelect_1.MultipliableSelect, { onChange: onChange },
-                react_1.default.createElement("div", null)));
-            wrapper.find(TextField_1.default).simulate('change', { target: { value: value } });
-            expect(onChange).toHaveBeenCalledWith(value);
+var test_utils_1 = require("../test-utils");
+describe('Multipliable select tests', function () {
+    it('should render and work correctly in single mode', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var user, onChange, popover, options;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    user = user_event_1.default.setup();
+                    onChange = jest.fn();
+                    (0, react_2.render)(react_1.default.createElement(MultipliableSelect_1.MultipliableSelect, { value: "orange", onChange: onChange },
+                        react_1.default.createElement(MenuItem_1.default, { value: "orange" }, "Orange"),
+                        react_1.default.createElement(MenuItem_1.default, { value: "lemon" }, "Lemon")));
+                    return [4 /*yield*/, user.click(react_2.screen.getByRole('button', { name: 'orange' }))];
+                case 1:
+                    _a.sent();
+                    popover = react_2.screen.getByRole('presentation');
+                    options = react_2.screen.getAllByRole('option');
+                    expect(options).toHaveLength(2);
+                    expect(options[0]).toHaveTextContent('Orange');
+                    expect(options[1]).toHaveTextContent('Lemon');
+                    return [4 /*yield*/, user.click(options[1])];
+                case 2:
+                    _a.sent();
+                    expect(onChange).toHaveBeenCalledWith('lemon');
+                    expect(popover).not.toBeInTheDocument();
+                    return [2 /*return*/];
+            }
         });
-    });
-    describe('multiple mode', function () {
-        it('should render MUI TextField with chip values', function () {
-            var value = ['1', '2', '3'];
-            var wrapper = (0, enzyme_1.mount)(react_1.default.createElement(MultipliableSelect_1.MultipliableSelect, { multiple: true, value: value },
-                react_1.default.createElement("div", null)));
-            expect(wrapper.find(TextField_1.default).prop('SelectProps').multiple).toBe(true);
-            expect(wrapper.find(ValueChip_1.ValueChip)).toHaveLength(value.length);
-            wrapper.find(ValueChip_1.ValueChip).forEach(function (n, i) {
-                expect(n.prop('label')).toBe(value[i]);
-            });
-        });
-        it('should call props.onChange on select change', function () {
-            var onChange = jest.fn();
-            var value = ['1'];
-            var wrapper = (0, enzyme_1.shallow)(react_1.default.createElement(MultipliableSelect_1.MultipliableSelect, { multiple: true, onChange: onChange },
-                react_1.default.createElement("div", null)));
-            wrapper.find(TextField_1.default).simulate('change', { target: { value: value } });
-            expect(onChange).toHaveBeenCalledWith(value);
+    }); });
+    it('should render and work correctly in multiple mode', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var user, onChange, button, chips, popover, options;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    user = user_event_1.default.setup();
+                    onChange = jest.fn();
+                    (0, react_2.render)(react_1.default.createElement(MultipliableSelect_1.MultipliableSelect, { multiple: true, value: ['orange', 'apple'], onChange: onChange },
+                        react_1.default.createElement(MenuItem_1.default, { value: "orange" }, "Orange"),
+                        react_1.default.createElement(MenuItem_1.default, { value: "lemon" }, "Lemon"),
+                        react_1.default.createElement(MenuItem_1.default, { value: "kiwi" }, "Kiwi"),
+                        react_1.default.createElement(MenuItem_1.default, { value: "apple" }, "Apple"),
+                        react_1.default.createElement(MenuItem_1.default, { value: "banana" }, "Banana")));
+                    button = react_2.screen.getAllByRole('button')[0];
+                    chips = (0, react_2.within)(button).getAllByRole('button');
+                    expect(chips).toHaveLength(2);
+                    expect(chips[0]).toHaveTextContent('orange');
+                    expect(chips[1]).toHaveTextContent('apple');
+                    return [4 /*yield*/, user.click((0, test_utils_1.getMuiIconByName)('Cancel', chips[1]))];
+                case 1:
+                    _a.sent();
+                    expect(onChange).toHaveBeenCalledWith(['orange']);
+                    return [4 /*yield*/, user.click(button)];
+                case 2:
+                    _a.sent();
+                    popover = react_2.screen.getByRole('presentation');
+                    options = react_2.screen.getAllByRole('option');
+                    expect(options).toHaveLength(5);
+                    expect(options[0]).toHaveTextContent('Orange');
+                    expect(options[1]).toHaveTextContent('Lemon');
+                    expect(options[2]).toHaveTextContent('Kiwi');
+                    expect(options[3]).toHaveTextContent('Apple');
+                    expect(options[4]).toHaveTextContent('Banana');
+                    return [4 /*yield*/, user.click(options[4])];
+                case 3:
+                    _a.sent();
+                    expect(onChange).toHaveBeenCalledWith(['orange', 'apple', 'banana']);
+                    expect(popover).toBeInTheDocument();
+                    return [4 /*yield*/, user.keyboard('{Escape}')];
+                case 4:
+                    _a.sent();
+                    expect(popover).not.toBeInTheDocument();
+                    return [2 /*return*/];
+            }
         });
-        it('should call props.onChange on Chip deletion', function () {
-            var value = ['1', '2', '3'];
-            var onChange = jest.fn();
-            var wrapper = (0, enzyme_1.mount)(react_1.default.createElement(MultipliableSelect_1.MultipliableSelect, { multiple: true, value: value, onChange: onChange },
-                react_1.default.createElement("div", null)));
-            wrapper.find(ValueChip_1.ValueChip).at(1).prop('onDelete')();
-            expect(onChange).toHaveBeenCalledWith(['1', '3']);
-        });
-    });
+    }); });
 });

package/cjs/NestedAttribute/NestedAttribute.test.js

@@ -10,72 +10,151 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
-var enzyme_1 = require("enzyme");
+var react_2 = require("@testing-library/react");
+var user_event_1 = __importDefault(require("@testing-library/user-event"));
+var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var NestedAttribute_1 = __importDefault(require("./NestedAttribute"));
 var nestedAttrType_test_data_1 = require("./nestedAttrType.test-data");
 var nestedAttrValue_test_data_1 = require("./nestedAttrValue.test-data");
-var ReadOnlyComplexAttribute_1 = require("../ReadOnlyComplexAttribute");
 var HistoryAppearanceContext_1 = require("../contexts/HistoryAppearanceContext");
 var SearchValueContext_1 = require("../contexts/SearchValueContext");
 var MdmModuleContext_1 = require("../contexts/MdmModuleContext");
-var PivotingTooltip_1 = require("../PivotingTooltip");
-var SearchHighlighter_1 = require("../SearchHighlighter");
+var PivotingAttributeContext_1 = require("../contexts/PivotingAttributeContext");
+jest.mock('@reltio/mdm-sdk', function () { return (__assign(__assign({}, jest.requireActual('@reltio/mdm-sdk')), { getFilteredEntities: jest.fn(), getTotals: jest.fn() })); });
 var mdmValues = {
     collaborationPath: 'https://cservice-dev.reltio.com/reltio-collaboration/tst-01',
     uiPath: 'https://localhost:3000/ui/aleant',
-    metadata: {}
-};
-var mdmActions = {
-    openPivotingPerspective: function () { }
+    metadata: {
+        entityTypes: [],
+        relationTypes: [
+            {
+                uri: 'configuration/relationTypes/InternalHCPtoHCP',
+                label: 'HCP to HCP',
+                attributes: [nestedAttrType_test_data_1.nestedAttributeType]
+            }
+        ]
+    }
 };
 var defaultProps = {
     attributeValue: nestedAttrValue_test_data_1.nestedAttributeValue,
     attributeType: nestedAttrType_test_data_1.nestedAttributeType
 };
 var setUp = function (_a) {
-    var _b = _a === void 0 ? {} : _a, _c = _b.props, props = _c === void 0 ? defaultProps : _c, _d = _b.CustomProviders, CustomProviders = _d === void 0 ? react_1.default.Fragment : _d;
-    return (0, enzyme_1.mount)(react_1.default.createElement(CustomProviders, null,
-        react_1.default.createElement(MdmModuleContext_1.MdmModuleProvider, { values: mdmValues, actions: mdmActions },
-            react_1.default.createElement(NestedAttribute_1.default, __assign({}, props)))));
+    var _b = _a === void 0 ? {} : _a, _c = _b.props, props = _c === void 0 ? defaultProps : _c, _d = _b.pivotingAttributeContextValue, pivotingAttributeContextValue = _d === void 0 ? [] : _d, _e = _b.searchValueContextValue, searchValueContextValue = _e === void 0 ? '' : _e, _f = _b.historyDiffContext, historyDiffContext = _f === void 0 ? { appearance: {}, attributes: {}, roles: [], tags: [] } : _f;
+    var user = user_event_1.default.setup();
+    var Providers = function (_a) {
+        var children = _a.children;
+        return (react_1.default.createElement(HistoryAppearanceContext_1.HistoryDiffContext.Provider, { value: historyDiffContext },
+            react_1.default.createElement(PivotingAttributeContext_1.PivotingAttributeContext.Provider, { value: pivotingAttributeContextValue },
+                react_1.default.createElement(SearchValueContext_1.SearchValueContext.Provider, { value: searchValueContextValue },
+                    react_1.default.createElement(MdmModuleContext_1.MdmModuleProvider, { values: mdmValues }, children)))));
+    };
+    return __assign(__assign({}, (0, react_2.render)(react_1.default.createElement(NestedAttribute_1.default, __assign({}, props)), { wrapper: Providers })), { user: user });
 };
-describe('read mode NestedAttribute', function () {
-    var getComplexAttribute = function (component) { return component.find(ReadOnlyComplexAttribute_1.ReadOnlyComplexAttribute); };
-    it('should provide props to ComplexAttribute correctly', function () {
-        var component = setUp();
-        var complexAttribute = getComplexAttribute(component);
-        expect(component.find(PivotingTooltip_1.PivotingTooltip).text()).toBe(nestedAttrValue_test_data_1.nestedAttributeValue.label);
-        expect(complexAttribute.prop('attributeValue')).toBe(nestedAttrValue_test_data_1.nestedAttributeValue);
-        expect(complexAttribute.prop('attributeTypesList')).toBe(nestedAttrType_test_data_1.nestedAttributeType.attributes);
+describe('read mode nested attribute', function () {
+    beforeEach(function () {
+        mdm_sdk_1.getFilteredEntities.mockResolvedValue([]);
+        mdm_sdk_1.getTotals.mockRejectedValue({ total: 0 });
     });
+    it('should render correctly', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var user, nestedAttribute, subNestedAttribute;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    user = setUp().user;
+                    react_2.screen.getByText('Nested 1 Label');
+                    return [4 /*yield*/, user.click(react_2.screen.getByTestId('arrow-expand-button'))];
+                case 1:
+                    _a.sent();
+                    nestedAttribute = react_2.screen.getByTestId('branch-decorator');
+                    (0, react_2.within)(nestedAttribute).getByText('Sub Nested');
+                    (0, react_2.within)(nestedAttribute).getByText('SubNested 1 Label');
+                    return [4 /*yield*/, user.click((0, react_2.within)(nestedAttribute).getByTestId('arrow-expand-button'))];
+                case 2:
+                    _a.sent();
+                    subNestedAttribute = (0, react_2.within)(nestedAttribute).getByTestId('branch-decorator');
+                    (0, react_2.within)(subNestedAttribute).getByText('Sub Sub Nested');
+                    (0, react_2.within)(subNestedAttribute).getByText('SubSubNested 1 Label');
+                    return [4 /*yield*/, user.click((0, react_2.within)(subNestedAttribute).getByTestId('arrow-expand-button'))];
+                case 3:
+                    _a.sent();
+                    (0, react_2.within)(subNestedAttribute).getByText('Attribute Value');
+                    (0, react_2.within)(subNestedAttribute).getByText('12321');
+                    return [2 /*return*/];
+            }
+        });
+    }); });
     it('should provide history className', function () {
         var _a;
-        var appearance = (_a = {},
-            _a[nestedAttrValue_test_data_1.nestedAttributeValue.value.SubNested[0].uri] = 'INSERT_ATTRIBUTE',
-            _a);
-        var Providers = function (_a) {
-            var children = _a.children;
-            return (react_1.default.createElement(HistoryAppearanceContext_1.HistoryDiffContext.Provider, { value: { appearance: appearance } }, children));
-        };
-        var component = setUp({ CustomProviders: Providers });
-        expect(component.find(PivotingTooltip_1.PivotingTooltip).find('.updateAttribute').length).toBeTruthy();
-    });
-    it('should render PivotingTooltip', function () {
-        var component = setUp();
-        expect(component.find(PivotingTooltip_1.PivotingTooltip).length).toEqual(1);
+        var appearance = (_a = {}, _a[nestedAttrValue_test_data_1.nestedAttributeValue.value.SubNested[0].uri] = 'INSERT_ATTRIBUTE', _a);
+        var historyDiffContext = { appearance: appearance, attributes: {}, roles: [], tags: [] };
+        setUp({ historyDiffContext: historyDiffContext });
+        expect(react_2.screen.getByText('Nested 1 Label')).toHaveClass('updateAttribute');
     });
-    it('should render PivotingTooltip with highlights', function () {
-        var highlightedValue = '1';
-        var Providers = function (_a) {
-            var children = _a.children;
-            return (react_1.default.createElement(SearchValueContext_1.SearchValueContext.Provider, { value: highlightedValue }, children));
-        };
-        var component = setUp({ CustomProviders: Providers });
-        expect(component.find(SearchHighlighter_1.SearchHighlighter).prop('text')).toBe('Nested 1 Label');
-        expect(component.find(PivotingTooltip_1.PivotingTooltip).length).toEqual(1);
+    it('should render pivoting tooltip correctly', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var pivotingAttributeContextValue, user, popper;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    pivotingAttributeContextValue = [
+                        { uri: 'configuration/relationTypes/InternalHCPtoHCP/attributes/AdditionalAttributes' }
+                    ];
+                    user = setUp({ pivotingAttributeContextValue: pivotingAttributeContextValue }).user;
+                    return [4 /*yield*/, user.hover(react_2.screen.getByText('Nested 1 Label'))];
+                case 1:
+                    _a.sent();
+                    popper = react_2.screen.getByRole('tooltip');
+                    (0, react_2.within)(popper).getByText('Pivot profiles');
+                    (0, react_2.within)(popper).getByText('0 items');
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it('should render label with highlights', function () {
+        setUp({ searchValueContextValue: 'ted' });
+        var label = react_2.screen.getByTestId('reltio-attribute-complex-label');
+        expect(label).toHaveTextContent('Nested 1 Label');
+        expect((0, react_2.within)(label).getByText('ted')).toHaveClass('highlightedText');
     });
 });

package/cjs/NestedAttributeEditor/NestedAttributeEditor.test.js

@@ -15,56 +15,110 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
-var enzyme_1 = require("enzyme");
+var react_2 = require("@testing-library/react");
 var NestedAttributeEditor_1 = require("./NestedAttributeEditor");
-var EditModeComplexAttribute_1 = require("../EditModeComplexAttribute");
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
+var MdmModuleContext_1 = require("../contexts/MdmModuleContext");
 jest.mock('@reltio/mdm-sdk', function () { return (__assign(__assign({}, jest.requireActual('@reltio/mdm-sdk')), { evaluateDeepEntityLabel: jest.fn(), getLabel: jest.fn() })); });
-describe('NestedAttributeEditor', function () {
-    it('should render EditModeComplexAttribute with specified label and attributes', function () {
-        var props = {
-            attributeType: {
-                type: 'Nested',
-                attributes: [{}, {}]
-            },
-            attributeValue: {}
+var mdmValues = {
+    dependentLookups: { editors: {}, structure: {}, initedTypeUris: [] }
+};
+var setUp = function (props) {
+    var Providers = function (_a) {
+        var children = _a.children;
+        return (react_1.default.createElement(MdmModuleContext_1.MdmModuleProvider, { values: mdmValues }, children));
+    };
+    return (0, react_2.render)(react_1.default.createElement(NestedAttributeEditor_1.NestedAttributeEditor, __assign({}, props)), { wrapper: Providers });
+};
+describe('Nested attribute editor tests', function () {
+    it('should render correctly with attributes', function () {
+        var attributeType = {
+            uri: 'configuration/entityTypes/HCP/attributes/NestedTest',
+            type: 'Nested',
+            name: 'NestedTest',
+            label: 'Nested Test',
+            attributes: [
+                {
+                    uri: 'configuration/entityTypes/HCP/attributes/NestedTest/attributes/FirstName',
+                    type: 'String',
+                    name: 'FirstName',
+                    label: 'First Name'
+                }
+            ]
         };
-        var label = 'Label123';
-        mdm_sdk_1.evaluateDeepEntityLabel.mockReturnValue(label);
-        mdm_sdk_1.getLabel.mockReturnValue(label);
-        var component = (0, enzyme_1.shallow)(react_1.default.createElement(NestedAttributeEditor_1.NestedAttributeEditor, __assign({}, props)));
-        var complex = component.find(EditModeComplexAttribute_1.EditModeComplexAttribute);
-        expect(complex.length).toBe(1);
-        expect(complex.prop('label')).toBe(label);
-        expect(complex.prop('attributeValue')).toBe(props.attributeValue);
-        expect(complex.prop('attributeType')).toBe(props.attributeType);
-        expect(complex.prop('attributeTypesList')).toBe(props.attributeType.attributes);
-    });
-    it('should use analyticsAttributes if there are no attributes in attribute type', function () {
         var props = {
-            attributeType: {
-                type: 'Nested',
-                analyticsAttributes: [{}, {}]
+            mode: mdm_sdk_1.Mode.Editing,
+            expanded: true,
+            metadata: {
+                entityTypes: [{ uri: 'configuration/entityTypes/HCP', label: 'HCP', attributes: [attributeType] }]
+            },
+            onAddAttributes: jest.fn(),
+            onDeleteAttribute: jest.fn(),
+            onChangeAttribute: jest.fn(),
+            additionalControlsRenderer: function () { return null; },
+            attributeValue: {
+                uri: 'entities/rhW31Ms7/attributes/NestedTest/72NsbAsm9',
+                type: 'configuration/entityTypes/HCP/attributes/NestedTest',
+                value: {
+                    FirstName: [
+                        {
+                            uri: 'entities/rhW31Ms7/attributes/NestedTest/72NsbAsm9/FirstName/91NsaK26',
+                            value: 'first name value'
+                        }
+                    ]
+                }
             },
-            attributeValue: {}
+            attributeType: attributeType
         };
-        var component = (0, enzyme_1.shallow)(react_1.default.createElement(NestedAttributeEditor_1.NestedAttributeEditor, __assign({}, props)));
-        var complex = component.find(EditModeComplexAttribute_1.EditModeComplexAttribute);
-        expect(complex.length).toBe(1);
-        expect(complex.prop('attributeTypesList')).toBe(props.attributeType.analyticsAttributes);
-        expect(complex.prop('expanded')).toBeFalsy();
+        setUp(props);
+        react_2.screen.getByText('More attributes');
+        react_2.screen.getByText('First Name');
+        expect(react_2.screen.getByRole('textbox')).toHaveValue('first name value');
     });
-    it('should pass extended prop to ComplexAttribute', function () {
+    it('should render correctly with analytics attributes', function () {
+        var attributeType = {
+            uri: 'configuration/entityTypes/HCP/analyticsAttributes/IQ',
+            type: 'Nested',
+            name: 'IQ',
+            label: 'IQ',
+            analyticsAttributes: [
+                {
+                    uri: 'configuration/entityTypes/HCP/analyticsAttributes/IQ/analyticsAttributes/score',
+                    type: 'Int',
+                    name: 'score',
+                    label: 'IQ Score'
+                }
+            ]
+        };
         var props = {
-            attributeType: {
-                type: 'Nested'
+            mode: mdm_sdk_1.Mode.Editing,
+            expanded: true,
+            metadata: {
+                entityTypes: [
+                    { uri: 'configuration/entityTypes/HCP', label: 'HCP', analyticsAttributes: [attributeType] }
+                ]
+            },
+            onAddAttributes: jest.fn(),
+            onDeleteAttribute: jest.fn(),
+            onChangeAttribute: jest.fn(),
+            additionalControlsRenderer: function () { return null; },
+            attributeValue: {
+                uri: 'entities/rhW31Ms7/analyticsAttributes/IQ/72NsbAsm9',
+                type: 'configuration/entityTypes/HCP/attributes/IQ',
+                value: {
+                    score: [
+                        {
+                            uri: 'entities/rhW31Ms7/attributes/IQ/72NsbAsm9/score/91NsaK26',
+                            value: 100
+                        }
+                    ]
+                }
             },
-            attributeValue: {},
-            expanded: true
+            attributeType: attributeType
         };
-        var component = (0, enzyme_1.shallow)(react_1.default.createElement(NestedAttributeEditor_1.NestedAttributeEditor, __assign({}, props)));
-        var complex = component.find(EditModeComplexAttribute_1.EditModeComplexAttribute);
-        expect(complex.length).toBe(1);
-        expect(complex.prop('expanded')).toBeTruthy();
+        setUp(props);
+        expect(react_2.screen.queryByText('More attributes')).not.toBeInTheDocument();
+        react_2.screen.getByText('IQ Score');
+        react_2.screen.getByText('100');
     });
 });