@reltio/components 1.4.2069 → 1.4.2071

package/MultipliableSelect/MultipliableSelect.test.js

@@ -1,53 +1,117 @@
+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, shallow } from 'enzyme';
-import TextField from '@mui/material/TextField';
+import { render, screen, within } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
 import MenuItem from '@mui/material/MenuItem';
-import { ValueChip } from '../ValueChip';
 import { MultipliableSelect } from './MultipliableSelect';
-describe('MultipliableSelect', function () {
-    describe('single mode', function () {
-        it('should render MUI TextField with string value', function () {
-            var value = '1';
-            var wrapper = mount(React.createElement(MultipliableSelect, { value: value },
-                React.createElement(MenuItem, { value: "1" })));
-            expect(wrapper.find(TextField)).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 = shallow(React.createElement(MultipliableSelect, { onChange: onChange },
-                React.createElement("div", null)));
-            wrapper.find(TextField).simulate('change', { target: { value: value } });
-            expect(onChange).toHaveBeenCalledWith(value);
-        });
-    });
-    describe('multiple mode', function () {
-        it('should render MUI TextField with chip values', function () {
-            var value = ['1', '2', '3'];
-            var wrapper = mount(React.createElement(MultipliableSelect, { multiple: true, value: value },
-                React.createElement("div", null)));
-            expect(wrapper.find(TextField).prop('SelectProps').multiple).toBe(true);
-            expect(wrapper.find(ValueChip)).toHaveLength(value.length);
-            wrapper.find(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 = shallow(React.createElement(MultipliableSelect, { multiple: true, onChange: onChange },
-                React.createElement("div", null)));
-            wrapper.find(TextField).simulate('change', { target: { value: value } });
-            expect(onChange).toHaveBeenCalledWith(value);
+import { getMuiIconByName } from '../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 = userEvent.setup();
+                    onChange = jest.fn();
+                    render(React.createElement(MultipliableSelect, { value: "orange", onChange: onChange },
+                        React.createElement(MenuItem, { value: "orange" }, "Orange"),
+                        React.createElement(MenuItem, { value: "lemon" }, "Lemon")));
+                    return [4 /*yield*/, user.click(screen.getByRole('button', { name: 'orange' }))];
+                case 1:
+                    _a.sent();
+                    popover = screen.getByRole('presentation');
+                    options = 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*/];
+            }
         });
-        it('should call props.onChange on Chip deletion', function () {
-            var value = ['1', '2', '3'];
-            var onChange = jest.fn();
-            var wrapper = mount(React.createElement(MultipliableSelect, { multiple: true, value: value, onChange: onChange },
-                React.createElement("div", null)));
-            wrapper.find(ValueChip).at(1).prop('onDelete')();
-            expect(onChange).toHaveBeenCalledWith(['1', '3']);
+    }); });
+    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 = userEvent.setup();
+                    onChange = jest.fn();
+                    render(React.createElement(MultipliableSelect, { multiple: true, value: ['orange', 'apple'], onChange: onChange },
+                        React.createElement(MenuItem, { value: "orange" }, "Orange"),
+                        React.createElement(MenuItem, { value: "lemon" }, "Lemon"),
+                        React.createElement(MenuItem, { value: "kiwi" }, "Kiwi"),
+                        React.createElement(MenuItem, { value: "apple" }, "Apple"),
+                        React.createElement(MenuItem, { value: "banana" }, "Banana")));
+                    button = screen.getAllByRole('button')[0];
+                    chips = within(button).getAllByRole('button');
+                    expect(chips).toHaveLength(2);
+                    expect(chips[0]).toHaveTextContent('orange');
+                    expect(chips[1]).toHaveTextContent('apple');
+                    return [4 /*yield*/, user.click(getMuiIconByName('Cancel', chips[1]))];
+                case 1:
+                    _a.sent();
+                    expect(onChange).toHaveBeenCalledWith(['orange']);
+                    return [4 /*yield*/, user.click(button)];
+                case 2:
+                    _a.sent();
+                    popover = screen.getByRole('presentation');
+                    options = 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*/];
+            }
         });
-    });
+    }); });
 });

package/NestedAttribute/NestedAttribute.test.js

@@ -9,68 +9,147 @@ 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 { render, screen, within } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
+import { getFilteredEntities, getTotals } from '@reltio/mdm-sdk';
 import NestedAttribute from './NestedAttribute';
 import { nestedAttributeType } from './nestedAttrType.test-data';
 import { nestedAttributeValue } from './nestedAttrValue.test-data';
-import { ReadOnlyComplexAttribute } from '../ReadOnlyComplexAttribute';
 import { HistoryDiffContext } from '../contexts/HistoryAppearanceContext';
 import { SearchValueContext } from '../contexts/SearchValueContext';
 import { MdmModuleProvider } from '../contexts/MdmModuleContext';
-import { PivotingTooltip } from '../PivotingTooltip';
-import { SearchHighlighter } from '../SearchHighlighter';
+import { PivotingAttributeContext } from '../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: [nestedAttributeType]
+            }
+        ]
+    }
 };
 var defaultProps = {
     attributeValue: nestedAttributeValue,
     attributeType: 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.Fragment : _d;
-    return mount(React.createElement(CustomProviders, null,
-        React.createElement(MdmModuleProvider, { values: mdmValues, actions: mdmActions },
-            React.createElement(NestedAttribute, __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 = userEvent.setup();
+    var Providers = function (_a) {
+        var children = _a.children;
+        return (React.createElement(HistoryDiffContext.Provider, { value: historyDiffContext },
+            React.createElement(PivotingAttributeContext.Provider, { value: pivotingAttributeContextValue },
+                React.createElement(SearchValueContext.Provider, { value: searchValueContextValue },
+                    React.createElement(MdmModuleProvider, { values: mdmValues }, children)))));
+    };
+    return __assign(__assign({}, render(React.createElement(NestedAttribute, __assign({}, props)), { wrapper: Providers })), { user: user });
 };
-describe('read mode NestedAttribute', function () {
-    var getComplexAttribute = function (component) { return component.find(ReadOnlyComplexAttribute); };
-    it('should provide props to ComplexAttribute correctly', function () {
-        var component = setUp();
-        var complexAttribute = getComplexAttribute(component);
-        expect(component.find(PivotingTooltip).text()).toBe(nestedAttributeValue.label);
-        expect(complexAttribute.prop('attributeValue')).toBe(nestedAttributeValue);
-        expect(complexAttribute.prop('attributeTypesList')).toBe(nestedAttributeType.attributes);
+describe('read mode nested attribute', function () {
+    beforeEach(function () {
+        getFilteredEntities.mockResolvedValue([]);
+        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;
+                    screen.getByText('Nested 1 Label');
+                    return [4 /*yield*/, user.click(screen.getByTestId('arrow-expand-button'))];
+                case 1:
+                    _a.sent();
+                    nestedAttribute = screen.getByTestId('branch-decorator');
+                    within(nestedAttribute).getByText('Sub Nested');
+                    within(nestedAttribute).getByText('SubNested 1 Label');
+                    return [4 /*yield*/, user.click(within(nestedAttribute).getByTestId('arrow-expand-button'))];
+                case 2:
+                    _a.sent();
+                    subNestedAttribute = within(nestedAttribute).getByTestId('branch-decorator');
+                    within(subNestedAttribute).getByText('Sub Sub Nested');
+                    within(subNestedAttribute).getByText('SubSubNested 1 Label');
+                    return [4 /*yield*/, user.click(within(subNestedAttribute).getByTestId('arrow-expand-button'))];
+                case 3:
+                    _a.sent();
+                    within(subNestedAttribute).getByText('Attribute Value');
+                    within(subNestedAttribute).getByText('12321');
+                    return [2 /*return*/];
+            }
+        });
+    }); });
     it('should provide history className', function () {
         var _a;
-        var appearance = (_a = {},
-            _a[nestedAttributeValue.value.SubNested[0].uri] = 'INSERT_ATTRIBUTE',
-            _a);
-        var Providers = function (_a) {
-            var children = _a.children;
-            return (React.createElement(HistoryDiffContext.Provider, { value: { appearance: appearance } }, children));
-        };
-        var component = setUp({ CustomProviders: Providers });
-        expect(component.find(PivotingTooltip).find('.updateAttribute').length).toBeTruthy();
-    });
-    it('should render PivotingTooltip', function () {
-        var component = setUp();
-        expect(component.find(PivotingTooltip).length).toEqual(1);
+        var appearance = (_a = {}, _a[nestedAttributeValue.value.SubNested[0].uri] = 'INSERT_ATTRIBUTE', _a);
+        var historyDiffContext = { appearance: appearance, attributes: {}, roles: [], tags: [] };
+        setUp({ historyDiffContext: historyDiffContext });
+        expect(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.createElement(SearchValueContext.Provider, { value: highlightedValue }, children));
-        };
-        var component = setUp({ CustomProviders: Providers });
-        expect(component.find(SearchHighlighter).prop('text')).toBe('Nested 1 Label');
-        expect(component.find(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(screen.getByText('Nested 1 Label'))];
+                case 1:
+                    _a.sent();
+                    popper = screen.getByRole('tooltip');
+                    within(popper).getByText('Pivot profiles');
+                    within(popper).getByText('0 items');
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it('should render label with highlights', function () {
+        setUp({ searchValueContextValue: 'ted' });
+        var label = screen.getByTestId('reltio-attribute-complex-label');
+        expect(label).toHaveTextContent('Nested 1 Label');
+        expect(within(label).getByText('ted')).toHaveClass('highlightedText');
     });
 });

package/NestedAttributeEditor/NestedAttributeEditor.test.js

@@ -10,56 +10,110 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import React from 'react';
-import { shallow } from 'enzyme';
+import { render, screen } from '@testing-library/react';
 import { NestedAttributeEditor } from './NestedAttributeEditor';
-import { EditModeComplexAttribute } from '../EditModeComplexAttribute';
-import { evaluateDeepEntityLabel, getLabel } from '@reltio/mdm-sdk';
+import { Mode } from '@reltio/mdm-sdk';
+import { MdmModuleProvider } from '../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.createElement(MdmModuleProvider, { values: mdmValues }, children));
+    };
+    return render(React.createElement(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';
-        evaluateDeepEntityLabel.mockReturnValue(label);
-        getLabel.mockReturnValue(label);
-        var component = shallow(React.createElement(NestedAttributeEditor, __assign({}, props)));
-        var complex = component.find(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: 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 = shallow(React.createElement(NestedAttributeEditor, __assign({}, props)));
-        var complex = component.find(EditModeComplexAttribute);
-        expect(complex.length).toBe(1);
-        expect(complex.prop('attributeTypesList')).toBe(props.attributeType.analyticsAttributes);
-        expect(complex.prop('expanded')).toBeFalsy();
+        setUp(props);
+        screen.getByText('More attributes');
+        screen.getByText('First Name');
+        expect(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: 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 = shallow(React.createElement(NestedAttributeEditor, __assign({}, props)));
-        var complex = component.find(EditModeComplexAttribute);
-        expect(complex.length).toBe(1);
-        expect(complex.prop('expanded')).toBeTruthy();
+        setUp(props);
+        expect(screen.queryByText('More attributes')).not.toBeInTheDocument();
+        screen.getByText('IQ Score');
+        screen.getByText('100');
     });
 });