@reltio/components 1.4.1997 → 1.4.1998

package/cjs/features/activity-log/ActivitiesFactory/components/SimpleActivity/SimpleActivity.js

@@ -16,8 +16,8 @@ var SimpleActivity = function (_a) {
     var styles = (0, styles_1.useStyles)();
     var description = (0, mdm_sdk_1.parseJSON)(data.description);
     var itemsTotal = data.itemsTotal;
-    return (react_1.default.createElement(ActivityTitle_1.ActivityTitle, { type: type },
+    return (react_1.default.createElement(ActivityTitle_1.ActivityTitle, { type: type, "data-reltio-id": "simple-activity" },
         description && (react_1.default.createElement(EntityUriLink_1.EntityUriLink, { className: styles.link, value: description.uri }, (0, mdm_sdk_1.getLabel)(description.label))),
-        itemsTotal > 1 && react_1.default.createElement(ObjectLabel_1.ObjectLabel, { label: ui_i18n_1.default.text('(${itemsTotal} records)', { itemsTotal: itemsTotal }) })));
+        itemsTotal > 1 && (react_1.default.createElement(ObjectLabel_1.ObjectLabel, { "data-reltio-id": "simple-activity-items-total", label: ui_i18n_1.default.text('(${itemsTotal} records)', { itemsTotal: itemsTotal }) }))));
 };
 exports.SimpleActivity = SimpleActivity;

package/cjs/features/activity-log/ActivitiesFactory/components/SimpleActivity/SimpleActivity.test.js

@@ -15,36 +15,52 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
-var enzyme_1 = require("enzyme");
-var SimpleActivity_1 = require("./SimpleActivity");
+var react_2 = require("@testing-library/react");
+var MdmModuleContext_1 = require("../../../../../contexts/MdmModuleContext");
 var types_1 = require("../../../types");
-describe('SimpleActivity tests', function () {
-    var data = {
-        uri: 'activities/de19-08e1-b220b95c',
-        user: 'polina.arsenteva',
-        label: 'USER_LOGIN',
-        description: 'User polina.arsenteva was logged in',
-        timestamp: 1622625987531,
-        items: [
-            {
-                id: '3Gme7xNf',
-                user: 'polina.arsenteva',
-                method: 'POST',
-                url: '/reltio/api/alenat/activities',
-                clientType: 'Reltio UI',
-                timestamp: 1622625987531
-            }
-        ],
-        itemsTotal: 1
+var SimpleActivity_1 = require("./SimpleActivity");
+var defaultMdmValues = {
+    uiPath: 'https://reltio.com/nui'
+};
+var setUp = function (_a) {
+    var props = _a.props, _b = _a.mdmValues, mdmValues = _b === void 0 ? defaultMdmValues : _b;
+    var Providers = function (_a) {
+        var children = _a.children;
+        return (react_1.default.createElement(MdmModuleContext_1.MdmModuleProvider, { values: mdmValues }, children));
     };
-    var description = '{"uri":"entities/k5nO0xA","label":"test"}';
+    return (0, react_2.render)(react_1.default.createElement(SimpleActivity_1.SimpleActivity, __assign({}, props)), { wrapper: Providers });
+};
+describe('Simple activity tests', function () {
     it('should render correctly', function () {
-        var wrapper = (0, enzyme_1.shallow)(react_1.default.createElement(SimpleActivity_1.SimpleActivity, { type: types_1.ActivityTypes.USER_LOGIN, data: data }));
-        expect(wrapper.find('ActivityTitle').prop('type')).toBe(types_1.ActivityTypes.USER_LOGIN);
-        expect(wrapper.find('EntityUriLink').length).toBe(0);
-        wrapper.setProps({ data: __assign(__assign({}, data), { description: description }) });
-        expect(wrapper.find('ActivityTitle').prop('type')).toBe(types_1.ActivityTypes.USER_LOGIN);
-        expect(wrapper.find('EntityUriLink').prop('value')).toBe('entities/k5nO0xA');
-        expect(wrapper.find('EntityUriLink').text()).toBe('test');
+        var props = {
+            type: types_1.ActivityTypes.USER_LOGIN,
+            data: {
+                uri: 'activities/de19-08e1-b220b95c',
+                user: 'polina.arsenteva',
+                label: 'User login',
+                timestamp: 1622625987531,
+                description: '{"uri":"entities/k5nO0xA","label":"test"}',
+                itemsTotal: 2
+            }
+        };
+        setUp({ props: props });
+        react_2.screen.getByText('Logged in');
+        react_2.screen.getByText('(2 records)');
+        expect(react_2.screen.getByText('test')).toHaveAttribute('href', 'https://reltio.com/nui#p~com.reltio.plugins.entity.default.DefaultPerspective_e~entities/k5nO0xA');
+    });
+    it('should render correctly if description is not passed and itemsTotal is 1 or less', function () {
+        var props = {
+            type: types_1.ActivityTypes.USER_LOGIN,
+            data: {
+                uri: 'activities/de19-08e1-b220b95c',
+                user: 'polina.arsenteva',
+                label: 'User login',
+                timestamp: 1622625987531,
+                itemsTotal: 1
+            }
+        };
+        setUp({ props: props });
+        expect(react_2.screen.queryByRole('link')).not.toBeInTheDocument();
+        expect(react_2.screen.queryByTestId('simple-activity-items-total')).not.toBeInTheDocument();
     });
 });

package/cjs/features/activity-log/ActivitiesFactory/components/SynchronizationIssuesActivity/SynchronizationIssuesActivity.js

@@ -17,10 +17,9 @@ var SynchronizationIssuesActivity = function (_a) {
     var description = (0, mdm_sdk_1.parseJSON)(data.description);
     var itemsTotal = data.itemsTotal;
     var objectUri = data.items[0].objectUri;
-    return (react_1.default.createElement(ActivityTitle_1.ActivityTitle, { type: type },
-        react_1.default.createElement(react_1.default.Fragment, null,
-            (0, mdm_sdk_1.isRelationUri)(objectUri) ? (react_1.default.createElement("span", { className: styles.relationUri }, objectUri)) : (react_1.default.createElement(EntityObject_1.EntityObject, { item: data.items[0] })),
-            description && react_1.default.createElement(ObjectLabel_1.ObjectLabel, { label: description.label })),
-        itemsTotal > 1 && react_1.default.createElement(ObjectLabel_1.ObjectLabel, { label: ui_i18n_1.default.text('(${itemsTotal} records)', { itemsTotal: itemsTotal }) })));
+    return (react_1.default.createElement(ActivityTitle_1.ActivityTitle, { type: type, "data-reltio-id": "synchronization-issues-activity" },
+        (0, mdm_sdk_1.isRelationUri)(objectUri) ? (react_1.default.createElement("span", { className: styles.relationUri }, objectUri)) : (react_1.default.createElement(EntityObject_1.EntityObject, { item: data.items[0] })),
+        description && (react_1.default.createElement(ObjectLabel_1.ObjectLabel, { "data-reltio-id": "synchronization-issues-activity-description", label: description.label })),
+        itemsTotal > 1 && (react_1.default.createElement(ObjectLabel_1.ObjectLabel, { "data-reltio-id": "synchronization-issues-activity-items-total", label: ui_i18n_1.default.text('(${itemsTotal} records)', { itemsTotal: itemsTotal }) }))));
 };
 exports.SynchronizationIssuesActivity = SynchronizationIssuesActivity;

package/cjs/features/activity-log/ActivitiesFactory/components/SynchronizationIssuesActivity/SynchronizationIssuesActivity.test.js

@@ -15,56 +15,63 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
-var enzyme_1 = require("enzyme");
-var SynchronizationIssuesActivity_1 = require("./SynchronizationIssuesActivity");
+var react_2 = require("@testing-library/react");
+var MdmModuleContext_1 = require("../../../../../contexts/MdmModuleContext");
 var types_1 = require("../../../types");
-describe('SynchronizationIssuesActivity tests', function () {
-    var data = {
-        uri: 'activities/0dcf97d0-5006-46d6-b82f-07579922e2f6',
-        user: 'sfdc.connector.admin',
-        label: 'SFDC_CONNECTOR_SYNCHRONIZATION_ISSUE',
-        timestamp: 1652374313724,
-        items: [
-            {
-                id: '42uxv5X2',
-                user: 'sfdc.connector.admin',
-                method: 'POST',
-                url: '/reltio/api/HGFYOZboMbwGyFP/activities',
-                clientType: 'SFDC_CONNECTOR',
-                timestamp: 1652374313724,
-                objectUri: 'entities/15T9kNFk',
-                objectType: 'configuration/entityTypes/HCP1',
-                objectLabel: 'Andy Andy'
-            }
-        ],
-        itemsTotal: 1
+var SynchronizationIssuesActivity_1 = require("./SynchronizationIssuesActivity");
+var defaultItem = {
+    id: '42uxv5X2',
+    timestamp: 1652374313724,
+    objectUri: 'entities/15T9kNFk',
+    objectType: 'configuration/entityTypes/HCP',
+    objectLabel: 'Andy Andy'
+};
+var defaultData = {
+    uri: 'activities/0dcf97d0-5006-46d6-b82f-07579922e2f6',
+    user: 'sfdc.connector.admin',
+    label: 'label',
+    timestamp: 1652374313724,
+    items: [defaultItem],
+    itemsTotal: 1
+};
+var defaultProps = {
+    type: types_1.ActivityTypes.SFDC_CONNECTOR_SYNCHRONIZATION_ISSUE,
+    data: defaultData
+};
+var defaultMdmValues = {
+    uiPath: 'https://reltio.com/nui'
+};
+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 Providers = function (_a) {
+        var children = _a.children;
+        return (react_1.default.createElement(MdmModuleContext_1.MdmModuleProvider, { values: mdmValues }, children));
     };
-    var description = '{"label":"test"}';
-    it('should render main parts correctly', function () {
-        var wrapper = (0, enzyme_1.shallow)(react_1.default.createElement(SynchronizationIssuesActivity_1.SynchronizationIssuesActivity, { type: types_1.ActivityTypes.SFDC_CONNECTOR_SYNCHRONIZATION_ISSUE, data: data }));
-        expect(wrapper.find('ActivityTitle').prop('type')).toBe(types_1.ActivityTypes.SFDC_CONNECTOR_SYNCHRONIZATION_ISSUE);
-        wrapper.setProps({ data: __assign(__assign({}, data), { description: description }) });
-        expect(wrapper.find('ActivityTitle').prop('type')).toBe(types_1.ActivityTypes.SFDC_CONNECTOR_SYNCHRONIZATION_ISSUE);
-        expect(wrapper.find('EntityObject').prop('item')).toEqual(data.items[0]);
-        var descriptionDiv = wrapper.find('ObjectLabel');
-        expect(descriptionDiv.length).toBe(1);
-        expect(descriptionDiv.prop('label')).toBe('test');
+    return (0, react_2.render)(react_1.default.createElement(SynchronizationIssuesActivity_1.SynchronizationIssuesActivity, __assign({}, props)), { wrapper: Providers });
+};
+describe('Synchronization issues activity tests', function () {
+    it('should render correctly', function () {
+        setUp();
+        react_2.screen.getByText('SFDC connector synchronization issue');
+        expect(react_2.screen.getByText('Andy Andy')).toHaveAttribute('href', 'https://reltio.com/nui#p~com.reltio.plugins.entity.default.DefaultPerspective_e~entities/15T9kNFk');
+        expect(react_2.screen.queryByTestId('synchronization-issues-activity-description')).not.toBeInTheDocument();
+        expect(react_2.screen.queryByTestId('synchronization-issues-activity-items-total')).not.toBeInTheDocument();
     });
     it('should render relation uri correctly', function () {
-        var items = [
-            {
-                id: '42uxv5X2',
-                user: 'sfdc.connector.admin',
-                timestamp: 1652374313724,
-                objectUri: 'relations/15T9kNFk'
-            }
-        ];
-        var wrapper = (0, enzyme_1.shallow)(react_1.default.createElement(SynchronizationIssuesActivity_1.SynchronizationIssuesActivity, { type: types_1.ActivityTypes.SFDC_CONNECTOR_SYNCHRONIZATION_ISSUE, data: data }));
-        expect(wrapper.find('ActivityTitle').prop('type')).toBe(types_1.ActivityTypes.SFDC_CONNECTOR_SYNCHRONIZATION_ISSUE);
-        wrapper.setProps({ data: __assign(__assign({}, data), { description: description, items: items }) });
-        expect(wrapper.find('ActivityTitle').prop('type')).toBe(types_1.ActivityTypes.SFDC_CONNECTOR_SYNCHRONIZATION_ISSUE);
-        var relationUriSpan = wrapper.find('span');
-        expect(relationUriSpan.length).toBe(1);
-        expect(relationUriSpan.text()).toBe('relations/15T9kNFk');
+        var props = __assign(__assign({}, defaultProps), { data: __assign(__assign({}, defaultData), { items: [
+                    __assign(__assign({}, defaultItem), { objectUri: 'relations/15T9kNFk', objectType: 'configuration/relationTypes/HasAddress' })
+                ] }) });
+        setUp({ props: props });
+        react_2.screen.getByText('relations/15T9kNFk');
+    });
+    it('should render description if it has been passed', function () {
+        var props = __assign(__assign({}, defaultProps), { data: __assign(__assign({}, defaultData), { description: '{"label":"description"}' }) });
+        setUp({ props: props });
+        react_2.screen.getByText('description');
+    });
+    it('should render items total if itemsTotal is greater than 1', function () {
+        var props = __assign(__assign({}, defaultProps), { data: __assign(__assign({}, defaultData), { itemsTotal: 2 }) });
+        setUp({ props: props });
+        react_2.screen.getByText('(2 records)');
     });
 });

package/cjs/features/activity-log/ActivityLog/ActivityLog.test.js

@@ -51,11 +51,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
+var ui_i18n_1 = __importDefault(require("ui-i18n"));
+var jsdom_testing_mocks_1 = require("jsdom-testing-mocks");
 var react_2 = require("@testing-library/react");
 var user_event_1 = __importDefault(require("@testing-library/user-event"));
-var ActivityLog_1 = require("./ActivityLog");
 var MdmModuleContext_1 = require("../../../contexts/MdmModuleContext");
-describe('ActivityLogTests', function () {
+var ActivityLog_1 = require("./ActivityLog");
+describe('Activity log tests', function () {
+    (0, jsdom_testing_mocks_1.mockResizeObserver)();
     var activities = [
         {
             uri: 'activities/de19-08e1-b220b95c',
@@ -117,29 +120,68 @@ describe('ActivityLogTests', function () {
             timestamp: 1663335811251,
             items: [
                 {
-                    id: '7G4iT0Rd',
-                    user: 'vyacheslav.kovyazin',
+                    id: 'Hsj3l43',
+                    user: 'olga.silina',
                     method: 'POST',
                     url: '/reltio/api/alenat/activities',
                     clientType: 'Reltio UI',
                     timestamp: 1663335811251,
+                    objectUri: 'entities/11B3njW5',
+                    objectType: 'configuration/entityTypes/HCP',
+                    objectLabel: 'entity 1',
                     data: {
                         type: 'ENTITIES_MERGED_MANUALLY'
                     }
                 },
                 {
-                    id: '7G4iT0Rd',
-                    user: 'vyacheslav.kovyazin',
+                    id: 'fjS339S',
+                    user: 'olga.silina',
                     method: 'POST',
                     url: '/reltio/api/alenat/activities',
                     clientType: 'Reltio UI',
-                    timestamp: 1663335811251,
+                    timestamp: 1663335812359,
                     data: {
                         type: 'NOT_IMPLEMENTED_ACTIVITY'
                     }
+                },
+                {
+                    id: 'kL23s23',
+                    user: 'olga.silina',
+                    method: 'POST',
+                    url: '/reltio/api/alenat/activities',
+                    clientType: 'Reltio UI',
+                    timestamp: 1663335810156,
+                    objectUri: 'entities/8Nms3KlS',
+                    objectType: 'configuration/entityTypes/HCP',
+                    objectLabel: 'entity 2',
+                    data: {
+                        type: 'ENTITY_LOST_MERGE'
+                    }
+                }
+            ],
+            itemsTotal: 3
+        },
+        {
+            uri: 'activities/ds31343-8602-43d7-9mnb6-2127lc45d4c6',
+            user: 'alexander.kirsanov',
+            timestamp: 1663335811280,
+            items: [
+                {
+                    id: '0Ls3nm8J',
+                    user: 'alexander.kirsanov',
+                    method: 'POST',
+                    url: '/reltio/api/alenat/activities',
+                    clientType: 'Reltio UI',
+                    timestamp: 1663335811280,
+                    objectUri: 'entities/9MswQl71',
+                    objectType: 'configuration/entityTypes/HCP',
+                    objectLabel: 'entity 3',
+                    data: {
+                        type: 'ENTITIES_MERGED_MANUALLY'
+                    }
                 }
             ],
-            itemsTotal: 2
+            itemsTotal: 1
         }
     ];
     var defaultProps = {
@@ -163,19 +205,39 @@ describe('ActivityLogTests', function () {
         };
         return __assign({ user: user }, (0, react_2.render)(react_1.default.createElement(ActivityLog_1.ActivityLog, __assign({}, defaultProps, props)), { wrapper: Providers }));
     };
-    it('should render correctly', function () {
+    beforeEach(function () {
         jest.spyOn(console, 'warn').mockReturnValue();
+        jest.spyOn(Date, 'now').mockReturnValue(1622625987531);
+    });
+    afterEach(function () {
+        jest.resetAllMocks();
+    });
+    it('should render correctly', function () {
         setUp();
         var activityItems = react_2.screen.getAllByTestId('activity-log-item');
-        expect(activityItems).toHaveLength(3);
-        expect((0, react_2.within)(activityItems[0]).getByText(activities[0].user)).toBeInTheDocument();
-        expect((0, react_2.within)(activityItems[0]).getByText('Logged in')).toBeInTheDocument();
-        expect((0, react_2.within)(activityItems[1]).getByText(activities[1].user)).toBeInTheDocument();
-        expect((0, react_2.within)(activityItems[1]).getByText('Searched')).toBeInTheDocument();
-        expect((0, react_2.within)(activityItems[1]).getByText('Commenter exists')).toBeInTheDocument();
-        expect((0, react_2.within)(activityItems[2]).getByText(activities[3].user)).toBeInTheDocument();
-        expect((0, react_2.within)(activityItems[2]).getByText('Profile merged manually')).toBeInTheDocument();
-        expect((0, react_2.within)(activityItems[2]).getByText('<No label>')).toBeInTheDocument();
+        var activityGroupItems = react_2.screen.getAllByTestId('activity-log-group-item');
+        expect(activityItems).toHaveLength(4);
+        expect(activityGroupItems).toHaveLength(3);
+        (0, react_2.within)(activityGroupItems[0]).getByText('Today');
+        (0, react_2.within)(activityItems[0]).getByText(activities[0].user);
+        (0, react_2.within)(activityItems[0]).getByText(ui_i18n_1.default.date(activities[0].timestamp, 'LT'));
+        (0, react_2.within)(activityItems[0]).getByText('Logged in');
+        (0, react_2.within)(activityGroupItems[1]).getByText(ui_i18n_1.default.date(activities[1].timestamp, 'LL'));
+        (0, react_2.within)(activityItems[1]).getByText(activities[1].user);
+        (0, react_2.within)(activityItems[1]).getByText(ui_i18n_1.default.date(activities[1].timestamp, 'LT'));
+        (0, react_2.within)(activityItems[1]).getByText('Searched');
+        (0, react_2.within)(activityItems[1]).getByText('Commenter exists');
+        (0, react_2.within)(activityGroupItems[2]).getByText(ui_i18n_1.default.date(activities[3].timestamp, 'LL'));
+        (0, react_2.within)(activityItems[2]).getByText(activities[3].user);
+        (0, react_2.within)(activityItems[2]).getByText(ui_i18n_1.default.date(activities[3].timestamp, 'LT'));
+        (0, react_2.within)(activityItems[2]).getByText('Profile merged manually');
+        (0, react_2.within)(activityItems[2]).getByText('entity 1');
+        (0, react_2.within)(activityItems[2]).getByText('Profile lost merge');
+        (0, react_2.within)(activityItems[2]).getByText('entity 2');
+        (0, react_2.within)(activityItems[3]).getByText(activities[4].user);
+        (0, react_2.within)(activityItems[3]).getByText(ui_i18n_1.default.date(activities[4].timestamp, 'LT'));
+        (0, react_2.within)(activityItems[3]).getByText('Profile merged manually');
+        (0, react_2.within)(activityItems[3]).getByText('entity 3');
         expect(console.warn).toHaveBeenCalledWith('Activities not implemented:', activities[2].items);
         expect(console.warn).toHaveBeenCalledWith('Activities not implemented:', [activities[3].items[1]]);
     });
@@ -184,18 +246,17 @@ describe('ActivityLogTests', function () {
         return __generator(this, function (_a) {
             switch (_a.label) {
                 case 0:
-                    jest.spyOn(console, 'warn').mockReturnValue();
                     user = setUp().user;
                     react_2.screen.getAllByTestId('collapse-button');
-                    expect(react_2.screen.getAllByTestId('activity-log-item')).toHaveLength(3);
+                    expect(react_2.screen.getAllByTestId('activity-log-item')).toHaveLength(4);
                     return [4 /*yield*/, user.click(react_2.screen.getAllByTestId('collapse-button')[0])];
                 case 1:
                     _a.sent();
-                    expect(react_2.screen.getAllByTestId('activity-log-item')).toHaveLength(2);
+                    expect(react_2.screen.getAllByTestId('activity-log-item')).toHaveLength(3);
                     return [4 /*yield*/, user.click(react_2.screen.getAllByTestId('collapse-button')[0])];
                 case 2:
                     _a.sent();
-                    expect(react_2.screen.getAllByTestId('activity-log-item')).toHaveLength(3);
+                    expect(react_2.screen.getAllByTestId('activity-log-item')).toHaveLength(4);
                     return [2 /*return*/];
             }
         });

package/cjs/features/activity-log/ActivityLog/components/GroupItem/GroupItem.js

@@ -14,7 +14,7 @@ var styles_1 = require("./styles");
 var GroupItem = function (_a) {
     var _b = _a.item, index = _b.index, timestamp = _b.timestamp, collapsed = _b.collapsed, onToggle = _a.onToggle;
     var styles = (0, styles_1.useStyles)();
-    return (react_1.default.createElement("div", { className: styles.groupItem },
+    return (react_1.default.createElement("div", { className: styles.groupItem, "data-reltio-id": "activity-log-group-item" },
         react_1.default.createElement("div", { className: styles.groupIcon }),
         react_1.default.createElement(Typography_1.default, { className: styles.groupTitle, variant: 'subtitle1' }, (0, mdm_sdk_1.isToday)(timestamp) ? ui_i18n_1.default.text('Today') : ui_i18n_1.default.date(timestamp, 'LL')),
         react_1.default.createElement(Spacer_1.Spacer, null),