@reltio/components 1.4.1905 → 1.4.1907

package/esm/CollaborationItem/CollaborationItem.test.js

@@ -10,12 +10,10 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import React from 'react';
-import { shallow } from 'enzyme';
 import { CollaborationObjectTypes } from '@reltio/mdm-sdk';
-import { Comment } from './components/Comment';
-import { RepliedComment } from './components/RepliedComment';
-import { SendMessageArea } from './components/SendMessageArea';
 import CollaborationItem from './CollaborationItem';
+import { render, screen } from '@testing-library/react';
+import { MdmModuleProvider } from '../contexts/MdmModuleContext';
 var createComment = function (hasReplies) {
     if (hasReplies === void 0) { hasReplies = false; }
     var comment = {
@@ -39,12 +37,12 @@ var createComment = function (hasReplies) {
         comment.replies.push({
             selfLink: 'https://cservice-dev.reltio.com/tst-01/sokol/comments/00001lo/replies/000007s',
             replyId: '000007s',
-            createdBy: 'vyacheslav.kovyazin',
+            createdBy: 'other.user',
             createdTime: 1620280061505,
             modifiedTime: 1620280061505,
             deleted: false,
             action: 'none',
-            content: 'abc',
+            content: 'other comment',
             namedUsers: []
         });
     }
@@ -58,37 +56,76 @@ var createProps = function (comment) {
         objectType: CollaborationObjectTypes.ENTITY_ATTRIBUTE
     };
 };
-var setUp = function (props) { return shallow(React.createElement(CollaborationItem, __assign({}, props))); };
 describe('CollaborationItem tests', function () {
+    var entity = {
+        type: 'configuration/entityTypes/HCP',
+        uri: 'entities/02ZRRE9',
+        attributes: {
+            FirstName: [
+                {
+                    type: 'configuration/entityTypes/HCP/attributes/FirstName',
+                    ov: true,
+                    value: 'nameValue',
+                    uri: 'entities/02ZRRE9/attributes/FirstName/15p60Tel'
+                }
+            ]
+        }
+    };
+    var metadata = {
+        entityTypes: [
+            {
+                uri: 'configuration/entityTypes/HCP',
+                attributes: [
+                    {
+                        uri: 'configuration/entityTypes/HCP/attributes/FirstName',
+                        type: 'String',
+                        name: 'FirstName',
+                        label: 'First Name',
+                        access: ['READ', 'CREATE', 'UPDATE', 'INITIATE_CHANGE_REQUEST']
+                    }
+                ]
+            }
+        ]
+    };
+    var actions = {
+        removeAttribute: function () { }
+    };
+    var mdmDefaultValues = {
+        user: {
+            username: 'test.testmail'
+        },
+        entity: entity,
+        metadata: metadata,
+        modifiedEntities: { 'entities/02ZRRE9': entity },
+        dependentLookups: { editors: {}, structure: {}, initedTypeUris: [] }
+    };
+    var setUp = function (props) {
+        var Providers = function (_a) {
+            var children = _a.children;
+            return (React.createElement(MdmModuleProvider, { values: mdmDefaultValues, actions: actions }, children));
+        };
+        return render(React.createElement(CollaborationItem, __assign({}, props)), { wrapper: Providers });
+    };
     it('should render Comment correctly if comment exist', function () {
-        var component = setUp(createProps(createComment()));
-        expect(component.find(Comment)).toHaveLength(1);
-        expect(component.find(Comment).prop('uri')).toEqual('entities/13JKIKAz/attributes/Name/2mlWuqDq5');
+        setUp(createProps(createComment()));
+        expect(screen.queryByText('VK')).toBeInTheDocument();
+        expect(screen.queryByText('vyacheslav.kovyazin')).toBeInTheDocument();
+        expect(screen.queryByText('comment')).toBeInTheDocument();
     });
     it('should not render Comment and RepliedComment if comment do not exist', function () {
-        var component = setUp(createProps());
-        expect(component.find(Comment)).toHaveLength(0);
-        expect(component.find(RepliedComment)).toHaveLength(0);
+        var container = setUp(createProps()).container;
+        expect(container.querySelector('.comment')).not.toBeInTheDocument();
+        expect(container.querySelector('.replies')).not.toBeInTheDocument();
     });
     it('should render SendMessageArea correctly', function () {
-        var component = setUp(createProps(createComment()));
-        expect(component.find(SendMessageArea).prop('uri')).toBe('entities/13JKIKAz/attributes/Name/2mlWuqDq5');
-        expect(component.find(SendMessageArea).prop('objectType')).toBe('entityAttribute');
-        expect(component.find(SendMessageArea).prop('relatedObjectUris')).toEqual(['entities/13JKIKAz']);
-    });
-    it('should not render replied comments correctly if they do not exist', function () {
-        var component = setUp(createProps(createComment(false)));
-        expect(component.find(RepliedComment)).toHaveLength(0);
+        var container = setUp(createProps(createComment())).container;
+        expect(screen.queryByText('TT')).toBeInTheDocument();
+        expect(container.querySelector('.sendMessageArea')).toBeInTheDocument();
     });
     it('should render replied comments correctly if they do exist', function () {
-        var component = setUp(createProps(createComment(true)));
-        expect(component.find(RepliedComment)).toHaveLength(1);
-        expect(component.find(RepliedComment).prop('reply')).toMatchObject({
-            createdTime: 1620280061505,
-            content: 'abc',
-            createdBy: 'vyacheslav.kovyazin',
-            action: 'none',
-            namedUsers: []
-        });
+        setUp(createProps(createComment(true)));
+        expect(screen.queryByText('OU')).toBeInTheDocument();
+        expect(screen.queryByText('other.user')).toBeInTheDocument();
+        expect(screen.queryByText('other comment')).toBeInTheDocument();
     });
 });

package/esm/CollaborationItem/components/Comment/Comment.test.js

@@ -46,234 +46,268 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     }
 };
 import React from 'react';
-import { mount } from 'enzyme';
 import { render, screen } from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
-import { act } from 'react-dom/test-utils';
 import { CollaborationObjectTypes } from '@reltio/mdm-sdk';
-import Link from '@mui/material/Link';
-import { DropDownMenuButton } from '../../../DropDownMenuButton';
 import { CollaborationContext } from '../../../contexts/CollaborationContext';
 import { MdmModuleProvider } from '../../../contexts/MdmModuleContext';
 import { formatDate } from '../../helpers';
-import { Avatar } from '../Avatar';
-import { SendMessageArea } from '../SendMessageArea';
-import { CommentContent } from '../CommentContent';
 import { Comment } from './Comment';
-jest.mock('../CommentTarget', function () { return ({
-    CommentTarget: function () { return null; }
-}); });
-var TIME = 1620280049022;
-var createComment = function (status, createdBy) {
-    if (status === void 0) { status = 'open'; }
-    if (createdBy === void 0) { createdBy = 'vyacheslav.kovyazin'; }
-    return {
-        createdBy: createdBy,
-        createdTime: TIME,
-        status: status,
-        objectId: 'entities/13JKIKAz/attributes/Name/2mlWuqDq5',
-        objectType: CollaborationObjectTypes.ENTITY_ATTRIBUTE,
-        content: 'comment',
-        relatedObjectUris: ['entities/13JKIKAz'],
-        commentId: 'commentId',
-        namedUsers: [],
-        replies: [],
-        modifiedTime: 0,
-        deleted: false,
-        visibility: '',
-        selfLink: '',
-        permanentLink: ''
+describe('Comment tests', function () {
+    var TIME = 1620280049022;
+    var createComment = function (status, createdBy) {
+        if (status === void 0) { status = 'open'; }
+        if (createdBy === void 0) { createdBy = 'vyacheslav.kovyazin'; }
+        return {
+            createdBy: createdBy,
+            createdTime: TIME,
+            status: status,
+            objectId: 'entities/13JKIKAz/attributes/Name/2mlWuqDq5',
+            objectType: CollaborationObjectTypes.ENTITY_ATTRIBUTE,
+            content: 'comment',
+            relatedObjectUris: ['entities/13JKIKAz'],
+            commentId: 'commentId',
+            namedUsers: [],
+            replies: [],
+            modifiedTime: 0,
+            deleted: false,
+            visibility: '',
+            selfLink: '',
+            permanentLink: ''
+        };
     };
-};
-var defaultCurrentComment = createComment();
-var defaultCommentsMap = {
-    uri1: [
-        {
-            commentId: defaultCurrentComment.commentId,
-            status: 'open',
-            replies: 0
+    var defaultCurrentComment = createComment();
+    var defaultCommentsMap = {
+        uri1: [
+            {
+                commentId: defaultCurrentComment.commentId,
+                status: 'open',
+                replies: 0
+            }
+        ]
+    };
+    var defaultUsername = 'vyacheslav.kovyazin';
+    var entity = {
+        type: 'configuration/entityTypes/HCP',
+        uri: 'entities/02ZRRE9',
+        attributes: {
+            FirstName: [
+                {
+                    type: 'configuration/entityTypes/HCP/attributes/FirstName',
+                    ov: true,
+                    value: 'nameValue',
+                    uri: 'entities/02ZRRE9/attributes/FirstName/15p60Tel'
+                }
+            ]
         }
-    ]
-};
-var defaultUsername = 'vyacheslav.kovyazin';
-var defaultMdmValues = {
-    user: {
-        username: defaultUsername
-    }
-};
-var defaultCollaborationContextValue = {
-    commentsMap: defaultCommentsMap,
-    currentComment: defaultCurrentComment,
-    createComment: function () { return Promise.resolve(); },
-    editComment: function () { return Promise.resolve(); },
-    editReply: function () { return Promise.resolve(); },
-    deleteComment: jest.fn(),
-    deleteReply: function () { },
-    createReply: function () { return Promise.resolve(); },
-    reOpenThread: jest.fn(),
-    resolveThread: jest.fn(),
-    getComment: jest.fn(),
-    clearCurrentComment: jest.fn(),
-    sending: false,
-    loading: false,
-    pageToken: '',
-    getComments: function () { return Promise.resolve(); },
-    comments: [],
-    getCommentsCount: function () { return Promise.resolve(); },
-    getCommentState: function () { return ({}); },
-    updateCommentState: jest.fn(),
-    clearCommentState: function () { }
-};
-var defaultProps = {
-    comment: defaultCurrentComment,
-    onReply: jest.fn(),
-    uri: 'entities/13JKIKAz/attributes/Name/2mlWuqDq5',
-    relatedObjectUris: ['entities/13JKIKAz'],
-    objectType: CollaborationObjectTypes.ENTITY_ATTRIBUTE
-};
-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, _e = _b.collaborationContextValue, collaborationContextValue = _e === void 0 ? defaultCollaborationContextValue : _e;
-    return mount(React.createElement(MdmModuleProvider, { values: mdmValues },
-        React.createElement(CollaborationContext.Provider, { value: collaborationContextValue },
-            React.createElement(Comment, __assign({}, props)))));
-};
-var findLastElementByClassName = function (component, className) {
-    var elements = component.find(className);
-    return elements.at(elements.length - 1);
-};
-describe('Comment tests', function () {
-    afterEach(function () {
-        jest.resetAllMocks();
-    });
+    };
+    var metadata = {
+        entityTypes: [
+            {
+                uri: 'configuration/entityTypes/HCP',
+                attributes: [
+                    {
+                        uri: 'configuration/entityTypes/HCP/attributes/FirstName',
+                        type: 'String',
+                        name: 'FirstName',
+                        label: 'First Name',
+                        access: ['READ', 'CREATE', 'UPDATE', 'INITIATE_CHANGE_REQUEST']
+                    }
+                ]
+            }
+        ]
+    };
+    var defaultMdmValues = {
+        user: {
+            username: defaultUsername
+        },
+        entity: entity,
+        metadata: metadata
+    };
+    var defaultCollaborationContextValue = {
+        commentsMap: defaultCommentsMap,
+        currentComment: defaultCurrentComment,
+        createComment: function () { return Promise.resolve(); },
+        editComment: function () { return Promise.resolve(); },
+        editReply: function () { return Promise.resolve(); },
+        deleteComment: jest.fn(),
+        deleteReply: function () { },
+        createReply: function () { return Promise.resolve(); },
+        reOpenThread: jest.fn(),
+        resolveThread: jest.fn(),
+        getComment: jest.fn(),
+        clearCurrentComment: jest.fn(),
+        sending: false,
+        loading: false,
+        pageToken: '',
+        getComments: function () { return Promise.resolve(); },
+        comments: [],
+        getCommentsCount: function () { return Promise.resolve(); },
+        getCommentState: function () { return ({}); },
+        updateCommentState: jest.fn(),
+        clearCommentState: function () { }
+    };
+    var defaultProps = {
+        comment: defaultCurrentComment,
+        onReply: jest.fn(),
+        uri: 'entities/13JKIKAz/attributes/Name/2mlWuqDq5',
+        relatedObjectUris: ['entities/13JKIKAz'],
+        objectType: CollaborationObjectTypes.ENTITY_ATTRIBUTE
+    };
+    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, _e = _b.collaborationContextValue, collaborationContextValue = _e === void 0 ? defaultCollaborationContextValue : _e;
+        var Providers = function (_a) {
+            var children = _a.children;
+            return (React.createElement(MdmModuleProvider, { values: mdmValues },
+                React.createElement(CollaborationContext.Provider, { value: collaborationContextValue }, children)));
+        };
+        var user = userEvent.setup();
+        return __assign({ user: user }, render(React.createElement(Comment, __assign({}, props)), { wrapper: Providers }));
+    };
     it('should render avatar correctly', function () {
-        var component = setUp();
-        expect(component.find(Avatar)).toHaveLength(1);
-        expect(component.find(Avatar).prop('children')).toBe('vyacheslav.kovyazin');
+        setUp();
+        expect(screen.queryByText('VK')).toBeInTheDocument();
     });
     it('should render username correctly', function () {
-        var component = setUp();
-        expect(component.find('.username').length).toBeTruthy();
-        expect(component.find('.username').at(0).text()).toBe('vyacheslav.kovyazin');
+        setUp();
+        expect(screen.queryByText('vyacheslav.kovyazin')).toBeInTheDocument();
     });
     it('should render time correctly', function () {
-        var component = setUp();
-        expect(component.find('.createdAt').length).toBeTruthy();
-        expect(component.find('.createdAt').at(0).text()).toBe(formatDate(TIME));
+        setUp();
+        expect(screen.queryByText(formatDate(TIME))).toBeInTheDocument();
     });
     it('should render CommentContent correctly', function () {
-        var component = setUp();
-        expect(component.find('.message').length).toBeTruthy();
-        expect(component.find('.message').at(0).props()).toMatchObject({
-            comment: {
-                content: 'comment',
-                namedUsers: []
-            }
-        });
+        setUp();
+        expect(screen.queryByText('comment')).toBeInTheDocument();
     });
     it('should render buttons correctly if status is "open"', function () {
-        var component = setUp();
-        var buttons = findLastElementByClassName(component, '.buttons');
-        expect(buttons.children()).toHaveLength(2);
-        expect(buttons.childAt(0).text()).toBe('Reply');
-        expect(buttons.childAt(1).text()).toBe('Resolve');
+        setUp();
+        expect(screen.queryByText('Reply')).toBeInTheDocument();
+        expect(screen.queryByText('Resolve')).toBeInTheDocument();
+        expect(screen.queryByText('Re-open')).not.toBeInTheDocument();
     });
     it('should render buttons correctly if status is "resolved"', function () {
         var props = __assign(__assign({}, defaultProps), { comment: createComment('resolved') });
-        var component = setUp({ props: props });
-        var buttons = findLastElementByClassName(component, '.buttons');
-        expect(buttons.children()).toHaveLength(2);
-        expect(buttons.childAt(0).text()).toBe('Reply');
-        expect(buttons.childAt(1).text()).toBe('Re-open');
+        setUp({ props: props });
+        expect(screen.queryByText('Reply')).toBeInTheDocument();
+        expect(screen.queryByText('Re-open')).toBeInTheDocument();
+        expect(screen.queryByText('Resolve')).not.toBeInTheDocument();
     });
-    it('onReply handler should work correctly', function () {
-        var onReply = defaultProps.onReply;
-        var component = setUp();
-        var buttons = findLastElementByClassName(component, '.buttons');
-        expect(onReply).toHaveBeenCalledTimes(0);
-        act(function () {
-            var onClick = buttons.childAt(0).prop('onClick');
-            onClick();
+    it('onReply handler should work correctly', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var onReply, user;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    onReply = defaultProps.onReply;
+                    user = setUp().user;
+                    expect(onReply).toHaveBeenCalledTimes(0);
+                    return [4 /*yield*/, user.click(screen.getByText('Reply'))];
+                case 1:
+                    _a.sent();
+                    expect(onReply).toHaveBeenCalledTimes(1);
+                    return [2 /*return*/];
+            }
         });
-        expect(onReply).toHaveBeenCalledTimes(1);
-    });
+    }); });
     it('should disable "Resolve" button if sending is "true"', function () {
         var collaborationContextValue = __assign(__assign({}, defaultCollaborationContextValue), { sending: true });
-        var component = setUp({ collaborationContextValue: collaborationContextValue });
-        var resolveBtn = component.find(Link).filterWhere(function (button) { return button.text() === 'Resolve'; });
-        expect(resolveBtn.prop('disabled')).toBe(true);
+        setUp({ collaborationContextValue: collaborationContextValue });
+        expect(screen.getByText('Resolve')).toBeDisabled();
     });
     it('should disable "Re-Open" button if sending is "true"', function () {
         var collaborationContextValue = __assign(__assign({}, defaultCollaborationContextValue), { sending: true });
         var props = __assign(__assign({}, defaultProps), { comment: createComment('resolved') });
-        var component = setUp({ props: props, collaborationContextValue: collaborationContextValue });
-        var resolveBtn = component.find(Link).filterWhere(function (button) { return button.text() === 'Re-open'; });
-        expect(resolveBtn.prop('disabled')).toBe(true);
-    });
-    it('handleResolve handler should work correctly', function () {
-        var resolveThread = defaultCollaborationContextValue.resolveThread;
-        var component = setUp();
-        var resolvedBtn = component.find(Link).filterWhere(function (button) { return button.text() === 'Resolve'; });
-        resolvedBtn.find('button').simulate('click');
-        expect(resolveThread).toHaveBeenCalledWith({
-            commentId: 'commentId',
-            uri: 'entities/13JKIKAz/attributes/Name/2mlWuqDq5'
-        });
+        setUp({ props: props, collaborationContextValue: collaborationContextValue });
+        expect(screen.getByText('Re-open')).toBeDisabled();
     });
-    it('handleReOpen handler should work correctly', function () {
-        var reOpenThread = defaultCollaborationContextValue.reOpenThread;
-        var props = __assign(__assign({}, defaultProps), { comment: createComment('resolved') });
-        var component = setUp({ props: props });
-        var reOpenBtn = component.find(Link).filterWhere(function (button) { return button.text() === 'Re-open'; });
-        reOpenBtn.find('button').simulate('click');
-        expect(reOpenThread).toHaveBeenCalledWith({
-            commentId: 'commentId',
-            uri: 'entities/13JKIKAz/attributes/Name/2mlWuqDq5'
+    it('handleResolve handler should work correctly', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var resolveThread, user;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    resolveThread = defaultCollaborationContextValue.resolveThread;
+                    user = setUp().user;
+                    return [4 /*yield*/, user.click(screen.getByText('Resolve'))];
+                case 1:
+                    _a.sent();
+                    expect(resolveThread).toHaveBeenCalledWith({
+                        commentId: 'commentId',
+                        uri: 'entities/13JKIKAz/attributes/Name/2mlWuqDq5'
+                    });
+                    return [2 /*return*/];
+            }
         });
-    });
-    it('should call updateCommentState with right params when onCancel called', function () {
-        var updateCommentState = defaultCollaborationContextValue.updateCommentState;
-        var getCommentState = function () { return ({ isEditing: true }); };
-        var collaborationContextValue = __assign(__assign({}, defaultCollaborationContextValue), { getCommentState: getCommentState });
-        var component = setUp({ collaborationContextValue: collaborationContextValue });
-        act(function () {
-            var _a;
-            (_a = component.find(SendMessageArea).prop('onCancel')) === null || _a === void 0 ? void 0 : _a();
+    }); });
+    it('handleReOpen handler should work correctly', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var reOpenThread, props, user;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    reOpenThread = defaultCollaborationContextValue.reOpenThread;
+                    props = __assign(__assign({}, defaultProps), { comment: createComment('resolved') });
+                    user = setUp({ props: props }).user;
+                    return [4 /*yield*/, user.click(screen.getByText('Re-open'))];
+                case 1:
+                    _a.sent();
+                    expect(reOpenThread).toHaveBeenCalledWith({
+                        commentId: 'commentId',
+                        uri: 'entities/13JKIKAz/attributes/Name/2mlWuqDq5'
+                    });
+                    return [2 /*return*/];
+            }
         });
-        expect(updateCommentState).toHaveBeenCalledWith(defaultProps.uri, 'comment/commentId', { isEditing: false });
-    });
-    it('should call updateCommentState with right params when updateIsEditingComment called', function () {
-        var updateCommentState = defaultCollaborationContextValue.updateCommentState;
-        var getCommentState = function () { return ({ isEditing: false }); };
-        var collaborationContextValue = __assign(__assign({}, defaultCollaborationContextValue), { getCommentState: getCommentState });
-        var component = setUp({ collaborationContextValue: collaborationContextValue });
-        var menuItems = component.find(DropDownMenuButton).prop('menuItems');
-        var EditButton = menuItems.find(function (_a) {
-            var text = _a.text;
-            return text === 'Edit';
+    }); });
+    it('should call updateCommentState with right params when onCancel called', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var updateCommentState, getCommentState, collaborationContextValue, user;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    updateCommentState = defaultCollaborationContextValue.updateCommentState;
+                    getCommentState = function () { return ({ isEditing: true }); };
+                    collaborationContextValue = __assign(__assign({}, defaultCollaborationContextValue), { getCommentState: getCommentState });
+                    user = setUp({ collaborationContextValue: collaborationContextValue }).user;
+                    return [4 /*yield*/, user.click(screen.getByText('Cancel'))];
+                case 1:
+                    _a.sent();
+                    expect(updateCommentState).toHaveBeenCalledWith(defaultProps.uri, 'comment/commentId', { isEditing: false });
+                    return [2 /*return*/];
+            }
         });
-        act(function () {
-            EditButton === null || EditButton === void 0 ? void 0 : EditButton.onClick();
+    }); });
+    it('should call updateCommentState with right params when updateIsEditingComment called', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var updateCommentState, getCommentState, collaborationContextValue, user;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    updateCommentState = defaultCollaborationContextValue.updateCommentState;
+                    getCommentState = function () { return ({ isEditing: false }); };
+                    collaborationContextValue = __assign(__assign({}, defaultCollaborationContextValue), { getCommentState: getCommentState });
+                    user = setUp({ collaborationContextValue: collaborationContextValue }).user;
+                    return [4 /*yield*/, user.click(screen.getByLabelText('Open menu'))];
+                case 1:
+                    _a.sent();
+                    return [4 /*yield*/, user.click(screen.getByText('Edit'))];
+                case 2:
+                    _a.sent();
+                    expect(updateCommentState).toHaveBeenCalledWith(defaultProps.uri, 'comment/commentId', { isEditing: true });
+                    return [2 /*return*/];
+            }
         });
-        expect(updateCommentState).toHaveBeenCalledWith(defaultProps.uri, 'comment/commentId', { isEditing: true });
-    });
+    }); });
     it('should render sendMessageArea insead of comment if isEditing equals true', function () {
         var getCommentState = function () { return ({ isEditing: true }); };
         var collaborationContextValue = __assign(__assign({}, defaultCollaborationContextValue), { getCommentState: getCommentState });
-        var component = setUp({ collaborationContextValue: collaborationContextValue });
-        expect(component.find(CommentContent)).toHaveLength(0);
-        var sendMessageArea = component.find(SendMessageArea);
-        expect(sendMessageArea).toHaveLength(1);
-        var inputRef = sendMessageArea.prop('inputRef');
-        expect(inputRef.current.value).toEqual('comment');
+        setUp({ collaborationContextValue: collaborationContextValue });
+        expect(screen.getByRole('textbox')).toHaveValue('comment');
     });
     it('should render DropDownMenuButton if comment created by current user', function () {
-        var component = setUp();
-        expect(component.find(DropDownMenuButton)).toHaveLength(1);
+        setUp();
+        expect(screen.queryByLabelText('Open menu')).toBeInTheDocument();
     });
     it('should not render DropDownMenuButton if comment created by another user', function () {
         var props = __assign(__assign({}, defaultProps), { comment: createComment('open', 'alexey.smirnov') });
-        var component = setUp({ props: props });
-        expect(component.find(DropDownMenuButton)).toHaveLength(0);
+        setUp({ props: props });
+        expect(screen.queryByLabelText('Open menu')).not.toBeInTheDocument();
     });
     it('should hide Edit button in DropDownMenuButton if comment is resolved', function () { return __awaiter(void 0, void 0, void 0, function () {
         var props, user;
@@ -281,9 +315,7 @@ describe('Comment tests', function () {
             switch (_a.label) {
                 case 0:
                     props = __assign(__assign({}, defaultProps), { comment: createComment('resolved') });
-                    user = userEvent.setup();
-                    render(React.createElement(MdmModuleProvider, { values: defaultMdmValues },
-                        React.createElement(Comment, __assign({}, props))));
+                    user = setUp({ props: props }).user;
                     return [4 /*yield*/, user.click(screen.getByLabelText('Open menu'))];
                 case 1:
                     _a.sent();