@reltio/components 1.4.1944 → 1.4.1946

package/esm/hooks/useSnackbar/useSnackbar.test.js

@@ -46,7 +46,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     }
 };
 import React from 'react';
-import { render, screen } from '@testing-library/react';
+import { render, screen, act } from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
 import { useSnackbar } from './useSnackbar';
 describe('useSnackbar behavior', function () {
@@ -58,8 +58,9 @@ describe('useSnackbar behavior', function () {
             React.createElement("button", { onClick: function () { return showSnackbarMessage(newMessage); } }, "Show Snackbar"),
             React.createElement(SnackbarRenderer, null)));
     };
-    var setUp = function (options) {
-        var user = userEvent.setup({ delay: null });
+    var setUp = function (_a) {
+        var _b = _a === void 0 ? {} : _a, _c = _b.options, options = _c === void 0 ? {} : _c, _d = _b.userEventOptions, userEventOptions = _d === void 0 ? {} : _d;
+        var user = userEvent.setup(userEventOptions);
         return __assign({ user: user }, render(React.createElement(TestComponent, { options: options })));
     };
     it('should render Snackbar with default props correctly', function () { return __awaiter(void 0, void 0, void 0, function () {
@@ -81,11 +82,12 @@ describe('useSnackbar behavior', function () {
         });
     }); });
     it('should pass anchorOrigin prop to Snackbar', function () { return __awaiter(void 0, void 0, void 0, function () {
-        var user;
+        var options, user;
         return __generator(this, function (_a) {
             switch (_a.label) {
                 case 0:
-                    user = setUp({ anchorOrigin: { vertical: 'top', horizontal: 'left' } }).user;
+                    options = { anchorOrigin: { vertical: 'top', horizontal: 'left' } };
+                    user = setUp({ options: options }).user;
                     return [4 /*yield*/, user.click(screen.getByRole('button', { name: 'Show Snackbar' }))];
                 case 1:
                     _a.sent();
@@ -95,11 +97,12 @@ describe('useSnackbar behavior', function () {
         });
     }); });
     it('should show dismiss button on showDismiss prop equals true', function () { return __awaiter(void 0, void 0, void 0, function () {
-        var user;
+        var options, user;
         return __generator(this, function (_a) {
             switch (_a.label) {
                 case 0:
-                    user = setUp({ showDismiss: true }).user;
+                    options = { showDismiss: true };
+                    user = setUp({ options: options }).user;
                     return [4 /*yield*/, user.click(screen.getByRole('button', { name: 'Show Snackbar' }))];
                 case 1:
                     _a.sent();
@@ -109,11 +112,12 @@ describe('useSnackbar behavior', function () {
         });
     }); });
     it('should hide snackbar on dismiss button click', function () { return __awaiter(void 0, void 0, void 0, function () {
-        var user;
+        var options, user;
         return __generator(this, function (_a) {
             switch (_a.label) {
                 case 0:
-                    user = setUp({ showDismiss: true }).user;
+                    options = { showDismiss: true };
+                    user = setUp({ options: options }).user;
                     return [4 /*yield*/, user.click(screen.getByRole('button', { name: 'Show Snackbar' }))];
                 case 1:
                     _a.sent();
@@ -127,30 +131,32 @@ describe('useSnackbar behavior', function () {
         });
     }); });
     it('should call onDismissClick and hide snackbar on dismiss button click', function () { return __awaiter(void 0, void 0, void 0, function () {
-        var onDismissClick, user;
+        var onDismissClick, options, user;
         return __generator(this, function (_a) {
             switch (_a.label) {
                 case 0:
                     onDismissClick = jest.fn();
-                    user = setUp({ showDismiss: true, onDismissClick: onDismissClick }).user;
+                    options = { showDismiss: true, onDismissClick: onDismissClick };
+                    user = setUp({ options: options }).user;
                     return [4 /*yield*/, user.click(screen.getByRole('button', { name: 'Show Snackbar' }))];
                 case 1:
                     _a.sent();
                     return [4 /*yield*/, user.click(screen.getByRole('button', { name: 'Dismiss' }))];
                 case 2:
                     _a.sent();
-                    expect(onDismissClick).toBeCalled();
+                    expect(onDismissClick).toHaveBeenCalled();
                     expect(screen.queryByRole('alert')).not.toBeInTheDocument();
                     return [2 /*return*/];
             }
         });
     }); });
     it('should use dismiss title if it is defined', function () { return __awaiter(void 0, void 0, void 0, function () {
-        var user;
+        var options, user;
         return __generator(this, function (_a) {
             switch (_a.label) {
                 case 0:
-                    user = setUp({ showDismiss: true, dismissTitle: 'Undo' }).user;
+                    options = { showDismiss: true, dismissTitle: 'Undo' };
+                    user = setUp({ options: options }).user;
                     return [4 /*yield*/, user.click(screen.getByRole('button', { name: 'Show Snackbar' }))];
                 case 1:
                     _a.sent();
@@ -165,14 +171,15 @@ describe('useSnackbar behavior', function () {
             switch (_a.label) {
                 case 0:
                     jest.useFakeTimers();
-                    user = setUp().user;
+                    user = setUp({ userEventOptions: { advanceTimers: jest.advanceTimersByTime } }).user;
                     return [4 /*yield*/, user.click(screen.getByRole('button', { name: 'Show Snackbar' }))];
                 case 1:
                     _a.sent();
-                    screen.queryByRole('alert');
-                    jest.runOnlyPendingTimers();
+                    screen.getByRole('alert');
+                    act(function () {
+                        jest.runOnlyPendingTimers();
+                    });
                     expect(screen.queryByRole('alert')).not.toBeInTheDocument();
-                    jest.runOnlyPendingTimers();
                     jest.useRealTimers();
                     return [2 /*return*/];
             }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@reltio/components",
-  "version": "1.4.1944",
+  "version": "1.4.1946",
   "license": "SEE LICENSE IN LICENSE FILE",
   "main": "./cjs/index.js",
   "module": "./esm/index.js",
@@ -8,7 +8,7 @@
     "@fluentui/react-context-selector": "^9.1.26",
     "@react-google-maps/api": "2.7.0",
     "@react-sigma/core": "3.4.0",
-    "@reltio/mdm-sdk": "^1.4.1857",
+    "@reltio/mdm-sdk": "^1.4.1859",
     "d3-cloud": "^1.2.5",
     "d3-geo": "^2.0.1",
     "d3-hierarchy": "^2.0.0",