@reltio/components 1.4.1996 → 1.4.1998

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),