@reltio/components 1.4.1906 → 1.4.1907

package/esm/CommentsContainer/components/CollaborationPopup/CollaborationPopup.test.js

@@ -9,124 +9,205 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-import React, * as react from 'react';
-import { shallow } from 'enzyme';
+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 };
+    }
+};
+import React from 'react';
+import userEvent from '@testing-library/user-event';
+import { render, screen } from '@testing-library/react';
 import { CollaborationObjectTypes } from '@reltio/mdm-sdk';
-import { PopupWithArrow } from '../../../PopupWithArrow';
-import { CollaborationItem } from '../../../CollaborationItem';
 import { CollaborationPopup } from './CollaborationPopup';
-jest.mock('react', function () { return (__assign(__assign({}, jest.requireActual('react')), { useContext: jest.fn().mockImplementation(function (f) { return f(); }) })); });
-var createComment = function (hasReplies) {
-    if (hasReplies === void 0) { hasReplies = false; }
-    var comment = {
-        selfLink: 'https://cservice-dev.reltio.com/tst-01/sokol/comments/00001lo',
-        commentId: '00001lo',
-        createdBy: 'vyacheslav.kovyazin',
-        createdTime: 1620280049022,
-        modifiedTime: 1620280061505,
-        deleted: false,
-        visibility: 'public',
-        status: 'resolved',
-        objectId: 'entities/13JKIKAz/attributes/Name/2mlWuqDq5',
-        objectType: CollaborationObjectTypes.ENTITY_ATTRIBUTE,
-        permanentLink: 'http://localhost:3000/ui/sokol/#p~com.reltio.plugins.entity.perspective.HCA_e~entities%2F13JKIKAz_ps~profile_cmt~00001lo',
-        content: 'comment',
-        namedUsers: [],
-        replies: [],
-        relatedObjectUris: ['entities/13JKIKAz']
-    };
-    if (hasReplies) {
-        comment.replies.push({
-            selfLink: 'https://cservice-dev.reltio.com/tst-01/sokol/comments/00001lo/replies/000007s',
-            replyId: '000007s',
+import { CollaborationContext } from '../../../contexts/CollaborationContext';
+import { MdmModuleProvider } from '../../../contexts/MdmModuleContext';
+describe('CollaborationPopup tests', function () {
+    var createComment = function (hasReplies) {
+        if (hasReplies === void 0) { hasReplies = false; }
+        var comment = {
+            selfLink: 'https://cservice-dev.reltio.com/tst-01/sokol/comments/00001lo',
+            commentId: '00001lo',
             createdBy: 'vyacheslav.kovyazin',
-            createdTime: 1620280061505,
+            createdTime: 1620280049022,
             modifiedTime: 1620280061505,
             deleted: false,
-            action: 'none',
-            content: 'abc',
-            namedUsers: []
-        });
-    }
-    return comment;
-};
-var createProps = function (comment) {
-    var onClose = jest.fn();
-    return {
-        comment: comment,
-        uri: 'entities/13JKIKAz/attributes/Name/2mlWuqDq5',
-        relatedObjectUris: ['entities/13JKIKAz'],
-        objectType: CollaborationObjectTypes.ENTITY_ATTRIBUTE,
-        onClose: onClose,
-        anchorEl: {},
-        open: true
+            visibility: 'public',
+            status: 'resolved',
+            objectId: 'entities/13JKIKAz/attributes/Name/2mlWuqDq5',
+            objectType: CollaborationObjectTypes.ENTITY_ATTRIBUTE,
+            permanentLink: 'http://localhost:3000/ui/sokol/#p~com.reltio.plugins.entity.perspective.HCA_e~entities%2F13JKIKAz_ps~profile_cmt~00001lo',
+            content: 'comment',
+            namedUsers: [],
+            replies: [],
+            relatedObjectUris: ['entities/13JKIKAz']
+        };
+        if (hasReplies) {
+            comment.replies.push({
+                selfLink: 'https://cservice-dev.reltio.com/tst-01/sokol/comments/00001lo/replies/000007s',
+                replyId: '000007s',
+                createdBy: 'vyacheslav.kovyazin',
+                createdTime: 1620280061505,
+                modifiedTime: 1620280061505,
+                deleted: false,
+                action: 'none',
+                content: 'abc',
+                namedUsers: []
+            });
+        }
+        return comment;
+    };
+    var createProps = function (comment) {
+        var onClose = jest.fn();
+        return {
+            comment: comment,
+            uri: 'entities/13JKIKAz/attributes/Name/2mlWuqDq5',
+            relatedObjectUris: ['entities/13JKIKAz'],
+            objectType: CollaborationObjectTypes.ENTITY_ATTRIBUTE,
+            onClose: onClose,
+            anchorEl: document.body,
+            open: true
+        };
+    };
+    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 defaultCollaborationContextValue = {
+        getCommentState: jest.fn().mockReturnValue({}),
+        resolveThread: jest.fn(),
+        sending: false,
+        loading: false
+    };
+    var setUp = function (_a) {
+        var props = _a.props, _b = _a.collaborationContextValue, collaborationContextValue = _b === void 0 ? defaultCollaborationContextValue : _b;
+        var Providers = function (_a) {
+            var children = _a.children;
+            return (React.createElement(MdmModuleProvider, { values: mdmDefaultValues, actions: actions },
+                React.createElement(CollaborationContext.Provider, { value: collaborationContextValue }, children)));
+        };
+        var user = userEvent.setup();
+        return __assign({ user: user }, render(React.createElement(CollaborationPopup, __assign({}, props)), { wrapper: Providers }));
     };
-};
-var resolveThread = jest.fn();
-var mockCollaborationContext = function (sending, loading) {
-    if (sending === void 0) { sending = false; }
-    if (loading === void 0) { loading = false; }
-    return jest.spyOn(react, 'useContext').mockImplementation(function () { return ({
-        sending: sending,
-        loading: loading,
-        resolveThread: resolveThread
-    }); });
-};
-describe('CollaborationPopup tests', function () {
-    afterEach(function () {
-        jest.resetAllMocks();
-    });
-    it('should render popup correctly', function () {
-        mockCollaborationContext();
-        var props = createProps(createComment());
-        var component = shallow(React.createElement(CollaborationPopup, __assign({}, props)));
-        var popup = component.find(PopupWithArrow);
-        expect(popup).toHaveLength(1);
-        expect(popup.props()).toMatchObject({
-            open: true,
-            onClose: props.onClose,
-            anchorEl: props.anchorEl,
-            className: 'popper'
-        });
-    });
     it('should render correctly if comment do not exists', function () {
-        mockCollaborationContext();
         var props = createProps();
-        var component = shallow(React.createElement(CollaborationPopup, __assign({}, props)));
-        expect(component.find('.counter')).toHaveLength(0);
-        expect(component.find('.resolveButton')).toHaveLength(0);
-        expect(component.find(CollaborationItem)).toHaveLength(1);
+        setUp({ props: props });
+        expect(document.querySelector('.counter')).not.toBeInTheDocument();
+        expect(screen.queryByRole('textbox')).toBeInTheDocument();
     });
     it('should render correctly if comment exists and loading is "false"', function () {
-        mockCollaborationContext();
         var props = createProps(createComment());
-        var component = shallow(React.createElement(CollaborationPopup, __assign({}, props)));
-        expect(component.find('.counter').text()).toBe('1 item');
-        expect(component.find('.resolveButton')).toHaveLength(1);
-        expect(component.find(CollaborationItem)).toHaveLength(1);
+        setUp({ props: props });
+        expect(document.querySelector('.counter')).toHaveTextContent('1 item');
+        expect(screen.queryByRole('button', { name: '' })).toBeInTheDocument();
+        expect(screen.queryByRole('textbox')).toBeInTheDocument();
     });
     it('should render correctly if loading is "true"', function () {
-        mockCollaborationContext(false, true);
         var props = createProps(createComment());
-        var component = shallow(React.createElement(CollaborationPopup, __assign({}, props)));
-        expect(component.find('.counter')).toHaveLength(0);
-        expect(component.find('.resolveButton')).toHaveLength(0);
-        expect(component.find(CollaborationItem)).toHaveLength(0);
+        setUp({
+            props: props,
+            collaborationContextValue: __assign(__assign({}, defaultCollaborationContextValue), { loading: true })
+        });
+        expect(document.querySelector('.counter')).not.toBeInTheDocument();
+        expect(screen.queryByRole('button', { name: '' })).not.toBeInTheDocument();
+        expect(screen.queryByRole('textbox')).not.toBeInTheDocument();
     });
     it('should disable resolveButton if sending is "true"', function () {
-        mockCollaborationContext(true, false);
-        var props = createProps(createComment());
-        var component = shallow(React.createElement(CollaborationPopup, __assign({}, props)));
-        expect(component.find('.resolveButton').prop('disabled')).toBe(true);
-    });
-    it('handleResolve handler should work correctly', function () {
-        mockCollaborationContext();
         var props = createProps(createComment());
-        var component = shallow(React.createElement(CollaborationPopup, __assign({}, props)));
-        component.find('.resolveButton').simulate('click');
-        expect(resolveThread).toHaveBeenCalledWith({
-            commentId: '00001lo',
-            uri: 'entities/13JKIKAz/attributes/Name/2mlWuqDq5'
+        setUp({
+            props: props,
+            collaborationContextValue: __assign(__assign({}, defaultCollaborationContextValue), { sending: true })
         });
+        expect(screen.queryByRole('button', { name: '' })).toBeDisabled();
     });
+    it('handleResolve handler should work correctly', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var props, resolveThread, user;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    props = createProps(createComment());
+                    resolveThread = jest.fn();
+                    user = setUp({
+                        props: props,
+                        collaborationContextValue: __assign(__assign({}, defaultCollaborationContextValue), { resolveThread: resolveThread })
+                    }).user;
+                    return [4 /*yield*/, user.click(screen.getByRole('button', { name: '' }))];
+                case 1:
+                    _a.sent();
+                    expect(resolveThread).toHaveBeenCalledWith({
+                        commentId: '00001lo',
+                        uri: 'entities/13JKIKAz/attributes/Name/2mlWuqDq5'
+                    });
+                    return [2 /*return*/];
+            }
+        });
+    }); });
 });

package/esm/ConfigureColumnsPopup/ConfigureColumnsPopup.test.js

@@ -1,10 +1,28 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
 import React from 'react';
-import { mount, ReactWrapper } from 'enzyme';
-import { SelectionPopup } from '../SelectionPopup';
-import { AttributeListItem } from '../AttributeListItem';
-import { Highlighter } from '../Highlighter';
+import userEvent from '@testing-library/user-event';
+import { render, screen, within } from '@testing-library/react';
 import { ConfigureColumnsPopup } from './ConfigureColumnsPopup';
 describe('ConfigureColumnsPopup tests', function () {
+    var defaultProps = {
+        selected: [],
+        anchorEl: document.body,
+        open: true
+    };
+    var setUp = function (props) {
+        var user = userEvent.setup();
+        return __assign({ user: user }, render(React.createElement(ConfigureColumnsPopup, __assign({}, props))));
+    };
     it('should render all components', function () {
         var data = [
             {
@@ -16,12 +34,10 @@ describe('ConfigureColumnsPopup tests', function () {
                 label: 'item2'
             }
         ];
-        var selected = [];
-        var component = mount(React.createElement(ConfigureColumnsPopup, { open: true, data: data, selected: selected, anchorEl: document.body }));
-        var selectionPopup = component.find(SelectionPopup);
-        expect(selectionPopup.prop('open')).toBe(true);
-        expect(selectionPopup.prop('title')).toBe('Show/hide columns');
-        expect(component.find(AttributeListItem)).toHaveLength(2);
+        setUp(__assign(__assign({}, defaultProps), { data: data }));
+        expect(screen.queryByRole('menuitem', { name: data[0].label })).toBeInTheDocument();
+        expect(screen.queryByRole('menuitem', { name: data[1].label })).toBeInTheDocument();
+        expect(screen.queryByText('Show/hide columns')).toBeInTheDocument();
     });
     it('should render nested items with their children', function () {
         var data = [
@@ -48,15 +64,12 @@ describe('ConfigureColumnsPopup tests', function () {
                 ]
             }
         ];
-        var selected = [];
-        var component = mount(React.createElement(ConfigureColumnsPopup, { open: true, data: data, selected: selected, anchorEl: document.body }));
-        var items = component.find(AttributeListItem);
-        expect(items).toHaveLength(5);
-        expect(items.at(0).prop('level')).toBe(0);
-        expect(items.at(1).prop('level')).toBe(0);
-        expect(items.at(2).prop('level')).toBe(0);
-        expect(items.at(3).prop('level')).toBe(1);
-        expect(items.at(4).prop('level')).toBe(1);
+        setUp(__assign(__assign({}, defaultProps), { data: data }));
+        expect(screen.getByRole('menuitem', { name: data[0].label }).querySelector('.marginWrapper')).toHaveStyle({
+            'margin-left': '0px'
+        });
+        expect(screen.getByRole('menuitem', { name: data[2].children[0].label }).querySelector('.marginWrapper')).toHaveStyle({ 'margin-left': '20px' });
+        expect(screen.getByRole('menuitem', { name: data[2].children[1].label }).querySelector('.marginWrapper')).toHaveStyle({ 'margin-left': '20px' });
     });
     it('should show parent items for filtered subitems', function () {
         var data = [
@@ -83,24 +96,14 @@ describe('ConfigureColumnsPopup tests', function () {
                 ]
             }
         ];
-        var selected = [];
         var filterText = 'subitem';
-        var component = mount(React.createElement(ConfigureColumnsPopup, { open: true, data: data, selected: selected, filterText: filterText, anchorEl: document.body }));
-        var items = component.find(AttributeListItem);
-        expect(items).toHaveLength(4);
-        var getLabel = function (index) { return new ReactWrapper(items.at(index).prop('label')); };
-        expect(items.at(0).prop('labelInText')).toBe('not subitem2');
-        expect(getLabel(0).find(Highlighter).prop('text')).toBe('not subitem2');
-        expect(getLabel(0).find(Highlighter).prop('highlight')).toBe(filterText);
-        expect(items.at(1).prop('labelInText')).toBe('Nested item');
-        expect(getLabel(1).find(Highlighter).prop('text')).toBe('Nested item');
-        expect(getLabel(1).find(Highlighter).prop('highlight')).toBe(filterText);
-        expect(items.at(2).prop('labelInText')).toBe('subitem3');
-        expect(getLabel(2).find(Highlighter).prop('text')).toBe('subitem3');
-        expect(getLabel(2).find(Highlighter).prop('highlight')).toBe(filterText);
-        expect(items.at(3).prop('labelInText')).toBe('subitem4');
-        expect(getLabel(3).find(Highlighter).prop('text')).toBe('subitem4');
-        expect(getLabel(3).find(Highlighter).prop('highlight')).toBe(filterText);
+        setUp(__assign(__assign({}, defaultProps), { filterText: filterText, data: data }));
+        var subItems = screen.getAllByText(filterText);
+        expect(subItems).toHaveLength(3);
+        subItems.forEach(function (subItem) {
+            expect(subItem).toHaveClass('highlight');
+        });
+        expect(screen.getByRole('menuitem', { name: 'Nested item' })).toBeInTheDocument();
     });
     it('should show parent items as checked for checked subitems', function () {
         var data = [
@@ -132,10 +135,8 @@ describe('ConfigureColumnsPopup tests', function () {
                 id: '3.1'
             }
         ];
-        var component = mount(React.createElement(ConfigureColumnsPopup, { open: true, data: data, selected: selected, anchorEl: document.body }));
-        var checkedItems = component.find(AttributeListItem).filterWhere(function (item) { return item.prop('checked'); });
-        expect(checkedItems).toHaveLength(2);
-        expect(checkedItems.at(0).prop('labelInText')).toBe('Nested item');
-        expect(checkedItems.at(1).prop('labelInText')).toBe('subitem3');
+        setUp(__assign(__assign({}, defaultProps), { selected: selected, data: data }));
+        expect(within(screen.getByRole('menuitem', { name: 'Nested item' })).getByRole('checkbox')).toBeChecked();
+        expect(within(screen.getByRole('menuitem', { name: 'subitem3' })).getByRole('checkbox')).toBeChecked();
     });
 });

package/esm/ConfirmDeleteDialog/ConfirmDeleteDialog.test.js

@@ -9,38 +9,87 @@ 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 };
+    }
+};
 import React from 'react';
-import { shallow } from 'enzyme';
-import Button from '@mui/material/Button';
-import Dialog from '@mui/material/Dialog';
-import DialogActions from '@mui/material/DialogActions';
-import DialogContent from '@mui/material/DialogContent';
-import DialogContentText from '@mui/material/DialogContentText';
 import { ConfirmDeleteDialog } from './ConfirmDeleteDialog';
+import userEvent from '@testing-library/user-event';
+import { render, screen } from '@testing-library/react';
 describe('ConfirmDeleteDialog tests', function () {
-    var props = {
-        open: true,
-        onClose: jest.fn(),
-        onConfirm: jest.fn()
+    var setUp = function () {
+        var onClose = jest.fn();
+        var onConfirm = jest.fn();
+        var user = userEvent.setup();
+        return __assign({ user: user, onClose: onClose, onConfirm: onConfirm }, render(React.createElement(ConfirmDeleteDialog, { open: true, onClose: onClose, onConfirm: onConfirm })));
     };
     it('should render correctly', function () {
-        var wrapper = shallow(React.createElement(ConfirmDeleteDialog, __assign({}, props)));
-        expect(wrapper.find(Dialog).prop('open')).toBe(props.open);
-        var buttons = wrapper.find(DialogActions).find(Button);
-        expect(wrapper.find(DialogContent).find(DialogContentText).text()).toBe('Are you sure you want to delete this?');
-        expect(buttons.length).toBe(2);
-        expect(buttons.at(0).text()).toBe('No');
-        expect(buttons.at(0).prop('onClick')).toBe(props.onClose);
-        expect(buttons.at(1).text()).toBe('Yes');
-    });
-    it('should call props.onConfirm and props.onClose when click "Yes" button', function () {
-        var wrapper = shallow(React.createElement(ConfirmDeleteDialog, __assign({}, props)));
-        expect(wrapper.find(Dialog).prop('open')).toBe(props.open);
-        wrapper
-            .find(Button)
-            .filterWhere(function (button) { return button.text() === 'Yes'; })
-            .simulate('click');
-        expect(props.onClose).toBeCalledTimes(1);
-        expect(props.onConfirm).toBeCalledTimes(1);
+        setUp();
+        expect(screen.queryByRole('button', { name: 'Yes' })).toBeInTheDocument();
+        expect(screen.queryByRole('button', { name: 'No' })).toBeInTheDocument();
+        expect(screen.queryByText('Are you sure you want to delete this?')).toBeInTheDocument();
     });
+    it('should call props.onClose when click "No" button', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var _a, user, onConfirm, onClose;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    _a = setUp(), user = _a.user, onConfirm = _a.onConfirm, onClose = _a.onClose;
+                    return [4 /*yield*/, user.click(screen.getByRole('button', { name: 'No' }))];
+                case 1:
+                    _b.sent();
+                    expect(onClose).toHaveBeenCalledTimes(1);
+                    expect(onConfirm).not.toHaveBeenCalled();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it('should call props.onConfirm and props.onClose when click "Yes" button', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var _a, user, onConfirm, onClose;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    _a = setUp(), user = _a.user, onConfirm = _a.onConfirm, onClose = _a.onClose;
+                    return [4 /*yield*/, user.click(screen.getByRole('button', { name: 'Yes' }))];
+                case 1:
+                    _b.sent();
+                    expect(onClose).toHaveBeenCalledTimes(1);
+                    expect(onConfirm).toHaveBeenCalledTimes(1);
+                    return [2 /*return*/];
+            }
+        });
+    }); });
 });