@instructure/ui-modal 10.19.2-snapshot-2 → 10.19.2-snapshot-4

package/es/Modal/__new-tests__/Modal.test.js

@@ -1,474 +0,0 @@
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-const _excluded = ["label"];
-var _Modal, _Modal2, _Modal$Body, _Modal3, _Modal4, _View, _Modal5, _Modal$Body2, _Modal$Body3, _Modal$Body4, _Modal$Body5, _Modal$Body6, _Modal$Body7, _Modal6, _Modal7, _input, _Modal$Header, _Modal$Body8, _Modal$Footer;
-/*
- * The MIT License (MIT)
- *
- * Copyright (c) 2015 - present Instructure, Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in all
- * copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
- */
-
-import { Component } from 'react';
-import { render, waitFor } from '@testing-library/react';
-import { vi } from 'vitest';
-import userEvent from '@testing-library/user-event';
-import '@testing-library/jest-dom';
-import { Modal } from '../index';
-import { View } from '@instructure/ui-view';
-import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
-describe('<Modal />', () => {
-  let consoleWarningMock;
-  let consoleErrorMock;
-  const originalScroll = window.scroll;
-  beforeEach(() => {
-    // Mocking console to prevent test output pollution and expect for messages
-    consoleWarningMock = vi.spyOn(console, 'warn').mockImplementation(() => {});
-    consoleErrorMock = vi.spyOn(console, 'error').mockImplementation(() => {});
-  });
-  afterEach(() => {
-    consoleWarningMock.mockRestore();
-    consoleErrorMock.mockRestore();
-  });
-  beforeAll(() => {
-    // Mocking window.scroll to prevent test output pollution
-    Object.defineProperty(window, 'scroll', {
-      value: vi.fn(),
-      writable: true
-    });
-  });
-  afterAll(() => {
-    window.scroll = originalScroll;
-  });
-  it('should render nothing and have a node with no parent when closed', () => {
-    const _render = render(_Modal || (_Modal = _jsx(Modal, {
-        label: "Modal Dialog",
-        shouldReturnFocus: false,
-        children: _jsx(Modal.Body, {
-          children: "Foo Bar Baz"
-        })
-      }))),
-      container = _render.container;
-    expect(container.firstChild).not.toBeInTheDocument();
-  });
-  it('should apply theme overrides when open', async () => {
-    const testFont = 'test-font';
-    const bodyText = 'Modal-body-text';
-    const _render2 = render(_jsx(Modal, {
-        open: true,
-        size: "small",
-        label: "Modal Dialog",
-        shouldReturnFocus: false,
-        themeOverride: {
-          fontFamily: testFont
-        },
-        children: _jsx(Modal.Body, {
-          children: bodyText
-        })
-      })),
-      findByText = _render2.findByText,
-      findByRole = _render2.findByRole;
-    const modalBody = await findByText(bodyText);
-    const dialog = await findByRole('dialog');
-    const dialogStyle = window.getComputedStyle(dialog);
-    expect(modalBody).toBeInTheDocument();
-    expect(dialogStyle.fontFamily).toBe(testFont);
-  });
-  it('should render its own positioning context if constrained to parent', async () => {
-    const _render3 = render(_Modal2 || (_Modal2 = _jsx(Modal, {
-        open: true,
-        label: "Modal Dialog",
-        shouldReturnFocus: false,
-        constrain: "parent",
-        children: _jsx(Modal.Body, {
-          children: "Foo Bar Baz"
-        })
-      }))),
-      findByRole = _render3.findByRole;
-    const dialog = await findByRole('dialog');
-    const constrain = document.querySelector("[class*='constrainContext']");
-    expect(dialog).toBeInTheDocument();
-    expect(constrain).toBeInTheDocument();
-  });
-  it("should not inherit its parent's font color", async () => {
-    const _render4 = render(_jsx("div", {
-        style: {
-          color: 'rgb(255, 255, 255)'
-        },
-        children: _jsx(Modal, {
-          open: true,
-          label: "Modal Dialog",
-          shouldReturnFocus: false,
-          constrain: "parent",
-          themeOverride: {
-            textColor: 'rgb(0, 0, 0)'
-          },
-          children: _Modal$Body || (_Modal$Body = _jsx(Modal.Body, {
-            children: "Foo Bar Baz"
-          }))
-        })
-      })),
-      findByRole = _render4.findByRole;
-    const dialog = await findByRole('dialog');
-    const dialogStyle = window.getComputedStyle(dialog);
-    expect(dialog).toBeInTheDocument();
-    expect(dialogStyle.color).toBe('rgb(0, 0, 0)');
-  });
-  it('should pass `as` prop to the dialog', async () => {
-    const _render5 = render(_Modal3 || (_Modal3 = _jsx(Modal, {
-        open: true,
-        label: "Modal Dialog",
-        shouldReturnFocus: false,
-        children: _jsx(Modal.Body, {
-          children: "Foo Bar Baz"
-        })
-      }))),
-      findByRole = _render5.findByRole,
-      rerender = _render5.rerender;
-    const dialog = await findByRole('dialog');
-    expect(dialog).toBeInTheDocument();
-    expect(dialog.tagName).toBe('SPAN');
-    rerender(_Modal4 || (_Modal4 = _jsx(Modal, {
-      as: "form",
-      open: true,
-      label: "Modal Dialog",
-      shouldReturnFocus: false,
-      children: _jsx(Modal.Body, {
-        children: "Foo Bar Baz"
-      })
-    })));
-    const dialogForm = await findByRole('dialog');
-    expect(dialogForm.tagName).toBe('FORM');
-  });
-  it('should handle null children', async () => {
-    const bodyText = 'Modal-body-text';
-    const _render6 = render(_jsxs(Modal, {
-        open: true,
-        label: "Modal Dialog",
-        shouldReturnFocus: false,
-        children: [null, _jsx(Modal.Body, {
-          children: bodyText
-        }), null]
-      })),
-      findByText = _render6.findByText;
-    const modalBody = await findByText(bodyText);
-    expect(modalBody).toBeInTheDocument();
-  });
-  it('should handle custom children', async () => {
-    const bodyText = 'Modal-body-text';
-    const _render7 = render(_jsxs(Modal, {
-        open: true,
-        label: "Modal Dialog",
-        shouldReturnFocus: false,
-        children: [_View || (_View = _jsx(View, {
-          children: "This is a custom child"
-        })), _jsx(Modal.Body, {
-          children: bodyText
-        })]
-      })),
-      findByText = _render7.findByText;
-    const modalBody = await findByText(bodyText);
-    const customChild = await findByText('This is a custom child');
-    expect(modalBody).toBeInTheDocument();
-    expect(customChild).toBeInTheDocument();
-  });
-  it('should apply the aria attributes', async () => {
-    const _render8 = render(_Modal5 || (_Modal5 = _jsx(Modal, {
-        open: true,
-        label: "Modal Dialog",
-        shouldReturnFocus: false,
-        children: _jsx(Modal.Body, {
-          children: "Foo Bar Baz"
-        })
-      }))),
-      findByRole = _render8.findByRole;
-    const dialog = await findByRole('dialog');
-    expect(dialog).toBeInTheDocument();
-    expect(dialog).toHaveAttribute('aria-label', 'Modal Dialog');
-  });
-  it('should use transition', async () => {
-    const onEnter = vi.fn();
-    const onEntering = vi.fn();
-    const onEntered = vi.fn();
-    const _render9 = render(_jsx(Modal, {
-        open: true,
-        onEnter: onEnter,
-        onEntering: onEntering,
-        onEntered: onEntered,
-        transition: "fade",
-        label: "Modal Dialog",
-        shouldReturnFocus: false,
-        children: _Modal$Body2 || (_Modal$Body2 = _jsx(Modal.Body, {
-          children: "Foo Bar Baz"
-        }))
-      })),
-      findByRole = _render9.findByRole;
-    const dialog = await findByRole('dialog');
-    expect(dialog).toBeInTheDocument();
-    await waitFor(() => {
-      expect(onEnter).toHaveBeenCalled();
-      expect(onEntering).toHaveBeenCalled();
-      expect(onEntered).toHaveBeenCalled();
-    });
-  });
-  it('should support onOpen prop', async () => {
-    const onOpen = vi.fn();
-    const _render10 = render(_jsx(Modal, {
-        open: true,
-        onOpen: onOpen,
-        label: "Modal Dialog",
-        shouldReturnFocus: false,
-        children: _Modal$Body3 || (_Modal$Body3 = _jsx(Modal.Body, {
-          children: "Foo Bar Baz"
-        }))
-      })),
-      findByRole = _render10.findByRole;
-    const dialog = await findByRole('dialog');
-    expect(dialog).toBeInTheDocument();
-    await waitFor(() => {
-      expect(onOpen).toHaveBeenCalled();
-    });
-  });
-  it('should support onClose prop', async () => {
-    const onClose = vi.fn();
-    const _render11 = render(_jsx(Modal, {
-        open: true,
-        onClose: onClose,
-        label: "Modal Dialog",
-        shouldReturnFocus: false,
-        children: _Modal$Body4 || (_Modal$Body4 = _jsx(Modal.Body, {
-          children: "Foo Bar Baz"
-        }))
-      })),
-      findByRole = _render11.findByRole,
-      rerender = _render11.rerender;
-    const dialog = await findByRole('dialog');
-    expect(dialog).toBeInTheDocument();
-    rerender(_jsx(Modal, {
-      open: false,
-      onClose: onClose,
-      label: "Modal Dialog",
-      shouldReturnFocus: false,
-      children: _Modal$Body5 || (_Modal$Body5 = _jsx(Modal.Body, {
-        children: "Foo Bar Baz"
-      }))
-    }));
-    await waitFor(() => {
-      expect(onClose).toHaveBeenCalled();
-    });
-  });
-  it('should dismiss when overlay clicked by default', async () => {
-    const onDismiss = vi.fn();
-    const _render12 = render(_jsx(Modal, {
-        open: true,
-        onDismiss: onDismiss,
-        label: "Modal Dialog",
-        shouldReturnFocus: false,
-        children: _Modal$Body6 || (_Modal$Body6 = _jsx(Modal.Body, {
-          children: "Modal Text"
-        }))
-      })),
-      findByText = _render12.findByText;
-    const modalBody = await findByText('Modal Text');
-    expect(modalBody).toBeInTheDocument();
-    await waitFor(() => {
-      userEvent.click(document.body);
-      expect(onDismiss).toHaveBeenCalled();
-    });
-  });
-  it('should NOT dismiss when overlay clicked with shouldCloseOnDocumentClick=false', async () => {
-    const onDismiss = vi.fn();
-    const onClickOuter = vi.fn();
-    const _render13 = render(_jsxs("div", {
-        children: [_jsx("button", {
-          "data-testid": "outer-element",
-          onClick: onClickOuter,
-          children: "for dismiss"
-        }), _jsx(Modal, {
-          open: true,
-          onDismiss: onDismiss,
-          label: "Modal Dialog",
-          shouldReturnFocus: false,
-          shouldCloseOnDocumentClick: false,
-          children: _Modal$Body7 || (_Modal$Body7 = _jsxs(Modal.Body, {
-            children: ["Foo Bar Baz ", _jsx("button", {
-              children: "click me"
-            })]
-          }))
-        })]
-      })),
-      findByRole = _render13.findByRole,
-      getByTestId = _render13.getByTestId;
-    const dialog = await findByRole('dialog');
-    expect(dialog).toBeInTheDocument();
-    userEvent.click(getByTestId('outer-element'));
-    await waitFor(() => {
-      expect(onClickOuter).toHaveBeenCalled();
-      expect(onDismiss).not.toHaveBeenCalled();
-      expect(dialog).toBeInTheDocument();
-    });
-  });
-  it('should render children', async () => {
-    const _render14 = render(_Modal6 || (_Modal6 = _jsx(Modal, {
-        open: true,
-        label: "Modal Dialog",
-        shouldReturnFocus: false,
-        children: _jsx(Modal.Body, {
-          children: _jsx("button", {
-            children: "Cancel"
-          })
-        })
-      }))),
-      findByText = _render14.findByText;
-    const cancelButton = await findByText('Cancel');
-    expect(cancelButton).toBeInTheDocument();
-  });
-  describe('children validation', () => {
-    it('should pass validation when children are valid', async () => {
-      const _render15 = render(_Modal7 || (_Modal7 = _jsxs(Modal, {
-          open: true,
-          label: "Modal Dialog",
-          shouldReturnFocus: false,
-          children: [_jsx(Modal.Header, {
-            children: "Hello World"
-          }), _jsx(Modal.Body, {
-            children: "Foo Bar Baz"
-          }), _jsx(Modal.Footer, {
-            children: _jsx("button", {
-              children: "Cancel"
-            })
-          })]
-        }))),
-        findByRole = _render15.findByRole;
-      const dialog = await findByRole('dialog');
-      expect(dialog).toBeInTheDocument();
-      expect(consoleErrorMock).not.toHaveBeenCalled();
-    });
-    it('should pass inverse variant to children when set', async () => {
-      let headerRef = null;
-      let bodyRef = null;
-      let footerRef = null;
-      const _render16 = render(_jsxs(Modal, {
-          open: true,
-          label: "Dark Modal",
-          shouldReturnFocus: false,
-          variant: "inverse",
-          children: [_jsx(Modal.Header, {
-            ref: el => headerRef = el,
-            children: "header"
-          }), _jsx(Modal.Body, {
-            ref: el => bodyRef = el,
-            children: "body"
-          }), _jsx(Modal.Footer, {
-            ref: el => footerRef = el,
-            children: "footer"
-          })]
-        })),
-        findByRole = _render16.findByRole;
-      const dialog = await findByRole('dialog');
-      expect(dialog).toBeInTheDocument();
-      expect(headerRef.props.variant).toBe('inverse');
-      expect(bodyRef.props.variant).toBe('inverse');
-      expect(footerRef.props.variant).toBe('inverse');
-    });
-    it('should pass overflow to Modal.Body', async () => {
-      let bodyRef = null;
-      const _render17 = render(_jsx(Modal, {
-          open: true,
-          label: "Modal",
-          shouldReturnFocus: false,
-          overflow: "fit",
-          children: _jsx(Modal.Body, {
-            ref: el => bodyRef = el,
-            children: "body"
-          })
-        })),
-        findByRole = _render17.findByRole;
-      const dialog = await findByRole('dialog');
-      expect(dialog).toBeInTheDocument();
-      expect(bodyRef.props.overflow).toBe('fit');
-    });
-  });
-  describe('managed focus', () => {
-    var _ModalExample2;
-    class ModalExample extends Component {
-      render() {
-        const _this$props = this.props,
-          label = _this$props.label,
-          props = _objectWithoutProperties(_this$props, _excluded);
-        return _jsxs("div", {
-          children: [_input || (_input = _jsx("input", {
-            type: "text"
-          })), _jsxs(Modal, {
-            label: label,
-            ...props,
-            children: [_Modal$Header || (_Modal$Header = _jsx(Modal.Header, {
-              children: _jsx("button", {
-                children: "Close"
-              })
-            })), _Modal$Body8 || (_Modal$Body8 = _jsxs(Modal.Body, {
-              children: [_jsx("input", {
-                type: "text",
-                id: "input-one",
-                "data-testid": "input-first"
-              }), _jsx("input", {
-                type: "text",
-                id: "input-two",
-                "data-testid": "input-second"
-              })]
-            })), _Modal$Footer || (_Modal$Footer = _jsx(Modal.Footer, {
-              children: _jsx("button", {
-                children: "Cancel"
-              })
-            }))]
-          })]
-        });
-      }
-    }
-    ModalExample.displayName = "ModalExample";
-    ModalExample.propTypes = {
-      // eslint-disable-next-line react/forbid-foreign-prop-types
-      ...Modal.propTypes
-    };
-    it('should focus closeButton by default', async () => {
-      const _render18 = render(_ModalExample2 || (_ModalExample2 = _jsx(ModalExample, {
-          open: true,
-          label: "A Modal"
-        }))),
-        findByText = _render18.findByText;
-      const closeButton = await findByText('Close');
-      expect(closeButton).toBeInTheDocument();
-      await waitFor(() => {
-        expect(document.activeElement).toBe(closeButton);
-      });
-    });
-    it('should take a prop for finding default focus', async () => {
-      const _render19 = render(_jsx(ModalExample, {
-          open: true,
-          label: "A Modal",
-          defaultFocusElement: () => document.getElementById('input-one')
-        })),
-        findByTestId = _render19.findByTestId;
-      const input = await findByTestId('input-first');
-      await waitFor(() => {
-        expect(input).toHaveFocus();
-      });
-    });
-  });
-});

package/lib/Modal/ModalBody/__new-tests__/ModalBody.test.js

@@ -1,113 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _react = require("@testing-library/react");
-var _vitest = require("vitest");
-require("@testing-library/jest-dom");
-var _uiColorUtils = require("@instructure/ui-color-utils");
-var _uiThemes = _interopRequireDefault(require("@instructure/ui-themes"));
-var _View = require("@instructure/ui-view/lib/View");
-var _index = require("../index");
-var _theme = _interopRequireDefault(require("../theme"));
-var _jsxRuntime = require("@emotion/react/jsx-runtime");
-var _ModalBody, _ModalBody2, _ModalBody3;
-/*
- * The MIT License (MIT)
- *
- * Copyright (c) 2015 - present Instructure, Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in all
- * copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
- */
-const BODY_TEXT = 'Modal-body-text';
-describe('<ModalBody />', () => {
-  it('should render', async () => {
-    const _render = (0, _react.render)(_ModalBody || (_ModalBody = (0, _jsxRuntime.jsx)(_index.ModalBody, {
-        children: BODY_TEXT
-      }))),
-      findByText = _render.findByText;
-    const modalBody = await findByText(BODY_TEXT);
-    expect(modalBody).toBeInTheDocument();
-  });
-  it('should set inverse styles', async () => {
-    const themeVariables = (0, _theme.default)(_uiThemes.default);
-    const _render2 = (0, _react.render)(_ModalBody2 || (_ModalBody2 = (0, _jsxRuntime.jsx)(_index.ModalBody, {
-        variant: "inverse",
-        children: BODY_TEXT
-      }))),
-      findByText = _render2.findByText;
-    const modalBody = await findByText(BODY_TEXT);
-    const modalBodyStyle = window.getComputedStyle(modalBody);
-    const bodyBackground = (0, _uiColorUtils.color2hex)(modalBodyStyle.getPropertyValue('background-color'));
-    expect(modalBody).toBeInTheDocument();
-    expect(bodyBackground).toBe(themeVariables.inverseBackground);
-  });
-  it('should set the same width and height as the parent when overflow is set to fit', async () => {
-    const _render3 = (0, _react.render)((0, _jsxRuntime.jsx)("div", {
-        style: {
-          width: '500px',
-          height: '600px'
-        },
-        children: _ModalBody3 || (_ModalBody3 = (0, _jsxRuntime.jsx)(_index.ModalBody, {
-          overflow: "fit",
-          children: BODY_TEXT
-        }))
-      })),
-      findByText = _render3.findByText;
-    const modalBody = await findByText(BODY_TEXT);
-    const modalBodyStyle = window.getComputedStyle(modalBody);
-    expect(modalBodyStyle.width).toBe('100%');
-    expect(modalBodyStyle.height).toBe('100%');
-  });
-  describe('when passing down props to View', () => {
-    const allowedProps = {
-      padding: 'small',
-      elementRef: () => {},
-      as: 'section'
-    };
-    const allProps = _View.View.allowedProps.filter(prop => prop !== 'children');
-    allProps.forEach(prop => {
-      if (prop in allowedProps) {
-        it(`should allow the '${prop}' prop`, () => {
-          const consoleErrorSpy = _vitest.vi.spyOn(console, 'error').mockImplementation(() => {});
-          const props = {
-            [prop]: allowedProps[prop]
-          };
-          (0, _react.render)((0, _jsxRuntime.jsx)(_index.ModalBody, {
-            ...props
-          }));
-          expect(consoleErrorSpy).not.toHaveBeenCalled();
-          consoleErrorSpy.mockRestore();
-        });
-      } else {
-        it(`should NOT allow the '${prop}' prop`, () => {
-          const expectedErrorMessage = `prop '${prop}' is not allowed.`;
-          const consoleErrorSpy = _vitest.vi.spyOn(console, 'error').mockImplementation(() => {});
-          const props = {
-            [prop]: 'NOT_ALLOWED_VALUE'
-          };
-          (0, _react.render)((0, _jsxRuntime.jsx)(_index.ModalBody, {
-            ...props
-          }));
-          expect(consoleErrorSpy).toHaveBeenCalledWith(expect.stringContaining(expectedErrorMessage), expect.any(String));
-          consoleErrorSpy.mockRestore();
-        });
-      }
-    });
-  });
-});

package/lib/Modal/ModalFooter/__new-tests__/ModalFooter.test.js

@@ -1,60 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _react = require("@testing-library/react");
-require("@testing-library/jest-dom");
-var _uiThemes = _interopRequireDefault(require("@instructure/ui-themes"));
-var _uiColorUtils = require("@instructure/ui-color-utils");
-var _index = require("../index");
-var _theme = _interopRequireDefault(require("../theme"));
-var _jsxRuntime = require("@emotion/react/jsx-runtime");
-var _ModalFooter, _ModalFooter2;
-/*
- * The MIT License (MIT)
- *
- * Copyright (c) 2015 - present Instructure, Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in all
- * copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
- */
-const FOOTER_TEXT = 'Modal-footer-text';
-describe('<ModalFooter />', () => {
-  it('should render', async () => {
-    const _render = (0, _react.render)(_ModalFooter || (_ModalFooter = (0, _jsxRuntime.jsx)(_index.ModalFooter, {
-        children: FOOTER_TEXT
-      }))),
-      findByText = _render.findByText;
-    const modalFooter = await findByText(FOOTER_TEXT);
-    expect(modalFooter).toBeInTheDocument();
-  });
-  it('should set inverse styles', async () => {
-    const themeVariables = (0, _theme.default)(_uiThemes.default);
-    const _render2 = (0, _react.render)(_ModalFooter2 || (_ModalFooter2 = (0, _jsxRuntime.jsx)(_index.ModalFooter, {
-        variant: "inverse",
-        children: FOOTER_TEXT
-      }))),
-      findByText = _render2.findByText;
-    const modalFooter = await findByText(FOOTER_TEXT);
-    const modalFooterStyle = window.getComputedStyle(modalFooter);
-    const footerBackground = (0, _uiColorUtils.color2hex)(modalFooterStyle.getPropertyValue('background-color'));
-    const footerBorderColor = (0, _uiColorUtils.color2hex)(modalFooterStyle.getPropertyValue('border-top-color'));
-    expect(modalFooter).toBeInTheDocument();
-    expect(footerBackground).toBe(themeVariables.inverseBackground);
-    expect(footerBorderColor).toBe(themeVariables.inverseBorderColor);
-  });
-});