@pingux/astro 2.0.0-alpha.1 → 2.0.0-alpha.4

package/lib/cjs/components/Modal/tests/Modal.unit.test.js

@@ -1,35 +1,29 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
 var _react = _interopRequireDefault(require("react"));
-
 var _userEvent = _interopRequireDefault(require("@testing-library/user-event"));
-
+var _index = require("../../../index");
 var _testAxe = _interopRequireDefault(require("../../../utils/testUtils/testAxe"));
-
 var _testWrapper = require("../../../utils/testUtils/testWrapper");
-
-var _index = require("../../../index");
-
 var _react2 = require("@emotion/react");
-
 // For testing the modal alone
 var getComponent = function getComponent() {
   var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   return (0, _testWrapper.render)((0, _react2.jsx)(_index.OverlayProvider, null, (0, _react2.jsx)(_index.Modal, props)));
-}; // **********
+};
+
+// **********
 // Unit tests
 // **********
-// Need to be added to each test file to test accessibility using axe.
-
 
+// Need to be added to each test file to test accessibility using axe.
 (0, _testAxe["default"])(getComponent);
 test('default modal', function () {
   getComponent();
   expect(_testWrapper.screen.queryByRole('dialog')).toBeInTheDocument();
-  expect(_testWrapper.screen.queryByRole('dialog')).toHaveAttribute('aria-modal', 'true'); // Close button not rendered by default
-
+  expect(_testWrapper.screen.queryByRole('dialog')).toHaveAttribute('aria-modal', 'true');
+  // Close button not rendered by default
   expect(_testWrapper.screen.queryByRole('button')).not.toBeInTheDocument();
 });
 test('should spread undocumented props to the container element', function () {
@@ -37,9 +31,7 @@ test('should spread undocumented props to the container element', function () {
     'data-prop': 'test'
   });
   var container = (0, _testWrapper.queryByAttribute)('data-prop', document, 'test');
-
   var modal = _testWrapper.screen.getByRole('dialog');
-
   expect(container).toContainElement(modal);
   expect(modal).not.toHaveAttribute('data-prop', 'test');
 });
@@ -50,9 +42,7 @@ test('should spread container props to the container element even if documented'
     }
   });
   var container = (0, _testWrapper.queryByAttribute)('id', document, 'test');
-
   var modal = _testWrapper.screen.getByRole('dialog');
-
   expect(container).toContainElement(modal);
   expect(modal).not.toHaveAttribute('id', 'test');
 });
@@ -62,9 +52,7 @@ test('should spread content props to the modal dialog even if undocumented', fun
       'data-prop': 'test'
     }
   });
-
   var modal = _testWrapper.screen.getByRole('dialog');
-
   expect(modal).toHaveAttribute('data-prop', 'test');
 });
 test('should display title for modal', function () {
@@ -83,9 +71,7 @@ test('should hide the modal if clicked outside when isDismissable is true', func
   });
   expect(_testWrapper.screen.queryByRole('dialog')).toBeInTheDocument();
   expect(onClose).not.toHaveBeenCalled();
-
   _userEvent["default"].click(document.body);
-
   expect(onClose).toHaveBeenCalledTimes(1);
 });
 test('should not hide the modal if clicked outside when isDismissable is false', function () {
@@ -96,18 +82,14 @@ test('should not hide the modal if clicked outside when isDismissable is false',
   });
   expect(_testWrapper.screen.queryByRole('dialog')).toBeInTheDocument();
   expect(onClose).not.toHaveBeenCalled();
-
   _userEvent["default"].click(document.body);
-
   expect(onClose).not.toHaveBeenCalledTimes(1);
 });
 test('should hide the overlay when clicking outside if shouldCloseOnInteractOutside returns true', function () {
   var onClose = jest.fn();
-
   var shouldCloseOnInteractOutside = function shouldCloseOnInteractOutside(target) {
     return target === document.body;
   };
-
   getComponent({
     isOpen: true,
     isDismissable: true,
@@ -115,18 +97,14 @@ test('should hide the overlay when clicking outside if shouldCloseOnInteractOuts
     shouldCloseOnInteractOutside: shouldCloseOnInteractOutside
   });
   expect(onClose).not.toHaveBeenCalled();
-
   _userEvent["default"].click(document.body);
-
   expect(onClose).toHaveBeenCalledTimes(1);
 });
 test('should not hide the overlay when clicking outside if shouldCloseOnInteractOutside returns false', function () {
   var onClose = jest.fn();
-
   var shouldCloseOnInteractOutside = function shouldCloseOnInteractOutside(target) {
     return target !== document.body;
   };
-
   getComponent({
     isOpen: true,
     isDismissable: true,
@@ -134,25 +112,19 @@ test('should not hide the overlay when clicking outside if shouldCloseOnInteract
     shouldCloseOnInteractOutside: shouldCloseOnInteractOutside
   });
   expect(onClose).not.toHaveBeenCalled();
-
   _userEvent["default"].click(document.body);
-
   expect(onClose).not.toHaveBeenCalledTimes(1);
 });
 test('should hide the overlay when pressing the escape key', function () {
-  var onClose = jest.fn(); // isDismissable does not need to be true here
-
+  var onClose = jest.fn();
+  // isDismissable does not need to be true here
   getComponent({
     isOpen: true,
     onClose: onClose
   });
-
   var modal = _testWrapper.screen.getByRole('dialog');
-
   expect(onClose).not.toHaveBeenCalled();
-
   _userEvent["default"].type(modal, '{esc}');
-
   expect(onClose).toHaveBeenCalledTimes(1);
 });
 test('should only hide the top-most overlay', function () {
@@ -163,22 +135,17 @@ test('should only hide the top-most overlay', function () {
     onClose: onCloseFirst,
     isDismissable: true
   });
-
   var _getComponent = getComponent({
-    isOpen: true,
-    onClose: onCloseSecond,
-    isDismissable: true
-  }),
-      unmount = _getComponent.unmount;
-
+      isOpen: true,
+      onClose: onCloseSecond,
+      isDismissable: true
+    }),
+    unmount = _getComponent.unmount;
   _userEvent["default"].click(document.body);
-
   expect(onCloseSecond).toHaveBeenCalledTimes(1);
   expect(onCloseFirst).not.toHaveBeenCalled();
   unmount();
-
   _userEvent["default"].click(document.body);
-
   expect(onCloseFirst).toHaveBeenCalledTimes(1);
 });
 test('should render a close button if hasCloseButton is true', function () {
@@ -193,7 +160,6 @@ test('should render a custom close button if hasCloseButton is true and custom b
       "data-testid": "test"
     });
   };
-
   getComponent({
     hasCloseButton: true,
     closeButton: (0, _react2.jsx)(MyButton, null)
@@ -205,9 +171,7 @@ test('shouldn\'t auto focus the first tabbable element', function () {
   getComponent({
     hasCloseButton: true
   });
-
   var button = _testWrapper.screen.queryByRole('button');
-
   expect(button).not.toHaveFocus();
 });
 test('should auto focus the first tabbable element if "hasAutoFocus" is true', function () {
@@ -215,8 +179,6 @@ test('should auto focus the first tabbable element if "hasAutoFocus" is true', f
     hasCloseButton: true,
     hasAutoFocus: true
   });
-
   var button = _testWrapper.screen.queryByRole('button');
-
   expect(button).toHaveFocus();
 });