@reltio/components 1.4.1998 → 1.4.2000

package/cjs/features/crosswalks/CrosswalkDateEditor/CrosswalkDateEditor.test.js

@@ -10,35 +10,129 @@ 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 = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["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 TimestampEditor_1 = require("../../../TimestampEditor");
+var react_2 = require("@testing-library/react");
+var user_event_1 = __importDefault(require("@testing-library/user-event"));
+var LocalizationProvider_1 = require("@mui/x-date-pickers/LocalizationProvider");
+var AdapterMoment_1 = require("@mui/x-date-pickers/AdapterMoment");
 var CrosswalkDateEditor_1 = require("./CrosswalkDateEditor");
 describe('CrosswalkDateEditor tests', function () {
     afterEach(function () {
         jest.clearAllMocks();
     });
     var date = new Date('01/01/2021').valueOf();
-    var props = {
+    var defaultProps = {
         value: date,
         classes: { root: 'someClass' },
         onChange: jest.fn()
     };
+    var setUp = function (props) {
+        if (props === void 0) { props = defaultProps; }
+        var user = user_event_1.default.setup();
+        var Providers = function (_a) {
+            var children = _a.children;
+            return react_1.default.createElement(LocalizationProvider_1.LocalizationProvider, { dateAdapter: AdapterMoment_1.AdapterMoment }, children);
+        };
+        return __assign(__assign({}, (0, react_2.render)(react_1.default.createElement(CrosswalkDateEditor_1.CrosswalkDateEditor, __assign({}, props)), { wrapper: Providers })), { user: user });
+    };
     it('should render CrosswalkDateEditor correctly', function () {
-        var _a;
-        var wrapper = (0, enzyme_1.shallow)(react_1.default.createElement(CrosswalkDateEditor_1.CrosswalkDateEditor, __assign({}, props)));
-        var dateEditor = wrapper.find(TimestampEditor_1.TimestampEditor);
-        expect(dateEditor.prop('disabled')).toBeFalsy();
-        expect(dateEditor.prop('value')).toEqual(date);
-        expect(((_a = dateEditor.prop('slotProps')) === null || _a === void 0 ? void 0 : _a.textField).InputProps.classes.root).toContain('someClass');
+        setUp();
+        expect(react_2.screen.getByDisplayValue('01/01/2021 12:00:00 AM')).toBeInTheDocument();
+        expect(react_2.screen.getByDisplayValue('01/01/2021 12:00:00 AM').parentElement).toHaveClass('someClass');
     });
     it('should disable TimestampEditor if props.disabled = true', function () {
-        var wrapper = (0, enzyme_1.shallow)(react_1.default.createElement(CrosswalkDateEditor_1.CrosswalkDateEditor, __assign({}, props, { disabled: true })));
-        var dateEditor = wrapper.find(TimestampEditor_1.TimestampEditor);
-        expect(dateEditor.prop('disabled')).toBeTruthy();
+        setUp(__assign(__assign({}, defaultProps), { disabled: true }));
+        expect(react_2.screen.getByRole('button')).toBeDisabled();
+        expect(react_2.screen.getByRole('textbox')).toBeDisabled();
+    });
+    it('new should call props.onChange when calling TimestampEditor onClose prop', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var user;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    user = setUp().user;
+                    return [4 /*yield*/, user.click(react_2.screen.getByRole('button'))];
+                case 1:
+                    _a.sent();
+                    return [4 /*yield*/, user.click(react_2.screen.getByText('5'))];
+                case 2:
+                    _a.sent();
+                    expect(react_2.screen.getByDisplayValue('01/05/2021 12:00:00 AM')).toBeInTheDocument();
+                    return [4 /*yield*/, user.click(react_2.screen.getAllByRole('button')[0])];
+                case 3:
+                    _a.sent();
+                    expect(defaultProps.onChange).toHaveBeenCalledWith(new Date('01/05/2021 12:00:00 AM').valueOf());
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it('should call props.onChange when calling TimestampEditor onBlur for input', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var user, newDate;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    user = setUp().user;
+                    newDate = '10/10/2021';
+                    return [4 /*yield*/, user.type(react_2.screen.getByRole('textbox'), '01/01/2020')];
+                case 1:
+                    _a.sent();
+                    expect(react_2.screen.getByDisplayValue('01/01/2020 12:00:00 AM')).toBeInTheDocument();
+                    return [4 /*yield*/, user.type(react_2.screen.getByRole('textbox'), newDate)];
+                case 2:
+                    _a.sent();
+                    expect(react_2.screen.getByDisplayValue('10/10/2021 12:00:00 AM')).toBeInTheDocument();
+                    expect(defaultProps.onChange).not.toHaveBeenCalled();
+                    return [4 /*yield*/, user.tab()];
+                case 3:
+                    _a.sent();
+                    expect(defaultProps.onChange).toHaveBeenCalledWith(new Date(newDate).valueOf());
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it('should change value of component when value property updated', function () {
+        var rerender = setUp().rerender;
+        rerender(react_1.default.createElement(CrosswalkDateEditor_1.CrosswalkDateEditor, __assign({}, defaultProps, { value: new Date('10/10/2021').valueOf() })));
+        expect(react_2.screen.getByDisplayValue('10/10/2021 12:00:00 AM')).toBeInTheDocument();
     });
 });

package/cjs/features/crosswalks/CrosswalkDragLayer/CrosswalkDragLayer.test.js

@@ -38,11 +38,21 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
-var enzyme_1 = require("enzyme");
+var react_2 = require("@testing-library/react");
 var reactDnd = __importStar(require("react-dnd"));
-var CrosswalkDragPreview_1 = require("./components/CrosswalkDragPreview");
 var CrosswalkDragLayer_1 = require("./CrosswalkDragLayer");
+var MdmModuleContext_1 = require("../../../contexts/MdmModuleContext");
 jest.mock('react-dnd', function () { return (__assign(__assign({}, jest.requireActual('react-dnd')), { useDragLayer: jest.fn() })); });
+var metadata = {
+    sources: [
+        {
+            uri: 'configuration/sources/FB',
+            label: 'Facebook',
+            icon: 'images/source/fb.png',
+            abbreviation: 'Facebook'
+        }
+    ]
+};
 describe('CrosswalkDragLayer tests', function () {
     var monitor = {};
     jest.spyOn(reactDnd, 'useDragLayer').mockImplementation(function (fn) { return fn(monitor); });
@@ -52,8 +62,8 @@ describe('CrosswalkDragLayer tests', function () {
             getClientOffset: function () { return null; },
             getItem: function () { return null; }
         };
-        var wrapper = (0, enzyme_1.shallow)(react_1.default.createElement(CrosswalkDragLayer_1.CrosswalkDragLayer, null));
-        expect(wrapper.find('.dragLayer')).toHaveLength(0);
+        var container = (0, react_2.render)(react_1.default.createElement(CrosswalkDragLayer_1.CrosswalkDragLayer, null)).container;
+        expect(container.querySelector('.dragLayer')).toBeNull();
     });
     it('should render drag item with correct offset', function () {
         monitor = {
@@ -61,9 +71,9 @@ describe('CrosswalkDragLayer tests', function () {
             getClientOffset: function () { return ({ x: 100, y: 200 }); },
             getItem: function () { return ({ type: 'Some Item' }); }
         };
-        var wrapper = (0, enzyme_1.shallow)(react_1.default.createElement(CrosswalkDragLayer_1.CrosswalkDragLayer, null));
-        expect(wrapper.find('.dragLayer')).toHaveLength(1);
-        expect(wrapper.find('.dragLayer > div').prop('style').transform).toBe('translate(100px, 200px');
+        var container = (0, react_2.render)(react_1.default.createElement(CrosswalkDragLayer_1.CrosswalkDragLayer, null)).container;
+        expect(container.querySelector('.dragLayer')).toBeInTheDocument();
+        expect(container.querySelector('.dragLayer > div')).toHaveStyle('transform: translate(100px, 200px');
     });
     it('should render CrosswalkDragPreview for crosswalk item', function () {
         var crosswalk = { uri: 'entities/1/crosswalks/1', type: 'configuration/sources/FB', value: '123' };
@@ -75,7 +85,9 @@ describe('CrosswalkDragLayer tests', function () {
                 crosswalk: crosswalk
             }); }
         };
-        var wrapper = (0, enzyme_1.shallow)(react_1.default.createElement(CrosswalkDragLayer_1.CrosswalkDragLayer, null));
-        expect(wrapper.find(CrosswalkDragPreview_1.CrosswalkDragPreview).prop('crosswalk')).toEqual(crosswalk);
+        (0, react_2.render)(react_1.default.createElement(MdmModuleContext_1.MdmModuleProvider, { values: { metadata: metadata } },
+            react_1.default.createElement(CrosswalkDragLayer_1.CrosswalkDragLayer, null)));
+        expect(react_2.screen.getByTestId('cw-colored-block')).toBeInTheDocument();
+        expect(react_2.screen.getByText('Facebook')).toBeInTheDocument();
     });
 });

package/cjs/features/crosswalks/CrosswalkEditor/CrosswalkEditor.test.js

@@ -10,107 +10,207 @@ 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 = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["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 test_utils_1 = require("react-dom/test-utils");
-var enzyme_1 = require("enzyme");
-var Button_1 = __importDefault(require("@mui/material/Button"));
-var Typography_1 = __importDefault(require("@mui/material/Typography"));
-var CrosswalkAttributes_1 = require("../CrosswalkAttributes");
+var react_2 = require("@testing-library/react");
+var user_event_1 = __importDefault(require("@testing-library/user-event"));
+var LocalizationProvider_1 = require("@mui/x-date-pickers/LocalizationProvider");
+var AdapterMoment_1 = require("@mui/x-date-pickers/AdapterMoment");
 var CrosswalkEditor_1 = require("./CrosswalkEditor");
-describe('CrosswalkEditor tests', function () {
-    var props = {
-        onAdd: jest.fn(),
-        onClose: jest.fn()
+var MdmModuleContext_1 = require("../../../contexts/MdmModuleContext");
+var metadata = {
+    sources: [
+        {
+            uri: 'configuration/sources/Reltio',
+            label: 'Reltio',
+            icon: 'images/source/reltio.png',
+            abbreviation: 'Reltio'
+        },
+        {
+            uri: 'configuration/sources/AHA',
+            label: 'AHA',
+            icon: 'images/source/source_s.png',
+            abbreviation: 'AHA'
+        }
+    ]
+};
+var defaultProps = {
+    onAdd: jest.fn(),
+    onClose: jest.fn()
+};
+var setUp = function (props) {
+    if (props === void 0) { props = defaultProps; }
+    var user = user_event_1.default.setup({ delay: null });
+    var Providers = function (_a) {
+        var children = _a.children;
+        return (react_1.default.createElement(MdmModuleContext_1.MdmModuleProvider, { values: { metadata: metadata } },
+            react_1.default.createElement(LocalizationProvider_1.LocalizationProvider, { dateAdapter: AdapterMoment_1.AdapterMoment }, children)));
     };
+    var renderer = (0, react_2.render)(react_1.default.createElement(CrosswalkEditor_1.CrosswalkEditor, __assign({}, props)), { wrapper: Providers });
+    return __assign(__assign({}, renderer), { user: user });
+};
+describe('CrosswalkEditor tests', function () {
     it('should render correctly', function () {
-        var wrapper = (0, enzyme_1.shallow)(react_1.default.createElement(CrosswalkEditor_1.CrosswalkEditor, __assign({}, props)));
-        expect(wrapper.find(Typography_1.default).at(0).text()).toBe('Add crosswalk');
-        expect(wrapper.find(CrosswalkAttributes_1.CrosswalkAttributes).prop('crosswalk')).toEqual({ type: '', value: '' });
-        expect(wrapper.find(Button_1.default).at(0).text()).toBe('Cancel');
-        var addButton = wrapper.find(Button_1.default).at(1);
-        expect(addButton.text()).toBe('Add');
-        expect(addButton.prop('disabled')).toBe(true);
-    });
-    it('should modify crosswalk when calling CrosswalkAttributes prop onEditAttribute', function () {
-        var wrapper = (0, enzyme_1.shallow)(react_1.default.createElement(CrosswalkEditor_1.CrosswalkEditor, __assign({}, props)));
-        var crosswalkAttributes = wrapper.find(CrosswalkAttributes_1.CrosswalkAttributes);
-        expect(crosswalkAttributes.prop('crosswalk')).toEqual({ type: '', value: '' });
-        (0, test_utils_1.act)(function () {
-            crosswalkAttributes.prop('onEditAttribute')('type', 'configuration/sources/Reltio');
-        });
-        wrapper.update();
-        expect(wrapper.find(CrosswalkAttributes_1.CrosswalkAttributes).prop('crosswalk')).toEqual({
-            type: 'configuration/sources/Reltio',
-            value: ''
-        });
-    });
-    it('should enable "Add" button when source system and id value are filled', function () {
-        var wrapper = (0, enzyme_1.shallow)(react_1.default.createElement(CrosswalkEditor_1.CrosswalkEditor, __assign({}, props)));
-        expect(wrapper.find(Button_1.default).at(1).prop('disabled')).toBe(true);
-        (0, test_utils_1.act)(function () {
-            wrapper.find(CrosswalkAttributes_1.CrosswalkAttributes).prop('onEditAttribute')('type', 'configuration/sources/Reltio');
-        });
-        wrapper.update();
-        (0, test_utils_1.act)(function () {
-            wrapper.find(CrosswalkAttributes_1.CrosswalkAttributes).prop('onEditAttribute')('value', 'new id value');
-        });
-        wrapper.update();
-        expect(wrapper.find(Button_1.default).at(1).prop('disabled')).toBe(false);
+        setUp();
+        expect(react_2.screen.getByText('Add crosswalk')).toBeInTheDocument();
+        expect(react_2.screen.getByText('Add attributes')).toBeInTheDocument();
+        expect(react_2.screen.getByText('Source System Name:')).toBeInTheDocument();
+        expect(react_2.screen.getByText('ID Value:')).toBeInTheDocument();
+        expect(react_2.screen.getByText('Cancel')).toBeInTheDocument();
+        expect(react_2.screen.getByText('Add')).toBeDisabled();
     });
-    it('should call onAdd and onClose when calling "Add" button "onClick" prop', function () {
-        var wrapper = (0, enzyme_1.shallow)(react_1.default.createElement(CrosswalkEditor_1.CrosswalkEditor, __assign({}, props)));
-        (0, test_utils_1.act)(function () {
-            wrapper.find(CrosswalkAttributes_1.CrosswalkAttributes).prop('onEditAttribute')('type', 'configuration/sources/Reltio');
+    it('should enable "Add" button when source system and id value are filled', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var user;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    user = setUp().user;
+                    return [4 /*yield*/, user.click(react_2.screen.getByRole('combobox'))];
+                case 1:
+                    _a.sent();
+                    return [4 /*yield*/, user.click(react_2.screen.getByText('Reltio'))];
+                case 2:
+                    _a.sent();
+                    return [4 /*yield*/, user.type(react_2.screen.getByRole('textbox'), 'v')];
+                case 3:
+                    _a.sent();
+                    expect(react_2.screen.getByText('Add')).not.toBeDisabled();
+                    return [2 /*return*/];
+            }
         });
-        wrapper.update();
-        (0, test_utils_1.act)(function () {
-            wrapper.find(CrosswalkAttributes_1.CrosswalkAttributes).prop('onEditAttribute')('value', 'new id value');
+    }); });
+    it('should call onAdd and onClose when calling "Add" button "onClick" prop', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var user;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    user = setUp().user;
+                    return [4 /*yield*/, user.click(react_2.screen.getByRole('combobox'))];
+                case 1:
+                    _a.sent();
+                    return [4 /*yield*/, user.click(react_2.screen.getByText('Reltio'))];
+                case 2:
+                    _a.sent();
+                    return [4 /*yield*/, user.type(react_2.screen.getByRole('textbox'), 'v')];
+                case 3:
+                    _a.sent();
+                    return [4 /*yield*/, user.click(react_2.screen.getByText('Add'))];
+                case 4:
+                    _a.sent();
+                    expect(defaultProps.onAdd).toHaveBeenCalledWith({
+                        type: 'configuration/sources/Reltio',
+                        value: 'v'
+                    });
+                    expect(defaultProps.onClose).toHaveBeenCalled();
+                    return [2 /*return*/];
+            }
         });
-        wrapper.update();
-        var onClick = wrapper.find(Button_1.default).at(1).prop('onClick');
-        onClick();
-        expect(props.onAdd).toHaveBeenCalledWith({
-            type: 'configuration/sources/Reltio',
-            value: 'new id value'
+    }); });
+    it('should call onClose when calling "Cancel" button "onClick" prop', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var user;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    user = setUp().user;
+                    return [4 /*yield*/, user.click(react_2.screen.getByText('Cancel'))];
+                case 1:
+                    _a.sent();
+                    expect(defaultProps.onClose).toHaveBeenCalled();
+                    return [2 /*return*/];
+            }
         });
-        expect(props.onClose).toHaveBeenCalled();
-    });
-    it('should call onClose when calling "Cancel" button "onClick" prop', function () {
-        var wrapper = (0, enzyme_1.shallow)(react_1.default.createElement(CrosswalkEditor_1.CrosswalkEditor, __assign({}, props)));
-        var onClick = wrapper.find(Button_1.default).at(0).prop('onClick');
-        onClick();
-        expect(props.onClose).toHaveBeenCalled();
-    });
-    it('should call onAdd with correct params if deleteDate and sourceTable params are filled', function () {
-        var wrapper = (0, enzyme_1.shallow)(react_1.default.createElement(CrosswalkEditor_1.CrosswalkEditor, __assign({}, props)));
-        (0, test_utils_1.act)(function () {
-            wrapper.find(CrosswalkAttributes_1.CrosswalkAttributes).prop('onEditAttribute')('type', 'configuration/sources/Reltio');
+    }); });
+    it('should call onAdd with correct params if deleteDate and sourceTable params are filled', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var user;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    user = setUp().user;
+                    return [4 /*yield*/, user.click(react_2.screen.getByText('Add attributes'))];
+                case 1:
+                    _a.sent();
+                    return [4 /*yield*/, user.click(react_2.screen.getByText('Delete Date'))];
+                case 2:
+                    _a.sent();
+                    return [4 /*yield*/, user.click(react_2.screen.getByText('Source Table'))];
+                case 3:
+                    _a.sent();
+                    return [4 /*yield*/, user.keyboard('{Escape}')];
+                case 4:
+                    _a.sent();
+                    return [4 /*yield*/, (0, react_2.waitFor)(function () {
+                            expect(react_2.screen.getByText('Delete Date:')).toBeInTheDocument();
+                        })];
+                case 5:
+                    _a.sent();
+                    return [4 /*yield*/, user.type(react_2.screen.getAllByRole('textbox')[1], 's')];
+                case 6:
+                    _a.sent();
+                    return [4 /*yield*/, user.type(react_2.screen.getAllByRole('textbox')[2], '01/01/2025 01:01:00 A')];
+                case 7:
+                    _a.sent();
+                    return [4 /*yield*/, user.tab()];
+                case 8:
+                    _a.sent();
+                    return [4 /*yield*/, user.click(react_2.screen.getByRole('combobox'))];
+                case 9:
+                    _a.sent();
+                    return [4 /*yield*/, user.click(react_2.screen.getByText('AHA'))];
+                case 10:
+                    _a.sent();
+                    return [4 /*yield*/, user.type(react_2.screen.getAllByRole('textbox')[0], 'v')];
+                case 11:
+                    _a.sent();
+                    return [4 /*yield*/, user.click(react_2.screen.getByText('Add'))];
+                case 12:
+                    _a.sent();
+                    expect(defaultProps.onAdd).toHaveBeenCalledWith({
+                        type: 'configuration/sources/AHA',
+                        value: 'v',
+                        deleteDate: new Date('01/01/2025 01:01:00').valueOf().toString(),
+                        sourceTable: 's'
+                    });
+                    return [2 /*return*/];
+            }
         });
-        wrapper.update();
-        (0, test_utils_1.act)(function () {
-            wrapper.find(CrosswalkAttributes_1.CrosswalkAttributes).prop('onEditAttribute')('value', 'new id value');
-        });
-        wrapper.update();
-        var deleteDate = new Date('2021-01-01').valueOf().toString();
-        (0, test_utils_1.act)(function () {
-            wrapper.find(CrosswalkAttributes_1.CrosswalkAttributes).prop('onEditAttribute')('deleteDate', deleteDate);
-        });
-        wrapper.update();
-        (0, test_utils_1.act)(function () {
-            wrapper.find(CrosswalkAttributes_1.CrosswalkAttributes).prop('onEditAttribute')('sourceTable', 'new sourceTable');
-        });
-        wrapper.update();
-        var onClick = wrapper.find(Button_1.default).at(1).prop('onClick');
-        onClick();
-        expect(props.onAdd).toHaveBeenCalledWith({
-            type: 'configuration/sources/Reltio',
-            value: 'new id value',
-            deleteDate: deleteDate,
-            sourceTable: 'new sourceTable'
-        });
-    });
+    }); });
 });