@reltio/components 1.4.2027 → 1.4.2029

package/cjs/features/workflow/WorkflowTaskCard/components/DataChangeRequestTaskCard/DataChangeRequestTaskCard.spec.js

@@ -46,157 +46,471 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
         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)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
 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 test_utils_1 = require("react-dom/test-utils");
+var react_2 = require("@testing-library/react");
+var user_event_1 = __importDefault(require("@testing-library/user-event"));
+var moment_1 = __importDefault(require("moment"));
+var LocalizationProvider_1 = require("@mui/x-date-pickers/LocalizationProvider");
+var AdapterMoment_1 = require("@mui/x-date-pickers/AdapterMoment");
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
-var GenericWorkflowTaskCard_1 = require("../GenericWorkflowTaskCard");
-var DcrTaskIcon_1 = __importDefault(require("../../../../../icons/DcrTaskIcon"));
-var LineDecorator_1 = require("../../../LineDecorator");
-var AttributesChanges_1 = require("../../../AttributesChanges");
+var MdmModuleContext_1 = require("../../../../../contexts/MdmModuleContext");
 var DataChangeRequestTaskCard_1 = require("./DataChangeRequestTaskCard");
-jest.mock('../GenericWorkflowTaskCard', function () { return ({
-    // eslint-disable-next-line
-    GenericWorkflowTaskCard: function (_a) {
-        var children = _a.children;
-        return react_1.default.createElement("div", null, children);
-    }
-}); });
-jest.mock('../../../AttributesChanges', function () { return ({
-    // eslint-disable-next-line
-    AttributesChanges: function (_a) {
-        var children = _a.children;
-        return react_1.default.createElement("div", null, children);
-    }
-}); });
-jest.mock('@reltio/mdm-sdk', function () { return (__assign(__assign({}, jest.requireActual('@reltio/mdm-sdk')), { getDataChangeRequest: jest.fn() })); });
+jest.mock('@reltio/mdm-sdk', function () { return (__assign(__assign({}, jest.requireActual('@reltio/mdm-sdk')), { getDataChangeRequest: jest.fn(), getEntitiesByUris: jest.fn() })); });
+jest.mock('../../../../../contexts/MdmModuleContext', function () { return (__assign(__assign({}, jest.requireActual('../../../../../contexts/MdmModuleContext')), { useMdmMetadata: jest.fn() })); });
 describe('DataChangeRequestTaskCard tests', function () {
+    var _a, _b;
+    var metadata = {
+        entityTypes: [
+            {
+                uri: 'configuration/entityTypes/Company',
+                label: 'Company',
+                description: 'Company',
+                extendsTypeURI: 'configuration/entityTypes/Organization',
+                attributes: [
+                    {
+                        label: 'Activation Date',
+                        name: 'ActivationDate',
+                        type: 'String',
+                        uri: 'configuration/entityTypes/Company/attributes/ActivationDate'
+                    },
+                    {
+                        label: 'Name',
+                        name: 'Name',
+                        type: 'String',
+                        uri: 'configuration/entityTypes/Company/attributes/Name'
+                    },
+                    {
+                        dependentLookupCode: 'COUNTRY_CD',
+                        label: 'Country Code',
+                        name: 'CountryCode',
+                        type: 'String',
+                        uri: 'configuration/entityTypes/Company/attributes/CountryCode'
+                    },
+                    {
+                        label: 'Address',
+                        name: 'Address',
+                        type: 'Reference',
+                        uri: 'configuration/entityTypes/Company/attributes/Address',
+                        referencedAttributeURIs: ['configuration/entityTypes/Location/attributes/City'],
+                        referencedEntityTypeURI: 'configuration/entityTypes/Location'
+                    },
+                    {
+                        label: 'NestedFirstLevel',
+                        name: 'NestedFirstLevel',
+                        type: 'Nested',
+                        uri: 'configuration/entityTypes/Company/attributes/NestedFirstLevel',
+                        attributes: [
+                            {
+                                label: 'NestedSecondLevel',
+                                name: 'NestedSecondLevel',
+                                type: 'Nested',
+                                uri: 'configuration/entityTypes/Company/attributes/NestedFirstLevel/attributes/NestedSecondLevel',
+                                attributes: [
+                                    {
+                                        label: 'FifthLevelSimple4',
+                                        name: 'FifthLevelSimple4',
+                                        type: 'String',
+                                        uri: 'configuration/entityTypes/Company/attributes/NestedFirstLevel/attributes/NestedSecondLevel/attributes/FifthLevelSimple4'
+                                    },
+                                    {
+                                        label: 'FifthLevelSimple5',
+                                        name: 'FifthLevelSimple5',
+                                        type: 'String',
+                                        uri: 'configuration/entityTypes/Company/attributes/NestedFirstLevel/attributes/NestedSecondLevel/attributes/FifthLevelSimple5'
+                                    }
+                                ]
+                            }
+                        ]
+                    }
+                ],
+                abstract: false
+            },
+            {
+                uri: 'configuration/entityTypes/Location',
+                label: 'Address',
+                attributes: [
+                    {
+                        label: 'City',
+                        name: 'City',
+                        type: 'String',
+                        uri: 'configuration/entityTypes/Location/attributes/City'
+                    }
+                ],
+                abstract: false
+            }
+        ],
+        relationTypes: [
+            {
+                uri: 'configuration/relationTypes/Managed',
+                label: 'Managed',
+                startObject: {
+                    uri: 'configuration/relationTypes/Managed/startObject',
+                    objectTypeURI: 'configuration/entityTypes/Company'
+                },
+                endObject: {
+                    uri: 'configuration/relationTypes/Managed/endObject',
+                    objectTypeURI: 'configuration/entityTypes/Company'
+                },
+                attributes: [],
+                direction: 'directed'
+            }
+        ]
+    };
+    var entityUri = 'entities/00COBWl';
+    var relationUri = 'relations/07VxtSE';
+    var userName = 'eugeny.sokolov';
+    var priorityClass = 'Medium';
+    var displayName = 'DCR Review';
+    var processDefinitionDisplayName = 'Data Change Request Review';
+    var dcrId = '0kCnzFE';
+    var dcrUri = "changeRequests/".concat(dcrId);
+    var dueDate = 1731825314640;
+    var newStartDate = (0, moment_1.default)('11/15/2024', 'MM/DD/YYYY').valueOf();
     var task = {
-        assignee: 'egorshkov',
-        objectURIs: ['changeRequests/123', 'entities/1RdgehCi'],
-        createdBy: 'egorshkov',
-        priorityClass: 'Urgent',
-        taskType: 'deleteReview',
-        createTime: 1642148700046,
-        dueDate: 1642878000000,
-        taskId: '29931552',
-        displayName: 'Delete Review',
-        processDefinitionDisplayName: 'Recommend for Delete'
+        assignee: userName,
+        processInstanceId: '60260030',
+        processType: 'dataChangeRequestReview',
+        objectURIs: [dcrUri, entityUri, relationUri],
+        suspended: false,
+        createdBy: userName,
+        priorityClass: priorityClass,
+        taskType: 'dcrReview',
+        createTime: 1731652514639,
+        dueDate: dueDate,
+        taskId: '60260042',
+        displayName: displayName,
+        processDefinitionDisplayName: processDefinitionDisplayName
+    };
+    var entityLabel = 'EntityLabel';
+    var relationEntityLabel = 'RelationEntityLabel';
+    var refEntityLabel = 'RefEntityLabel';
+    var oldNameValue = 'oldNameValue';
+    var newNameValue = 'newNameValue';
+    var dcr = {
+        uri: 'changeRequests/0kCnzFE',
+        createdBy: userName,
+        createdTime: 1731652509123,
+        updatedBy: userName,
+        updatedTime: 1731652511713,
+        changes: (_a = {},
+            _a[entityUri] = [
+                {
+                    id: '0kCo7lk',
+                    type: mdm_sdk_1.DCRTypes.UPDATE_ATTRIBUTE,
+                    createdTime: 1731652511713,
+                    createdBy: userName,
+                    attributePath: 'Name/xhGw4BJ',
+                    oldValue: {
+                        value: oldNameValue
+                    },
+                    newValue: {
+                        value: newNameValue
+                    },
+                    attributeType: 'configuration/entityTypes/Company/attributes/Name'
+                }
+            ],
+            _a[relationUri] = [
+                {
+                    id: '0kCnuyy',
+                    type: mdm_sdk_1.DCRTypes.UPDATE_START_DATE,
+                    createdTime: 1731652509123,
+                    createdBy: userName,
+                    newValue: [newStartDate]
+                }
+            ],
+            _a),
+        objectsInfo: (_b = {},
+            _b[entityUri] = {
+                type: 'configuration/entityTypes/Company',
+                label: entityLabel
+            },
+            _b[relationUri] = {
+                type: 'configuration/relationTypes/Managed',
+                startObjectUri: 'entities/07AWt2z',
+                startObjectLabel: relationEntityLabel,
+                endObjectUri: entityUri,
+                endObjectLabel: entityLabel
+            },
+            _b['entities/19emZkLd'] = {
+                type: 'configuration/entityTypes/Location',
+                label: refEntityLabel
+            },
+            _b),
+        type: 'configuration/changeRequestTypes/default',
+        state: 'AWAITING_REVIEW'
+    };
+    var entities = [
+        {
+            uri: 'entities/07AWt2z',
+            type: 'configuration/entityTypes/Company',
+            label: relationEntityLabel
+        }
+    ];
+    var setUp = function () {
+        var user = user_event_1.default.setup();
+        var Providers = function (_a) {
+            var children = _a.children;
+            return (react_1.default.createElement(LocalizationProvider_1.LocalizationProvider, { dateAdapter: AdapterMoment_1.AdapterMoment }, children));
+        };
+        return __assign(__assign({}, (0, react_2.render)(react_1.default.createElement(DataChangeRequestTaskCard_1.DataChangeRequestTaskCard, { task: task }), { wrapper: Providers })), { user: user });
     };
-    var resolveGetDataChangeRequest;
     beforeAll(function () {
-        mdm_sdk_1.getDataChangeRequest.mockImplementation(function () {
-            return new Promise(function (resolve) {
-                resolveGetDataChangeRequest = function (dcr) { return resolve(dcr); };
-            });
-        });
+        mdm_sdk_1.getEntitiesByUris.mockResolvedValue(entities);
+    });
+    beforeEach(function () {
+        MdmModuleContext_1.useMdmMetadata.mockReturnValue(metadata);
     });
     afterEach(function () {
         jest.clearAllMocks();
     });
     it('should render main parts', function () { return __awaiter(void 0, void 0, void 0, function () {
-        var dcr, component;
+        var user, changesContainers;
         return __generator(this, function (_a) {
             switch (_a.label) {
                 case 0:
-                    dcr = {
-                        changes: {
-                            'entities/1': []
-                        },
-                        objectsInfo: {
-                            'entities/1': {}
-                        }
-                    };
-                    component = (0, enzyme_1.mount)(react_1.default.createElement(DataChangeRequestTaskCard_1.DataChangeRequestTaskCard, { task: task }));
-                    expect(component.find(GenericWorkflowTaskCard_1.GenericWorkflowTaskCard).length).toBe(1);
-                    expect(component.find(GenericWorkflowTaskCard_1.GenericWorkflowTaskCard).props()).toMatchObject({
-                        task: task,
-                        Icon: DcrTaskIcon_1.default
-                    });
-                    expect(component.find(GenericWorkflowTaskCard_1.GenericWorkflowTaskCard).length).toBe(1);
-                    expect(component.find(LineDecorator_1.LineDecorator).length).toBe(0);
-                    expect(component.find('AttributesChanges').length).toBe(0);
-                    return [4 /*yield*/, (0, test_utils_1.act)(function () { return __awaiter(void 0, void 0, void 0, function () {
-                            return __generator(this, function (_a) {
-                                resolveGetDataChangeRequest(dcr);
-                                return [2 /*return*/];
-                            });
-                        }); })];
+                    mdm_sdk_1.getDataChangeRequest.mockResolvedValue(dcr);
+                    user = setUp().user;
+                    expect(react_2.screen.getByTestId('SvgDcrTaskIcon')).toBeInTheDocument();
+                    expect(react_2.screen.getByText(processDefinitionDisplayName)).toBeInTheDocument();
+                    expect(react_2.screen.getByText((0, moment_1.default)(dueDate).format('MM/DD/YYYY'))).toBeInTheDocument();
+                    expect(react_2.screen.getByText(dcrId)).toBeInTheDocument();
+                    expect(react_2.screen.getByText(userName)).toBeInTheDocument();
+                    expect(react_2.screen.getByText(displayName)).toBeInTheDocument();
+                    return [4 /*yield*/, user.click(react_2.screen.getByTestId('collapse-button'))];
                 case 1:
                     _a.sent();
-                    component.update();
-                    expect(component.find(GenericWorkflowTaskCard_1.GenericWorkflowTaskCard).length).toBe(1);
-                    expect(component.find(LineDecorator_1.LineDecorator).length).toBe(1);
-                    expect(component.find(LineDecorator_1.LineDecorator).prop('last')).toBe(true);
-                    expect(component.find(LineDecorator_1.LineDecorator).find(AttributesChanges_1.AttributesChanges).length).toBe(1);
-                    expect(component.find(LineDecorator_1.LineDecorator).find(AttributesChanges_1.AttributesChanges).props()).toMatchObject({
-                        entityInfo: { uri: 'entities/1' },
-                        relationsInfo: [],
-                        changes: dcr.changes,
-                        objectsInfo: dcr.objectsInfo,
-                        dcrUri: task.objectURIs[0]
-                    });
+                    changesContainers = react_2.screen.getAllByTestId('changes-container');
+                    expect(changesContainers).toHaveLength(2);
+                    expect((0, react_2.within)(changesContainers[0]).getByText('Name')).toBeInTheDocument();
+                    expect((0, react_2.within)(changesContainers[0]).getByText(entityLabel)).toBeInTheDocument();
+                    expect((0, react_2.within)(changesContainers[0]).getByText(new RegExp("^".concat(oldNameValue, ".*").concat(newNameValue, "$")))).toBeInTheDocument();
+                    expect((0, react_2.within)(changesContainers[0]).getByTestId('arrow-right')).toBeInTheDocument();
+                    expect((0, react_2.within)(changesContainers[0]).getByText(mdm_sdk_1.DCROperationTypes.EDITED)).toBeInTheDocument();
+                    expect((0, react_2.within)(changesContainers[1]).getByText(relationEntityLabel)).toBeInTheDocument();
+                    expect((0, react_2.within)(changesContainers[1]).getByText('Relationships')).toBeInTheDocument();
+                    expect((0, react_2.within)(changesContainers[1]).getByText('Managed')).toBeInTheDocument();
+                    expect((0, react_2.within)(changesContainers[1]).getByText(entityLabel)).toBeInTheDocument();
+                    expect((0, react_2.within)(changesContainers[1]).getByText('Start date')).toBeInTheDocument();
+                    expect((0, react_2.within)(changesContainers[1]).getByText((0, moment_1.default)(newStartDate).format('MM/DD/YYYY'))).toBeInTheDocument();
+                    expect((0, react_2.within)(changesContainers[1]).getByText(mdm_sdk_1.DCROperationTypes.ADDED)).toBeInTheDocument();
+                    expect((0, react_2.within)(changesContainers[1]).queryByTestId('arrow-right')).not.toBeInTheDocument();
                     return [2 /*return*/];
             }
         });
     }); });
-    it('should render main parts with several AttributesChanges', function () { return __awaiter(void 0, void 0, void 0, function () {
-        var dcr, component, lineDecorators, attributeChangesPanels;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
+    it('should work correctly with nested attributes', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var nestedAttrName, subNestedAttrName, subSubNestedAttr1, addedNestedValue, changedWithNested, dcrWithNested, user;
+        var _a, _b;
+        return __generator(this, function (_c) {
+            switch (_c.label) {
                 case 0:
-                    dcr = {
-                        changes: {
-                            'entities/1': [{ id: '3K9w4sys', type: 'CREATE_ENTITY' }],
-                            'relations/1': [{ id: '3K9w51VO', type: 'INSERT_ATTRIBUTE' }]
-                        },
-                        objectsInfo: {
-                            'entities/1': {},
-                            'entities/2': {},
-                            'relations/1': { startObjectUri: 'entities/2' }
-                        }
-                    };
-                    component = (0, enzyme_1.mount)(react_1.default.createElement(DataChangeRequestTaskCard_1.DataChangeRequestTaskCard, { task: task }));
-                    expect(component.find(GenericWorkflowTaskCard_1.GenericWorkflowTaskCard).length).toBe(1);
-                    expect(component.find(GenericWorkflowTaskCard_1.GenericWorkflowTaskCard).props()).toMatchObject({
-                        task: task,
-                        Icon: DcrTaskIcon_1.default
-                    });
-                    expect(component.find(GenericWorkflowTaskCard_1.GenericWorkflowTaskCard).length).toBe(1);
-                    expect(component.find(LineDecorator_1.LineDecorator).length).toBe(0);
-                    expect(component.find('AttributesChanges').length).toBe(0);
-                    return [4 /*yield*/, (0, test_utils_1.act)(function () { return __awaiter(void 0, void 0, void 0, function () {
-                            return __generator(this, function (_a) {
-                                resolveGetDataChangeRequest(dcr);
-                                return [2 /*return*/];
-                            });
-                        }); })];
+                    nestedAttrName = 'NestedFirstLevel';
+                    subNestedAttrName = 'NestedSecondLevel';
+                    subSubNestedAttr1 = 'FifthLevelSimple4';
+                    addedNestedValue = 'addedNestedValue';
+                    changedWithNested = (_a = {},
+                        _a[entityUri] = [
+                            {
+                                id: '0kCoGIG',
+                                type: mdm_sdk_1.DCRTypes.INSERT_ATTRIBUTE,
+                                createdTime: 1731652511713,
+                                createdBy: userName,
+                                attributePath: nestedAttrName,
+                                newValue: {
+                                    value: (_b = {},
+                                        _b[subNestedAttrName] = [
+                                            {
+                                                value: {
+                                                    FifthLevelSimple4: [
+                                                        {
+                                                            value: addedNestedValue
+                                                        }
+                                                    ]
+                                                }
+                                            }
+                                        ],
+                                        _b)
+                                },
+                                attributeType: 'configuration/entityTypes/Company/attributes/NestedFirstLevel'
+                            }
+                        ],
+                        _a);
+                    dcrWithNested = __assign(__assign({}, dcr), { changes: changedWithNested });
+                    mdm_sdk_1.getDataChangeRequest.mockResolvedValue(dcrWithNested);
+                    user = setUp().user;
+                    return [4 /*yield*/, user.click(react_2.screen.getByTestId('collapse-button'))];
                 case 1:
-                    _a.sent();
-                    component.update();
-                    expect(component.find(GenericWorkflowTaskCard_1.GenericWorkflowTaskCard).length).toBe(1);
-                    lineDecorators = component.find(LineDecorator_1.LineDecorator);
-                    expect(lineDecorators.length).toBe(2);
-                    expect(lineDecorators.at(0).prop('last')).toBe(false);
-                    expect(lineDecorators.at(1).prop('last')).toBe(true);
-                    attributeChangesPanels = component.find(AttributesChanges_1.AttributesChanges);
-                    expect(attributeChangesPanels.length).toBe(2);
-                    expect(attributeChangesPanels.at(0).props()).toMatchObject({
-                        entityInfo: { uri: 'entities/1' },
-                        relationsInfo: [],
-                        changes: dcr.changes,
-                        objectsInfo: dcr.objectsInfo
-                    });
-                    expect(attributeChangesPanels.at(1).props()).toMatchObject({
-                        entityInfo: { uri: 'entities/2' },
-                        relationsInfo: [{ startObjectUri: 'entities/2' }],
-                        changes: dcr.changes,
-                        objectsInfo: dcr.objectsInfo
-                    });
+                    _c.sent();
+                    expect(react_2.screen.getByText(nestedAttrName)).toBeInTheDocument();
+                    expect(react_2.screen.getByText(subNestedAttrName)).toBeInTheDocument();
+                    expect(react_2.screen.getByText(subSubNestedAttr1)).toBeInTheDocument();
+                    expect(react_2.screen.getByText(mdm_sdk_1.DCROperationTypes.ADDED)).toBeInTheDocument();
+                    expect(react_2.screen.queryByTestId('arrow-right')).not.toBeInTheDocument();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it('should work correctly with reference attributes', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var attributePath, refAttributeName, addedRefValue, changedWithRef, dcrWithRef, user;
+        var _a;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    attributePath = 'Address';
+                    refAttributeName = 'City';
+                    addedRefValue = 'addedRefValue';
+                    changedWithRef = (_a = {},
+                        _a[entityUri] = [
+                            {
+                                id: '0kCoC20',
+                                type: mdm_sdk_1.DCRTypes.INSERT_ATTRIBUTE,
+                                createdTime: 1731652511713,
+                                createdBy: 'eugeny.sokolov',
+                                attributePath: attributePath,
+                                newValue: {
+                                    value: {
+                                        City: [
+                                            {
+                                                value: addedRefValue
+                                            }
+                                        ]
+                                    },
+                                    refEntity: {
+                                        objectURI: 'entities/19emZkLd'
+                                    }
+                                },
+                                attributeType: 'configuration/entityTypes/Company/attributes/Address'
+                            }
+                        ],
+                        _a);
+                    dcrWithRef = __assign(__assign({}, dcr), { changes: changedWithRef });
+                    mdm_sdk_1.getDataChangeRequest.mockResolvedValue(dcrWithRef);
+                    user = setUp().user;
+                    return [4 /*yield*/, user.click(react_2.screen.getByTestId('collapse-button'))];
+                case 1:
+                    _b.sent();
+                    expect(react_2.screen.getByText(attributePath)).toBeInTheDocument();
+                    expect(react_2.screen.getByText(refAttributeName)).toBeInTheDocument();
+                    expect(react_2.screen.getByText(refEntityLabel)).toBeInTheDocument();
+                    expect(react_2.screen.getByText(addedRefValue)).toBeInTheDocument();
+                    expect(react_2.screen.getByText(mdm_sdk_1.DCROperationTypes.ADDED)).toBeInTheDocument();
+                    expect(react_2.screen.queryByTestId('arrow-right')).not.toBeInTheDocument();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it('should render ShowMoreLink if length of merged changes more than 3', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var bigChanges, dcrWithBigChanges, user;
+        var _a;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    bigChanges = (_a = {},
+                        _a[entityUri] = __spreadArray(__spreadArray([], dcr.changes[entityUri], true), [
+                            {
+                                attributePath: 'CountryCode',
+                                attributeType: 'configuration/entityTypes/Company/attributes/CountryCode',
+                                id: '41cb3c0i',
+                                newValue: { value: 'Bahamas', lookupCode: 'BS', lookupRawValue: 'BS', pin: true },
+                                type: mdm_sdk_1.DCRTypes.INSERT_ATTRIBUTE
+                            },
+                            {
+                                attributePath: 'ActivationDate',
+                                attributeType: 'configuration/entityTypes/Company/attributes/ActivationDate',
+                                id: '41cb3t3k',
+                                newValue: { value: '12.10.2011' },
+                                type: mdm_sdk_1.DCRTypes.INSERT_ATTRIBUTE
+                            },
+                            {
+                                attributePath: 'CountryCode/3AqlrpfGa',
+                                attributeType: 'configuration/entityTypes/Company/attributes/CountryCode',
+                                id: '41cb3gGy',
+                                newValue: { value: 'Chile', lookupCode: 'CL', lookupRawValue: 'Chile', pin: true },
+                                oldValue: { value: 'Chile', lookupCode: 'CL', lookupRawValue: 'Chile', pin: true },
+                                type: mdm_sdk_1.DCRTypes.IGNORE_ATTRIBUTE
+                            }
+                        ], false),
+                        _a);
+                    dcrWithBigChanges = __assign(__assign({}, dcr), { changes: bigChanges });
+                    mdm_sdk_1.getDataChangeRequest.mockResolvedValue(dcrWithBigChanges);
+                    user = setUp().user;
+                    return [4 /*yield*/, user.click(react_2.screen.getByTestId('collapse-button'))];
+                case 1:
+                    _b.sent();
+                    expect(react_2.screen.getByText('Country Code')).toBeInTheDocument();
+                    expect(react_2.screen.getByText('Bahamas (BS)')).toBeInTheDocument();
+                    expect(react_2.screen.getByText('Activation Date')).toBeInTheDocument();
+                    expect(react_2.screen.getByText('12.10.2011')).toBeInTheDocument();
+                    expect(react_2.screen.getByText('Name')).toBeInTheDocument();
+                    expect(react_2.screen.queryByText('Chile (CL)')).not.toBeInTheDocument();
+                    return [4 /*yield*/, user.click(react_2.screen.getByText('View 1 more suggestions'))];
+                case 2:
+                    _b.sent();
+                    expect(react_2.screen.getByText('Chile (CL)')).toBeInTheDocument();
+                    return [4 /*yield*/, user.click(react_2.screen.getByText('View less suggestions'))];
+                case 3:
+                    _b.sent();
+                    expect(react_2.screen.queryByText('Chile (CL)')).not.toBeInTheDocument();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it('should create correct link for new entity', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var changesWithNewEntity, dcrWithNewEntity, user, linkElement, href;
+        var _a;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    changesWithNewEntity = (_a = {},
+                        _a[entityUri] = [
+                            {
+                                id: '3aMaA7ds',
+                                type: mdm_sdk_1.DCRTypes.CREATE_ENTITY,
+                                createdBy: 'alan.khugaev',
+                                newValue: {
+                                    uri: 'entities/1WNHTsJw',
+                                    type: 'configuration/entityTypes/HCA',
+                                    attributes: {
+                                        CountryCode: [
+                                            {
+                                                value: 'Germany',
+                                                lookupCode: 'DE',
+                                                lookupRawValue: 'DE'
+                                            }
+                                        ],
+                                        ActivationDate: [
+                                            {
+                                                value: '12.10.2011'
+                                            }
+                                        ]
+                                    },
+                                    isFavorite: false
+                                }
+                            }
+                        ],
+                        _a);
+                    dcrWithNewEntity = __assign(__assign({}, dcr), { changes: changesWithNewEntity });
+                    mdm_sdk_1.getDataChangeRequest.mockResolvedValue(dcrWithNewEntity);
+                    user = setUp().user;
+                    return [4 /*yield*/, user.click(react_2.screen.getByTestId('collapse-button'))];
+                case 1:
+                    _b.sent();
+                    linkElement = react_2.screen.getByRole('link');
+                    href = linkElement.getAttribute('href');
+                    expect(href).toMatch(new RegExp("".concat(dcrUri, "/changes/").concat(entityUri, "$")));
                     return [2 /*return*/];
             }
         });