@reltio/components 1.4.2070 → 1.4.2072

package/ReadOnlyAttributesList/ReadOnlyAttributesList.test.js

@@ -9,6 +9,42 @@ 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 __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
         if (ar || !(i in from)) {
@@ -19,95 +55,100 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     return to.concat(ar || Array.prototype.slice.call(from));
 };
 import React from 'react';
-import { shallow } from 'enzyme';
-import ReadOnlyAttributesList from './ReadOnlyAttributesList';
-import { ReadOnlyAttributesPager } from '../ReadOnlyAttributesPager';
+import { render, screen, within } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
 import { EntityAttrTypes } from '@reltio/mdm-sdk';
-import { BranchDecorator } from '../BranchDecorator';
-import { ShowMore } from '../ShowMore';
-import { ShowLess } from '../ShowLess';
+import ReadOnlyAttributesList from './ReadOnlyAttributesList';
 import { attributesList } from './attributes.test-data';
-import { rerenderWrapper } from '../test-utils';
-describe('ReadOnlyAttributesList tests', function () {
-    var attributes = {
+import { MdmModuleProvider } from '../contexts/MdmModuleContext';
+var defaultEntity = {
+    type: 'configuration/entityTypes/HCP',
+    uri: 'entities/xT3HJZ7',
+    attributes: {
         Role: [
             {
                 ov: true,
-                type: 'configuration/relationTypes/knowledge/attributes/Role',
-                uri: 'relations/8908/Role',
-                value: ''
+                type: 'configuration/entityTypes/HCP/attributes/Role',
+                uri: 'entities/xT3HJZ7/attributes/Role/nAs391Ab',
+                value: 'Some role 1'
             },
             {
                 ov: true,
-                type: 'configuration/relationTypes/knowledge/attributes/Role',
-                uri: 'relations/8909/Role',
-                value: 'Some role'
+                type: 'configuration/entityTypes/HCP/attributes/Role',
+                uri: 'entities/xT3HJZ7/attributes/Role/8AmySE1',
+                value: 'Some role 2'
             }
         ],
         Name: [
             {
                 ov: true,
-                type: 'configuration/relationTypes/knowledge/attributes/Name',
-                uri: 'relations/8808/Name',
-                value: ''
+                type: 'configuration/entityTypes/HCP/attributes/Name',
+                uri: 'entities/xT3HJZ7/attributes/Name/8Ans02G',
+                value: 'Some name'
             }
         ],
         LastName: [
             {
                 ov: true,
-                type: 'configuration/relationTypes/knowledge/attributes/LastName',
-                uri: 'relations/7808/LastName',
-                value: ''
+                type: 'configuration/entityTypes/HCP/attributes/LastName',
+                uri: 'entities/xT3HJZ7/attributes/LastName/pZXO45h',
+                value: 'Some last name'
             }
         ],
         paging: {
-            'configuration/relationTypes/knowledge/attributes/Role': {
+            'configuration/entityTypes/HCP/attributes/Role': {
                 totalOvValues: 4,
                 totalValues: 4
             }
         }
+    }
+};
+var defaultMetadata = {
+    entityTypes: [{ uri: 'configuration/entityTypes/HCP', label: 'HCP', attributes: attributesList }]
+};
+var defaultProps = {
+    entity: defaultEntity,
+    attrTypes: attributesList,
+    parentUri: 'entities/xT3HJZ7'
+};
+var defaultMdmValues = {
+    metadata: defaultMetadata,
+    entity: defaultEntity
+};
+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;
+    var user = userEvent.setup();
+    var Providers = function (_a) {
+        var children = _a.children;
+        return (React.createElement(MdmModuleProvider, { values: mdmValues }, children));
     };
-    var entity = { attributes: attributes };
-    var parentUri = 'entities/xT3HJZ7';
+    return __assign(__assign({}, render(React.createElement(ReadOnlyAttributesList, __assign({}, props)), { wrapper: Providers })), { user: user });
+};
+describe('Read only attributes list tests', function () {
     it('should render pagers for not hidden attribute types and for existing attributes', function () {
-        var component = shallow(React.createElement(ReadOnlyAttributesList, { attrTypes: attributesList, entity: entity, parentUri: parentUri }));
-        var pagers = component.find(ReadOnlyAttributesPager);
-        expect(pagers.length).toBe(2);
-        pagers.forEach(function (pager) {
-            expect(pager.prop('attributeType').hidden).toBeFalsy();
-            var shouldHasPaging = pager.prop('attributeType').uri === 'configuration/relationTypes/knowledge/attributes/Role';
-            expect(pager.prop('paging')).toBe(shouldHasPaging ? attributes.paging['configuration/relationTypes/knowledge/attributes/Role'] : undefined);
-        });
+        setUp();
+        var multiLineRenderer = screen.getByTestId('multi-line-renderer');
+        var multiLineRendererLabel = within(multiLineRenderer).getByTestId('reltio-attribute-label');
+        var multiLineRendererValues = within(multiLineRenderer).getAllByTestId('reltio-attribute-value');
+        expect(multiLineRendererLabel).toHaveTextContent('Role');
+        expect(multiLineRendererValues).toHaveLength(2);
+        expect(multiLineRendererValues[0]).toHaveTextContent('Some role 1');
+        expect(multiLineRendererValues[1]).toHaveTextContent('Some role 2');
+        var oneLineRenderer = screen.getByTestId('one-line-renderer');
+        var oneLineRendererLabel = within(oneLineRenderer).getByTestId('reltio-attribute-label');
+        var oneLineRendererValues = within(oneLineRenderer).getAllByTestId('reltio-attribute-value');
+        expect(oneLineRendererLabel).toHaveTextContent('Name');
+        expect(oneLineRendererValues).toHaveLength(1);
+        expect(oneLineRendererValues[0]).toHaveTextContent('Some name');
     });
     it('should render pagers for attributes and analytics attributes with same name', function () {
-        var attributes = {
-            Name: [
-                {
-                    ov: true,
-                    type: 'configuration/relationTypes/knowledge/attributes/Name',
-                    uri: 'relations/8808/Name',
-                    value: 'SimpleName'
-                }
-            ]
-        };
-        var analyticsAttributes = {
-            Name: [
-                {
-                    ov: true,
-                    type: 'configuration/relationTypes/knowledge/analyticsAttributes/Name',
-                    uri: 'relations/8808/Name',
-                    value: 'analyticsName'
-                }
-            ]
-        };
-        var entity = { attributes: attributes, analyticsAttributes: analyticsAttributes };
         var attrTypes = [
             {
                 label: 'Name',
                 name: 'Name',
                 type: 'String',
                 hidden: false,
-                uri: 'configuration/relationTypes/knowledge/attributes/Name',
+                uri: 'configuration/entityTypes/HCP/attributes/Name',
                 access: ['CREATE', 'READ', 'INITIATE_CHANGE_REQUEST', 'UPDATE']
             },
             {
@@ -115,183 +156,185 @@ describe('ReadOnlyAttributesList tests', function () {
                 name: 'Name',
                 type: 'String',
                 hidden: false,
-                uri: 'configuration/relationTypes/knowledge/analyticsAttributes/Name',
+                uri: 'configuration/entityTypes/HCP/analyticsAttributes/Name',
                 access: ['CREATE', 'READ', 'INITIATE_CHANGE_REQUEST', 'UPDATE']
             }
         ];
-        var component = shallow(React.createElement(ReadOnlyAttributesList, { attrTypes: attrTypes, entity: entity }));
-        var pagers = component.find(ReadOnlyAttributesPager);
-        expect(pagers.length).toBe(2);
-        expect(pagers.at(0).prop('attributeType')).toEqual(attrTypes[0]);
-        expect(pagers.at(0).prop('values')).toEqual(attributes.Name);
-        expect(pagers.at(1).prop('attributeType')).toEqual(attrTypes[1]);
-        expect(pagers.at(1).prop('values')).toEqual(analyticsAttributes.Name);
+        var entity = __assign(__assign({}, defaultEntity), { attributes: {
+                Name: [
+                    {
+                        ov: true,
+                        type: 'configuration/entityTypes/HCP/attributes/Name',
+                        uri: 'entities/xT3HJZ7/attributes/Name/8Ans02G',
+                        value: 'Simple Name value'
+                    }
+                ]
+            }, analyticsAttributes: {
+                Name: [
+                    {
+                        ov: true,
+                        type: 'configuration/entityTypes/HCP/analyticsAttributes/Name',
+                        uri: 'entities/xT3HJZ7/analyticsAttributes/Name/Bh20IkX',
+                        value: 'Analytics Name value'
+                    }
+                ]
+            } });
+        var props = __assign(__assign({}, defaultProps), { attrTypes: attrTypes, entity: entity });
+        setUp({ props: props });
+        var oneLineRenderers = screen.getAllByTestId('one-line-renderer');
+        within(oneLineRenderers[0]).getByText('Name');
+        within(oneLineRenderers[0]).getByText('Simple Name value');
+        within(oneLineRenderers[1]).getByText('Analytics Name');
+        within(oneLineRenderers[1]).getByText('Analytics Name value');
     });
     it('should not render pagers for attribute type without READ permission', function () {
         var attrTypes = __spreadArray([], attributesList, true);
         attrTypes[0] = __assign({}, attrTypes[0]);
         attrTypes[0].access = ['DELETE', 'UPDATE'];
-        var component = shallow(React.createElement(ReadOnlyAttributesList, { attrTypes: attrTypes, entity: entity, parentUri: parentUri }));
-        var pager = component.find(ReadOnlyAttributesPager);
-        expect(pager.length).toBe(1);
-        expect(pager.prop('attributeType').hidden).toBeFalsy();
+        var props = __assign(__assign({}, defaultProps), { attrTypes: attrTypes });
+        setUp({ props: props });
+        screen.getByText('Name');
+        expect(screen.queryByText('Role')).not.toBeInTheDocument();
     });
     it('should not render pagers for attributes without ov values', function () {
-        var attrs = __assign(__assign({}, attributes), { Role: [
-                {
-                    //missing 'ov' should be interpreted as ov value
-                    type: 'configuration/relationTypes/knowledge/attributes/Role',
-                    uri: 'relations/8908/Role',
-                    value: ''
-                },
-                {
-                    ov: false,
-                    type: 'configuration/relationTypes/knowledge/attributes/Role',
-                    uri: 'relations/8909/Role',
-                    value: 'Some role'
-                }
-            ], Name: [
-                {
-                    ov: false,
-                    type: 'configuration/relationTypes/knowledge/attributes/Name',
-                    uri: 'relations/8808/Name',
-                    value: ''
-                }
-            ] });
-        var entity = { attributes: attrs };
-        var component = shallow(React.createElement(ReadOnlyAttributesList, { attrTypes: attributesList, entity: entity, parentUri: parentUri }));
-        var pager = component.find(ReadOnlyAttributesPager);
-        expect(pager.length).toBe(1);
-        expect(pager.prop('attributeType').name).toBe('Role');
+        var entity = __assign(__assign({}, defaultEntity), { attributes: __assign(__assign({}, defaultEntity.attributes), { Role: [
+                    {
+                        //missing 'ov' should be interpreted as ov value
+                        type: 'configuration/entityTypes/HCP/attributes/Role',
+                        uri: 'entities/xT3HJZ7/attributes/Role/nAs391Ab',
+                        value: 'Some role 1'
+                    },
+                    {
+                        ov: false,
+                        type: 'configuration/entityTypes/HCP/attributes/Role',
+                        uri: 'entities/xT3HJZ7/attributes/Role/8AmySE1',
+                        value: 'Some role 2'
+                    }
+                ], Name: [
+                    {
+                        ov: false,
+                        type: 'configuration/entityTypes/HCP/attributes/Name',
+                        uri: 'entities/xT3HJZ7/attributes/Name/8Ans02G',
+                        value: 'Some name'
+                    }
+                ] }) });
+        var props = __assign(__assign({}, defaultProps), { entity: entity });
+        setUp({ props: props });
+        expect(screen.getByTestId('reltio-attribute-label')).toHaveTextContent('Role');
+        expect(screen.getByTestId('reltio-attribute-value')).toHaveTextContent('Some role 1');
     });
     it('should render pagers for attributes with ov false if showNonOv is true', function () {
-        var attrs = __assign(__assign({}, attributes), { Name: [
-                {
-                    ov: false,
-                    type: 'configuration/relationTypes/knowledge/attributes/Name',
-                    uri: 'relations/8808/Name',
-                    value: ''
-                }
-            ] });
-        var entity = { attributes: attrs };
-        var component = shallow(React.createElement(ReadOnlyAttributesList, { attrTypes: attributesList, entity: entity, parentUri: parentUri, showNonOv: true }));
-        var pager = component.find(ReadOnlyAttributesPager);
-        expect(pager.length).toBe(2);
+        var entity = __assign(__assign({}, defaultEntity), { attributes: __assign(__assign({}, defaultEntity.attributes), { Name: [
+                    {
+                        ov: false,
+                        type: 'configuration/entityTypes/HCP/attributes/Name',
+                        uri: 'entities/xT3HJZ7/attributes/Name/8Ans02G',
+                        value: 'Some name'
+                    }
+                ] }) });
+        var props = __assign(__assign({}, defaultProps), { entity: entity, showNonOv: true });
+        setUp({ props: props });
+        screen.getByText('Name');
+        screen.getByText('Some name');
     });
     it('should render BranchDecorator for children', function () {
-        var Child = function () { return React.createElement("span", null, "children"); };
-        var component = shallow(React.createElement(ReadOnlyAttributesList, { attrTypes: attributesList, entity: entity, parentUri: parentUri, drawLines: true },
-            React.createElement(Child, null)));
-        var decorators = component.find(BranchDecorator);
-        expect(decorators.length).toBe(1);
-        expect(decorators.at(0).prop('enabled')).toBe(true);
-        expect(decorators.at(0).prop('plain')).toBeFalsy();
-        expect(decorators.at(0).find(Child).length).toBe(1);
-    });
-    it('should render ShowMore and ShowLess', function () {
-        var component = shallow(React.createElement(ReadOnlyAttributesList, { attrTypes: attributesList, entity: entity, parentUri: parentUri, drawLines: true, max: 1 }));
-        var pager = component.find(ReadOnlyAttributesPager);
-        expect(pager.length).toBe(1);
-        var showMoreButton = component.find(ShowMore);
-        var showLessButton = component.find(ShowLess);
-        expect(showMoreButton.length).toBe(1);
-        expect(showLessButton.length).toBe(0);
-        showMoreButton.prop('onClick')();
-        rerenderWrapper(component);
-        pager = component.find(ReadOnlyAttributesPager);
-        expect(pager.length).toBe(2);
-        showLessButton = component.find(ShowLess);
-        showMoreButton = component.find(ShowMore);
-        expect(showLessButton.length).toBe(1);
-        expect(showMoreButton.length).toBe(0);
-        showLessButton.prop('onClick')();
-        rerenderWrapper(component);
-        pager = component.find(ReadOnlyAttributesPager);
-        expect(pager.length).toBe(1);
+        var props = __assign(__assign({}, defaultProps), { drawLines: true, children: React.createElement("span", null, "Children") });
+        setUp({ props: props });
+        var decorator = screen.getAllByTestId('branch-decorator')[0];
+        expect(decorator).toHaveTextContent('Children');
     });
-    it('should not render ShowMore and ShowLess', function () {
-        var component = shallow(React.createElement(ReadOnlyAttributesList, { attrTypes: attributesList, entity: entity, parentUri: parentUri, drawLines: true }));
-        var pager = component.find(ReadOnlyAttributesPager);
-        expect(pager.length).toBe(2);
-        var showMoreButton = component.find(ShowMore);
-        var showLessButton = component.find(ShowLess);
-        expect(showMoreButton.length).toBe(0);
-        expect(showLessButton.length).toBe(0);
+    it('should render show more and show less', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var props, user, labels;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    props = __assign(__assign({}, defaultProps), { max: 1 });
+                    user = setUp({ props: props }).user;
+                    labels = screen.getAllByTestId('reltio-attribute-label');
+                    expect(labels).toHaveLength(1);
+                    expect(labels[0]).toHaveTextContent('Role');
+                    return [4 /*yield*/, user.click(screen.getByText('Show more'))];
+                case 1:
+                    _a.sent();
+                    labels = screen.getAllByTestId('reltio-attribute-label');
+                    expect(labels).toHaveLength(2);
+                    expect(labels[0]).toHaveTextContent('Role');
+                    expect(labels[1]).toHaveTextContent('Name');
+                    return [4 /*yield*/, user.click(screen.getByText('Show less'))];
+                case 2:
+                    _a.sent();
+                    labels = screen.getAllByTestId('reltio-attribute-label');
+                    expect(labels).toHaveLength(1);
+                    expect(labels[0]).toHaveTextContent('Role');
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it('should not render show more and show less', function () {
+        setUp();
+        expect(screen.queryByText('Show more')).not.toBeInTheDocument();
+        expect(screen.queryByText('Show less')).not.toBeInTheDocument();
     });
-    it('should not render ShowMore and ShowLess when total count of items is lower than max', function () {
-        var component = shallow(React.createElement(ReadOnlyAttributesList, { attrTypes: attributesList, entity: entity, parentUri: parentUri, drawLines: true, max: 4 }));
-        var pager = component.find(ReadOnlyAttributesPager);
-        expect(pager.length).toBe(2);
-        var showMoreButton = component.find(ShowMore);
-        var showLessButton = component.find(ShowLess);
-        expect(showMoreButton.length).toBe(0);
-        expect(showLessButton.length).toBe(0);
+    it('should not render show more and show less when total count of items is lower than max', function () {
+        var props = __assign(__assign({}, defaultProps), { max: 4 });
+        setUp({ props: props });
+        expect(screen.queryByText('Show more')).not.toBeInTheDocument();
+        expect(screen.queryByText('Show less')).not.toBeInTheDocument();
     });
-    describe('fixedTypeUris behavior', function () {
+    describe('fixed type uris behavior', function () {
         var attrTypes = __spreadArray(__spreadArray([], attributesList, true), [EntityAttrTypes.roles, EntityAttrTypes.tags], false);
-        var entity = {
-            attributes: attributes,
-            roles: ['configuraion/roles/123'],
-            tags: ['tag1', 'tag2']
+        var metadata = {
+            entityTypes: [__assign(__assign({}, defaultMetadata.entityTypes[0]), { attributes: attrTypes })],
+            roles: [{ uri: 'configuration/roles/Pharmacy', label: 'Pharmacy', description: '' }]
         };
-        it('should render ShowMore/ShowLess buttons and always show roles/tags if they have values', function () {
-            var component = shallow(React.createElement(ReadOnlyAttributesList, { attrTypes: attrTypes, entity: entity, parentUri: parentUri, drawLines: true, max: 1 }));
-            var pagers = component.find(ReadOnlyAttributesPager);
-            expect(pagers.length).toBe(3);
-            expect(pagers.at(0).prop('attributeType')).toEqual(attrTypes[0]);
-            expect(pagers.at(0).prop('values')).toEqual(attributes.Role);
-            expect(pagers.at(1).prop('attributeType')).toEqual(EntityAttrTypes.roles);
-            expect(pagers.at(1).prop('values')).toEqual(entity.roles);
-            expect(pagers.at(2).prop('attributeType')).toEqual(EntityAttrTypes.tags);
-            expect(pagers.at(2).prop('values')).toEqual(entity.tags);
-            var showMoreButton = component.find(ShowMore);
-            var showLessButton = component.find(ShowLess);
-            expect(showMoreButton.length).toBe(1);
-            expect(showLessButton.length).toBe(0);
-            showMoreButton.prop('onClick')();
-            rerenderWrapper(component);
-            pagers = component.find(ReadOnlyAttributesPager);
-            expect(pagers.length).toBe(4);
-            expect(pagers.at(0).prop('attributeType')).toEqual(attrTypes[0]);
-            expect(pagers.at(0).prop('values')).toEqual(attributes.Role);
-            expect(pagers.at(1).prop('attributeType')).toEqual(attrTypes[1]);
-            expect(pagers.at(1).prop('values')).toEqual(attributes.Name);
-            expect(pagers.at(2).prop('attributeType')).toEqual(EntityAttrTypes.roles);
-            expect(pagers.at(2).prop('values')).toEqual(entity.roles);
-            expect(pagers.at(3).prop('attributeType')).toEqual(EntityAttrTypes.tags);
-            expect(pagers.at(3).prop('values')).toEqual(entity.tags);
-            showLessButton = component.find(ShowLess);
-            showMoreButton = component.find(ShowMore);
-            expect(showLessButton.length).toBe(1);
-            expect(showMoreButton.length).toBe(0);
-            showLessButton.prop('onClick')();
-            rerenderWrapper(component);
-            pagers = component.find(ReadOnlyAttributesPager);
-            expect(pagers.length).toBe(3);
-            expect(pagers.at(0).prop('attributeType')).toEqual(attrTypes[0]);
-            expect(pagers.at(0).prop('values')).toEqual(attributes.Role);
-            expect(pagers.at(1).prop('attributeType')).toEqual(EntityAttrTypes.roles);
-            expect(pagers.at(1).prop('values')).toEqual(entity.roles);
-            expect(pagers.at(2).prop('attributeType')).toEqual(EntityAttrTypes.tags);
-            expect(pagers.at(2).prop('values')).toEqual(entity.tags);
-        });
-        it('should not render ShowMore and ShowLess', function () {
-            var component = shallow(React.createElement(ReadOnlyAttributesList, { attrTypes: attrTypes, entity: entity, parentUri: parentUri, drawLines: true }));
-            var pager = component.find(ReadOnlyAttributesPager);
-            expect(pager.length).toBe(4);
-            var showMoreButton = component.find(ShowMore);
-            var showLessButton = component.find(ShowLess);
-            expect(showMoreButton.length).toBe(0);
-            expect(showLessButton.length).toBe(0);
+        var entity = __assign(__assign({}, defaultEntity), { roles: ['configuration/roles/Pharmacy'], tags: ['tag1', 'tag2'] });
+        it('should render show more/show less buttons and always show roles/tags if they have values', function () { return __awaiter(void 0, void 0, void 0, function () {
+            var props, mdmValues, user, labels;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        props = __assign(__assign({}, defaultProps), { attrTypes: attrTypes, entity: entity, max: 1 });
+                        mdmValues = { entity: entity, metadata: metadata };
+                        user = setUp({ props: props, mdmValues: mdmValues }).user;
+                        labels = screen.getAllByTestId('reltio-attribute-label');
+                        expect(labels).toHaveLength(3);
+                        expect(labels[0]).toHaveTextContent('Role');
+                        expect(labels[1]).toHaveTextContent('Roles');
+                        expect(labels[2]).toHaveTextContent('Tags');
+                        return [4 /*yield*/, user.click(screen.getByText('Show more'))];
+                    case 1:
+                        _a.sent();
+                        labels = screen.getAllByTestId('reltio-attribute-label');
+                        expect(labels).toHaveLength(4);
+                        expect(labels[0]).toHaveTextContent('Role');
+                        expect(labels[1]).toHaveTextContent('Name');
+                        expect(labels[2]).toHaveTextContent('Roles');
+                        expect(labels[3]).toHaveTextContent('Tags');
+                        return [4 /*yield*/, user.click(screen.getByText('Show less'))];
+                    case 2:
+                        _a.sent();
+                        labels = screen.getAllByTestId('reltio-attribute-label');
+                        expect(labels).toHaveLength(3);
+                        expect(labels[0]).toHaveTextContent('Role');
+                        expect(labels[1]).toHaveTextContent('Roles');
+                        expect(labels[2]).toHaveTextContent('Tags');
+                        return [2 /*return*/];
+                }
+            });
+        }); });
+        it('should not render show more and show less', function () {
+            var props = __assign(__assign({}, defaultProps), { attrTypes: attrTypes, entity: entity });
+            var mdmValues = { entity: entity, metadata: metadata };
+            setUp({ props: props, mdmValues: mdmValues });
+            expect(screen.queryByText('Show more')).not.toBeInTheDocument();
+            expect(screen.queryByText('Show less')).not.toBeInTheDocument();
         });
-        it('should not render ShowMore and ShowLess when total count of items is lower than max', function () {
-            var component = shallow(React.createElement(ReadOnlyAttributesList, { attrTypes: attrTypes, entity: entity, parentUri: parentUri, drawLines: true, max: 4 }));
-            var pager = component.find(ReadOnlyAttributesPager);
-            expect(pager.length).toBe(4);
-            var showMoreButton = component.find(ShowMore);
-            var showLessButton = component.find(ShowLess);
-            expect(showMoreButton.length).toBe(0);
-            expect(showLessButton.length).toBe(0);
+        it('should not render show more and show less when total count of items is lower than max', function () {
+            var props = __assign(__assign({}, defaultProps), { attrTypes: attrTypes, entity: entity, max: 4 });
+            var mdmValues = { entity: entity, metadata: metadata };
+            setUp({ props: props, mdmValues: mdmValues });
+            expect(screen.queryByText('Show more')).not.toBeInTheDocument();
+            expect(screen.queryByText('Show less')).not.toBeInTheDocument();
         });
     });
 });

package/ReadOnlyAttributesList/attributes.test-data.js

@@ -5,7 +5,7 @@ export var attributesList = [
         type: 'String',
         hidden: false,
         required: false,
-        uri: 'configuration/relationTypes/knowledge/attributes/Role',
+        uri: 'configuration/entityTypes/HCP/attributes/Role',
         lookupCode: 'rdm/lookupTypes/Role_knowledge',
         access: ['CREATE', 'READ', 'INITIATE_CHANGE_REQUEST', 'UPDATE']
     },
@@ -15,7 +15,7 @@ export var attributesList = [
         type: 'String',
         hidden: false,
         required: true,
-        uri: 'configuration/relationTypes/knowledge/attributes/Name',
+        uri: 'configuration/entityTypes/HCP/attributes/Name',
         access: ['CREATE', 'READ', 'INITIATE_CHANGE_REQUEST', 'UPDATE']
     },
     {
@@ -24,14 +24,14 @@ export var attributesList = [
         type: 'String',
         hidden: true,
         required: false,
-        uri: 'configuration/relationTypes/knowledge/attributes/LastName',
+        uri: 'configuration/entityTypes/HCP/attributes/LastName',
         access: ['CREATE', 'READ', 'INITIATE_CHANGE_REQUEST', 'UPDATE']
     },
     {
         name: 'Required',
         type: 'String',
         required: true,
-        uri: 'configuration/relationTypes/knowledge/attributes/Required',
+        uri: 'configuration/entityTypes/HCP/attributes/Required',
         access: ['CREATE', 'READ', 'INITIATE_CHANGE_REQUEST', 'UPDATE']
     }
 ];

package/ReadOnlyAttributesPager/ReadOnlyAttributesPager.js

@@ -20,7 +20,7 @@ import { SpecialRenderer } from './components/SpecialRenderer';
 import { ImageLineRenderer } from './components/ImageLineRenderer';
 import { EmptyRenderer } from './components/EmptyRenderer';
 import { useMdmAction, useMdmMaxValuesInResponse } from '../contexts/MdmModuleContext';
-import { AlwaysVisibleAttributesContext } from '../contexts/AllwaysVisibleAttributesContext';
+import { AlwaysVisibleAttributesContext } from '../contexts/AlwaysVisibleAttributesContext';
 import { useStyles } from './styles';
 var RENDERER_TYPES = {
     oneLine: 'oneLine',