@reltio/components 1.4.1905 → 1.4.1907

package/cjs/CollaborationItem/components/CommentContent/CommentContent.test.js

@@ -10,101 +10,66 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importStar(require("react")), react = react_1;
-var enzyme_1 = require("enzyme");
-var Link_1 = __importDefault(require("@mui/material/Link"));
+var react_1 = __importDefault(require("react"));
 var CommentContent_1 = require("./CommentContent");
-jest.mock('react', function () { return (__assign(__assign({}, jest.requireActual('react')), { useContext: jest.fn().mockImplementation(function (f) { return f(); }) })); });
-var allUsers = [
-    { username: 'vyacheslav.kovyazin', email: 'vyacheslav.kovyazin@reltio.com' },
-    { username: 'user', email: 'user@reltio.com' }
-];
-var createProps = function (text, namedUsers) {
-    if (namedUsers === void 0) { namedUsers = []; }
-    return {
-        comment: {
-            content: text,
-            namedUsers: namedUsers
-        }
+var UsersContext_1 = require("../../../contexts/UsersContext");
+var react_2 = require("@testing-library/react");
+describe('CommentContent test', function () {
+    var createProps = function (text, namedUsers) {
+        if (namedUsers === void 0) { namedUsers = []; }
+        return {
+            comment: {
+                content: text,
+                namedUsers: namedUsers
+            }
+        };
+    };
+    var allUsers = [
+        { username: 'vyacheslav.kovyazin', email: 'vyacheslav.kovyazin@reltio.com' },
+        { username: 'user', email: 'user@reltio.com' }
+    ];
+    var setUp = function (props, usersContext) {
+        if (usersContext === void 0) { usersContext = allUsers; }
+        var Providers = function (_a) {
+            var children = _a.children;
+            return (react_1.default.createElement(UsersContext_1.UsersContext.Provider, { value: usersContext }, children));
+        };
+        return (0, react_2.render)(react_1.default.createElement(CommentContent_1.CommentContent, __assign({}, props)), { wrapper: Providers });
     };
-};
-var setUp = function (props) { return (0, enzyme_1.shallow)(react_1.default.createElement(CommentContent_1.CommentContent, __assign({}, props))); };
-var mockUsersContext = function (users) {
-    if (users === void 0) { users = allUsers; }
-    return jest.spyOn(react, 'useContext').mockImplementation(function () { return users; });
-};
-describe('CommentContent tests', function () {
-    afterEach(function () {
-        jest.resetAllMocks();
-    });
     it('should render comment without mentions correctly', function () {
-        mockUsersContext();
-        var component = setUp(createProps('Hello world!!!'));
-        expect(component.find('.root').text()).toBe('Hello world!!!');
+        setUp(createProps('Hello world!!!'));
+        expect(react_2.screen.queryByText('Hello world!!!')).toBeInTheDocument();
     });
     it('should render comment with one mention correctly', function () {
-        mockUsersContext();
-        var component = setUp(createProps('Hello +vyacheslav.kovyazin', ['vyacheslav.kovyazin']));
-        expect(component.find('.root').childAt(0).text()).toBe('Hello ');
-        expect(component
-            .find('.root')
-            .childAt(1)
-            .matchesElement(react_1.default.createElement(Link_1.default, { href: "mailto:vyacheslav.kovyazin@reltio.com", underline: "hover" }, "+vyacheslav.kovyazin"))).toBe(true);
+        setUp(createProps('Hello +vyacheslav.kovyazin', ['vyacheslav.kovyazin']));
+        var link = react_2.screen.getByRole('link');
+        var textBlock = react_2.screen.getByText('Hello');
+        expect(link).toHaveAttribute('href', 'mailto:vyacheslav.kovyazin@reltio.com');
+        expect(link).toHaveTextContent('+vyacheslav.kovyazin');
+        expect(textBlock.childNodes[1]).toBe(link);
+        expect(textBlock.textContent).toBe('Hello +vyacheslav.kovyazin');
     });
     it('should render comment with one mention in the beginning correctly', function () {
-        mockUsersContext();
-        var component = setUp(createProps('+vyacheslav.kovyazin Hello', ['vyacheslav.kovyazin']));
-        expect(component
-            .find('.root')
-            .childAt(0)
-            .matchesElement(react_1.default.createElement(Link_1.default, { href: "mailto:vyacheslav.kovyazin@reltio.com", underline: "hover" }, "+vyacheslav.kovyazin"))).toBe(true);
-        expect(component.find('.root').childAt(1).text()).toBe(' Hello');
+        setUp(createProps('+vyacheslav.kovyazin Hello', ['vyacheslav.kovyazin']));
+        var link = react_2.screen.getByRole('link');
+        var textBlock = react_2.screen.getByText('Hello');
+        expect(textBlock.childNodes[0]).toBe(link);
+        expect(textBlock.textContent).toBe('+vyacheslav.kovyazin Hello');
     });
     it('should render comment with two mentions correctly', function () {
-        mockUsersContext();
-        var component = setUp(createProps('Hello +vyacheslav.kovyazin and +user!!!', ['vyacheslav.kovyazin', 'user']));
-        expect(component.find('.root').childAt(0).text()).toBe('Hello ');
-        expect(component
-            .find('.root')
-            .childAt(1)
-            .matchesElement(react_1.default.createElement(Link_1.default, { href: "mailto:vyacheslav.kovyazin@reltio.com", underline: "hover" }, "+vyacheslav.kovyazin"))).toBe(true);
-        expect(component.find('.root').childAt(2).text()).toBe(' and ');
-        expect(component
-            .find('.root')
-            .childAt(3)
-            .matchesElement(react_1.default.createElement(Link_1.default, { href: "mailto:user@reltio.com", underline: "hover" }, "+user"))).toBe(true);
-        expect(component.find('.root').childAt(4).text()).toBe('!!!');
+        var container = setUp(createProps('Hello +vyacheslav.kovyazin and +user!!!', ['vyacheslav.kovyazin', 'user'])).container;
+        var links = react_2.screen.getAllByRole('link');
+        var textBlock = container.querySelector('.root');
+        expect(textBlock.childNodes[1]).toBe(links[0]);
+        expect(textBlock.childNodes[3]).toBe(links[1]);
+        expect(textBlock.textContent).toBe('Hello +vyacheslav.kovyazin and +user!!!');
     });
     it('should render comment correctly if users is empty array', function () {
-        mockUsersContext([]);
-        var component = setUp(createProps('Hello +vyacheslav.kovyazin', ['vyacheslav.kovyazin']));
-        expect(component.find('.root').text()).toBe('Hello +vyacheslav.kovyazin');
+        var container = setUp(createProps('Hello +vyacheslav.kovyazin', ['vyacheslav.kovyazin']), []).container;
+        expect(container.querySelector('.root').textContent).toBe('Hello +vyacheslav.kovyazin');
     });
 });

package/cjs/CollaborationItem/components/RepliedComment/RepliedComment.test.js

@@ -10,207 +10,238 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
 var __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 react_2 = require("@testing-library/react");
-var test_utils_1 = require("react-dom/test-utils");
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var MdmModuleContext_1 = require("../../../contexts/MdmModuleContext");
 var CollaborationContext_1 = require("../../../contexts/CollaborationContext");
-var DropDownMenuButton_1 = require("../../../DropDownMenuButton");
 var helpers_1 = require("../../helpers");
-var Avatar_1 = require("../Avatar");
-var SendMessageArea_1 = require("../SendMessageArea");
-var CommentContent_1 = require("../CommentContent");
 var RepliedComment_1 = require("./RepliedComment");
-var TIME = 1620280049022;
-var defaultComment = {
-    createdBy: 'vyacheslav.kovyazin',
-    createdTime: TIME,
-    status: 'open',
-    objectId: 'entities/13JKIKAz/attributes/Name/2mlWuqDq5',
-    objectType: mdm_sdk_1.CollaborationObjectTypes.ENTITY_ATTRIBUTE,
-    content: 'comment',
-    relatedObjectUris: ['entities/13JKIKAz'],
-    commentId: 'commentId',
-    namedUsers: [],
-    replies: [],
-    modifiedTime: 0,
-    deleted: false,
-    visibility: '',
-    selfLink: '',
-    permanentLink: ''
-};
-var defaultReply = {
-    action: 'none',
-    content: 'Some message',
-    createdTime: TIME,
-    createdBy: 'vyacheslav.kovyazin',
-    namedUsers: [],
-    replyId: 'replyId'
-};
-var defaultProps = {
-    reply: defaultReply,
-    uri: 'entities/13JKIKAz/attributes/Name/2mlWuqDq5',
-    comment: defaultComment
-};
-var commentsMap = {
-    uri1: [
-        {
-            commentId: defaultComment.commentId,
-            status: 'open',
-            replies: 0
-        }
-    ]
-};
-var defaultCollaborationContextValue = {
-    commentsMap: commentsMap,
-    currentComment: defaultComment,
-    createComment: function () { return Promise.resolve(); },
-    editComment: function () { return Promise.resolve(); },
-    editReply: function () { return Promise.resolve(); },
-    deleteComment: jest.fn(),
-    deleteReply: jest.fn(),
-    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 mdmValues = {
-    user: {
-        username: 'vyacheslav.kovyazin'
-    }
-};
-var setUp = function (_a) {
-    var _b = _a === void 0 ? {} : _a, _c = _b.props, props = _c === void 0 ? defaultProps : _c, _d = _b.collaborationContextValue, collaborationContextValue = _d === void 0 ? defaultCollaborationContextValue : _d;
-    return (0, enzyme_1.mount)(react_1.default.createElement(MdmModuleContext_1.MdmModuleProvider, { values: mdmValues },
-        react_1.default.createElement(CollaborationContext_1.CollaborationContext.Provider, { value: collaborationContextValue },
-            react_1.default.createElement(RepliedComment_1.RepliedComment, __assign({}, props)))));
-};
+var user_event_1 = __importDefault(require("@testing-library/user-event"));
 describe('RepliedComment tests', function () {
+    var TIME = 1620280049022;
+    var defaultComment = {
+        createdBy: 'vyacheslav.kovyazin',
+        createdTime: TIME,
+        status: 'open',
+        objectId: 'entities/13JKIKAz/attributes/Name/2mlWuqDq5',
+        objectType: mdm_sdk_1.CollaborationObjectTypes.ENTITY_ATTRIBUTE,
+        content: 'comment',
+        relatedObjectUris: ['entities/13JKIKAz'],
+        commentId: 'commentId',
+        namedUsers: [],
+        replies: [],
+        modifiedTime: 0,
+        deleted: false,
+        visibility: '',
+        selfLink: '',
+        permanentLink: ''
+    };
+    var defaultReply = {
+        action: 'none',
+        content: 'Some message',
+        createdTime: TIME,
+        createdBy: 'vyacheslav.kovyazin',
+        namedUsers: [],
+        replyId: 'replyId'
+    };
+    var defaultProps = {
+        reply: defaultReply,
+        uri: 'entities/13JKIKAz/attributes/Name/2mlWuqDq5',
+        comment: defaultComment
+    };
+    var commentsMap = {
+        uri1: [
+            {
+                commentId: defaultComment.commentId,
+                status: 'open',
+                replies: 0
+            }
+        ]
+    };
+    var defaultCollaborationContextValue = {
+        commentsMap: commentsMap,
+        currentComment: defaultComment,
+        createComment: function () { return Promise.resolve(); },
+        editComment: function () { return Promise.resolve(); },
+        editReply: function () { return Promise.resolve(); },
+        deleteComment: jest.fn(),
+        deleteReply: jest.fn(),
+        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 mdmValues = {
+        user: {
+            username: 'vyacheslav.kovyazin'
+        }
+    };
+    var setUp = function (_a) {
+        var _b = _a === void 0 ? {} : _a, _c = _b.props, props = _c === void 0 ? defaultProps : _c, _d = _b.collaborationContextValue, collaborationContextValue = _d === void 0 ? defaultCollaborationContextValue : _d;
+        var Providers = function (_a) {
+            var children = _a.children;
+            return (react_1.default.createElement(MdmModuleContext_1.MdmModuleProvider, { values: mdmValues },
+                react_1.default.createElement(CollaborationContext_1.CollaborationContext.Provider, { value: collaborationContextValue }, children)));
+        };
+        var user = user_event_1.default.setup();
+        return __assign({ user: user }, (0, react_2.render)(react_1.default.createElement(RepliedComment_1.RepliedComment, __assign({}, props)), { wrapper: Providers }));
+    };
     it('should render avatar correctly', function () {
-        var component = setUp();
-        expect(component.find(Avatar_1.Avatar)).toHaveLength(1);
-        expect(component.find(Avatar_1.Avatar).prop('children')).toBe('vyacheslav.kovyazin');
+        setUp();
+        expect(react_2.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(react_2.screen.queryByText('vyacheslav.kovyazin')).toBeInTheDocument();
     });
     it('should render correctly if action is "none"', function () {
-        var component = setUp();
-        expect(component.find('.marked')).toHaveLength(0);
-        expect(component.find('.message').length).toBeTruthy();
-        expect(component.find('.message').at(0).props()).toMatchObject({
-            comment: {
-                content: 'Some message',
-                namedUsers: []
-            }
-        });
+        setUp();
+        expect(react_2.screen.queryByText('Some message')).toBeInTheDocument();
     });
     it('should render correctly if action is "resolve"', function () {
         var props = __assign(__assign({}, defaultProps), { reply: __assign(__assign({}, defaultReply), { action: 'resolve' }) });
-        var component = setUp({ props: props });
-        expect(component.find('.marked').length).toBeTruthy();
-        expect(component.find('.marked').at(0).text()).toBe('Marked as resolved');
-        expect(component.find('.message')).toHaveLength(0);
+        setUp({ props: props });
+        expect(react_2.screen.queryByText('Marked as resolved')).toBeInTheDocument();
+        expect(react_2.screen.queryByText('Some message')).not.toBeInTheDocument();
     });
     it('should render correctly if action is "reopen"', function () {
         var props = __assign(__assign({}, defaultProps), { reply: __assign(__assign({}, defaultReply), { action: 'reopen' }) });
-        var component = setUp({ props: props });
-        expect(component.find('.marked').length).toBeTruthy();
-        expect(component.find('.marked').at(0).text()).toBe('Re-opened');
-        expect(component.find('.message').at(0).props()).toMatchObject({
-            comment: {
-                content: 'Some message',
-                namedUsers: []
-            }
-        });
+        setUp({ props: props });
+        expect(react_2.screen.queryByText('Re-opened')).toBeInTheDocument();
+        expect(react_2.screen.queryByText('Some message')).toBeInTheDocument();
     });
     it('should render time correctly', function () {
-        var component = setUp();
-        expect(component.find('.createdAt').length).toBeTruthy();
-        expect(component.find('.createdAt').at(0).text()).toBe((0, helpers_1.formatDate)(TIME));
+        setUp();
+        expect(react_2.screen.queryByText((0, helpers_1.formatDate)(TIME))).toBeInTheDocument();
     });
-    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 });
-        (0, test_utils_1.act)(function () {
-            var _a;
-            (_a = component.find(SendMessageArea_1.SendMessageArea).prop('onCancel')) === null || _a === void 0 ? void 0 : _a();
-        });
-        expect(updateCommentState).toHaveBeenCalledWith(defaultProps.uri, 'comment/commentId/reply/replyId', {
-            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_1.DropDownMenuButton).prop('menuItems');
-        var EditButton = menuItems.find(function (_a) {
-            var text = _a.text;
-            return text === 'Edit';
-        });
-        (0, test_utils_1.act)(function () {
-            EditButton === null || EditButton === void 0 ? void 0 : EditButton.onClick();
+    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(react_2.screen.getByRole('button', { name: 'Cancel' }))];
+                case 1:
+                    _a.sent();
+                    expect(updateCommentState).toHaveBeenCalledWith(defaultProps.uri, 'comment/commentId/reply/replyId', {
+                        isEditing: false
+                    });
+                    return [2 /*return*/];
+            }
         });
-        expect(updateCommentState).toHaveBeenCalledWith(defaultProps.uri, 'comment/commentId/reply/replyId', {
-            isEditing: true
+    }); });
+    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(react_2.screen.getByRole('button', { name: 'Open menu' }))];
+                case 1:
+                    _a.sent();
+                    return [4 /*yield*/, user.click(react_2.screen.getByRole('menuitem', { name: 'Edit' }))];
+                case 2:
+                    _a.sent();
+                    expect(updateCommentState).toHaveBeenCalledWith(defaultProps.uri, 'comment/commentId/reply/replyId', {
+                        isEditing: true
+                    });
+                    return [2 /*return*/];
+            }
         });
-    });
+    }); });
     it('should render sendMessageArea instead of reply 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_1.CommentContent)).toHaveLength(0);
-        var sendMessageArea = component.find(SendMessageArea_1.SendMessageArea);
-        expect(sendMessageArea).toHaveLength(1);
-        var inputRef = sendMessageArea.prop('inputRef');
-        expect(inputRef.current.value).toEqual('Some message');
+        setUp({ collaborationContextValue: collaborationContextValue });
+        expect(react_2.screen.queryByText('comment')).not.toBeInTheDocument();
+        expect(react_2.screen.getByRole('textbox')).toHaveValue('Some message');
     });
-    it('should call deleteReply after delete btn clicking', function () {
-        var deleteReply = defaultCollaborationContextValue.deleteReply;
-        var component = setUp();
-        var menuItems = component.find(DropDownMenuButton_1.DropDownMenuButton).prop('menuItems');
-        var deleteButton = menuItems.find(function (_a) {
-            var text = _a.text;
-            return text === 'Delete';
-        });
-        if (deleteButton)
-            deleteButton.onClick();
-        expect(deleteReply).toHaveBeenCalledWith({
-            uri: 'entities/13JKIKAz/attributes/Name/2mlWuqDq5',
-            commentId: 'commentId',
-            reply: defaultReply
+    it('should call deleteReply after delete btn clicking', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var deleteReply, user;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    deleteReply = defaultCollaborationContextValue.deleteReply;
+                    user = setUp().user;
+                    return [4 /*yield*/, user.click(react_2.screen.getByRole('button', { name: 'Open menu' }))];
+                case 1:
+                    _a.sent();
+                    return [4 /*yield*/, user.click(react_2.screen.getByRole('menuitem', { name: 'Delete' }))];
+                case 2:
+                    _a.sent();
+                    expect(deleteReply).toHaveBeenCalledWith({
+                        uri: 'entities/13JKIKAz/attributes/Name/2mlWuqDq5',
+                        commentId: 'commentId',
+                        reply: defaultReply
+                    });
+                    return [2 /*return*/];
+            }
         });
-    });
+    }); });
     it('should not render DropDownMenuButton if comment is resolved', function () {
         var props = {
             reply: defaultReply,
             uri: 'entities/13JKIKAz/attributes/Name/2mlWuqDq5',
             comment: __assign(__assign({}, defaultComment), { status: 'resolved' })
         };
-        (0, react_2.render)(react_1.default.createElement(MdmModuleContext_1.MdmModuleProvider, { values: mdmValues },
-            react_1.default.createElement(RepliedComment_1.RepliedComment, __assign({}, props))));
-        expect(react_2.screen.queryByTitle('Open menu')).not.toBeInTheDocument();
+        setUp({ props: props });
+        expect(react_2.screen.queryByRole('button', { name: 'Open menu' })).not.toBeInTheDocument();
     });
 });