@pingux/astro 1.42.2 → 2.0.0-alpha.4

package/lib/components/Modal/tests/Modal.integration.test.js

@@ -1,17 +1,16 @@
 import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
 import React from 'react';
 import userEvent from '@testing-library/user-event';
-import { render, screen, fireEvent } from '../../../utils/testUtils/testWrapper';
-import { OverlayProvider, Modal, Button } from '../../../index';
-import { useModalState } from '../../../hooks'; // For testing the connection between the state hook, the trigger, and the modal itself
+import { useModalState } from '../../../hooks';
+import { Button, Modal, OverlayProvider } from '../../../index';
+import { fireEvent, render, screen } from '../../../utils/testUtils/testWrapper';
 
+// For testing the connection between the state hook, the trigger, and the modal itself
 /* eslint-disable react/prop-types */
-
 import { jsx as ___EmotionJSX } from "@emotion/react";
-
 var ComposedComponent = function ComposedComponent(props) {
   var defaultState = props.defaultState,
-      modalProps = props.modalProps;
+    modalProps = props.modalProps;
   var state = useModalState(defaultState);
   return ___EmotionJSX(React.Fragment, null, ___EmotionJSX(Button, {
     onPress: state.open
@@ -22,26 +21,26 @@ var ComposedComponent = function ComposedComponent(props) {
     hasCloseButton: true
   }, modalProps))));
 };
-
 var getComposedComponent = function getComposedComponent(defaultState, modalProps) {
   return render(___EmotionJSX(ComposedComponent, {
     defaultState: defaultState,
     modalProps: modalProps
   }));
 };
-
 test('clicking the trigger should open the modal', function () {
   getComposedComponent();
-  expect(screen.queryByRole('dialog')).not.toBeInTheDocument(); // Open it with the button trigger
+  expect(screen.queryByRole('dialog')).not.toBeInTheDocument();
 
+  // Open it with the button trigger
   userEvent.click(screen.queryByRole('button'));
   expect(screen.queryByRole('dialog')).toBeInTheDocument();
 });
 test('keyboard interaction with the trigger should open the modal', function () {
   getComposedComponent();
   var button = screen.queryByRole('button');
-  expect(screen.queryByRole('dialog')).not.toBeInTheDocument(); // Open it with the button trigger
+  expect(screen.queryByRole('dialog')).not.toBeInTheDocument();
 
+  // Open it with the button trigger
   fireEvent.keyDown(button, {
     key: 'Enter',
     code: 13
@@ -55,16 +54,18 @@ test('keyboard interaction with the trigger should open the modal', function ()
 test('close button should close the modal', function () {
   getComposedComponent({
     isDefaultOpen: true
-  }); // Target the close button
+  });
 
+  // Target the close button
   userEvent.click(screen.queryAllByRole('button')[1]);
   expect(screen.queryByRole('dialog')).not.toBeInTheDocument();
 });
 test('keyboard interactions on the close button should close the modal', function () {
   getComposedComponent({
     isDefaultOpen: true
-  }); // Target the close button
+  });
 
+  // Target the close button
   fireEvent.keyDown(screen.queryAllByRole('button')[1], {
     key: 'Enter',
     code: 13

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

@@ -1,26 +1,27 @@
 import React from 'react';
 import userEvent from '@testing-library/user-event';
+import { Modal, OverlayProvider } from '../../../index';
 import axeTest from '../../../utils/testUtils/testAxe';
-import { render, screen, queryByAttribute } from '../../../utils/testUtils/testWrapper';
-import { OverlayProvider, Modal } from '../../../index'; // For testing the modal alone
+import { queryByAttribute, render, screen } from '../../../utils/testUtils/testWrapper';
 
+// For testing the modal alone
 import { jsx as ___EmotionJSX } from "@emotion/react";
-
 var getComponent = function getComponent() {
   var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   return render(___EmotionJSX(OverlayProvider, null, ___EmotionJSX(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.
 axeTest(getComponent);
 test('default modal', function () {
   getComponent();
   expect(screen.queryByRole('dialog')).toBeInTheDocument();
-  expect(screen.queryByRole('dialog')).toHaveAttribute('aria-modal', 'true'); // Close button not rendered by default
-
+  expect(screen.queryByRole('dialog')).toHaveAttribute('aria-modal', 'true');
+  // Close button not rendered by default
   expect(screen.queryByRole('button')).not.toBeInTheDocument();
 });
 test('should spread undocumented props to the container element', function () {
@@ -84,11 +85,9 @@ test('should not hide the modal if clicked outside when isDismissable is false',
 });
 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,
@@ -101,11 +100,9 @@ test('should hide the overlay when clicking outside if shouldCloseOnInteractOuts
 });
 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,
@@ -117,8 +114,8 @@ test('should not hide the overlay when clicking outside if shouldCloseOnInteract
   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
@@ -136,14 +133,12 @@ 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.click(document.body);
   expect(onCloseSecond).toHaveBeenCalledTimes(1);
   expect(onCloseFirst).not.toHaveBeenCalled();
@@ -163,7 +158,6 @@ test('should render a custom close button if hasCloseButton is true and custom b
       "data-testid": "test"
     });
   };
-
   getComponent({
     hasCloseButton: true,
     closeButton: ___EmotionJSX(MyButton, null)