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

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

@@ -1,111 +0,0 @@
-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.
- */
-
-import { render } from '@testing-library/react';
-import { vi } from 'vitest';
-import '@testing-library/jest-dom';
-import { color2hex } from '@instructure/ui-color-utils';
-import canvas from '@instructure/ui-themes';
-import { View } from '@instructure/ui-view';
-import { ModalBody } from '../index';
-import generateComponentTheme from '../theme';
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-const BODY_TEXT = 'Modal-body-text';
-describe('<ModalBody />', () => {
-  it('should render', async () => {
-    const _render = render(_ModalBody || (_ModalBody = _jsx(ModalBody, {
-        children: BODY_TEXT
-      }))),
-      findByText = _render.findByText;
-    const modalBody = await findByText(BODY_TEXT);
-    expect(modalBody).toBeInTheDocument();
-  });
-  it('should set inverse styles', async () => {
-    const themeVariables = generateComponentTheme(canvas);
-    const _render2 = render(_ModalBody2 || (_ModalBody2 = _jsx(ModalBody, {
-        variant: "inverse",
-        children: BODY_TEXT
-      }))),
-      findByText = _render2.findByText;
-    const modalBody = await findByText(BODY_TEXT);
-    const modalBodyStyle = window.getComputedStyle(modalBody);
-    const bodyBackground = 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 = render(_jsx("div", {
-        style: {
-          width: '500px',
-          height: '600px'
-        },
-        children: _ModalBody3 || (_ModalBody3 = _jsx(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.allowedProps.filter(prop => prop !== 'children');
-    allProps.forEach(prop => {
-      if (prop in allowedProps) {
-        it(`should allow the '${prop}' prop`, () => {
-          const consoleErrorSpy = vi.spyOn(console, 'error').mockImplementation(() => {});
-          const props = {
-            [prop]: allowedProps[prop]
-          };
-          render(_jsx(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 = vi.spyOn(console, 'error').mockImplementation(() => {});
-          const props = {
-            [prop]: 'NOT_ALLOWED_VALUE'
-          };
-          render(_jsx(ModalBody, {
-            ...props
-          }));
-          expect(consoleErrorSpy).toHaveBeenCalledWith(expect.stringContaining(expectedErrorMessage), expect.any(String));
-          consoleErrorSpy.mockRestore();
-        });
-      }
-    });
-  });
-});

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

@@ -1,58 +0,0 @@
-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.
- */
-
-import { render } from '@testing-library/react';
-import '@testing-library/jest-dom';
-import canvas from '@instructure/ui-themes';
-import { color2hex } from '@instructure/ui-color-utils';
-import { ModalFooter } from '../index';
-import generateComponentTheme from '../theme';
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-const FOOTER_TEXT = 'Modal-footer-text';
-describe('<ModalFooter />', () => {
-  it('should render', async () => {
-    const _render = render(_ModalFooter || (_ModalFooter = _jsx(ModalFooter, {
-        children: FOOTER_TEXT
-      }))),
-      findByText = _render.findByText;
-    const modalFooter = await findByText(FOOTER_TEXT);
-    expect(modalFooter).toBeInTheDocument();
-  });
-  it('should set inverse styles', async () => {
-    const themeVariables = generateComponentTheme(canvas);
-    const _render2 = render(_ModalFooter2 || (_ModalFooter2 = _jsx(ModalFooter, {
-        variant: "inverse",
-        children: FOOTER_TEXT
-      }))),
-      findByText = _render2.findByText;
-    const modalFooter = await findByText(FOOTER_TEXT);
-    const modalFooterStyle = window.getComputedStyle(modalFooter);
-    const footerBackground = color2hex(modalFooterStyle.getPropertyValue('background-color'));
-    const footerBorderColor = color2hex(modalFooterStyle.getPropertyValue('border-top-color'));
-    expect(modalFooter).toBeInTheDocument();
-    expect(footerBackground).toBe(themeVariables.inverseBackground);
-    expect(footerBorderColor).toBe(themeVariables.inverseBorderColor);
-  });
-});

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

@@ -1,98 +0,0 @@
-var _ModalHeader, _ModalHeader2, _ModalHeader3, _ModalHeader4, _ModalHeader5;
-/*
- * 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 { render } from '@testing-library/react';
-import '@testing-library/jest-dom';
-import canvas from '@instructure/ui-themes';
-import { color2hex } from '@instructure/ui-color-utils';
-import { ModalHeader } from '../index';
-import generateComponentTheme from '../theme';
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-const HEADER_TEXT = 'Modal-footer-text';
-describe('<ModalHeader />', () => {
-  it('should render', async () => {
-    const _render = render(_ModalHeader || (_ModalHeader = _jsx(ModalHeader, {
-        children: HEADER_TEXT
-      }))),
-      findByText = _render.findByText;
-    const modalHeader = await findByText(HEADER_TEXT);
-    expect(modalHeader).toBeInTheDocument();
-  });
-  it('should set inverse styles', async () => {
-    const themeVariables = generateComponentTheme(canvas);
-    const _render2 = render(_ModalHeader2 || (_ModalHeader2 = _jsx(ModalHeader, {
-        variant: "inverse",
-        children: HEADER_TEXT
-      }))),
-      findByText = _render2.findByText;
-    const modalHeader = await findByText(HEADER_TEXT);
-    const modalHeaderStyle = window.getComputedStyle(modalHeader);
-    const headerBackground = color2hex(modalHeaderStyle.getPropertyValue('background-color'));
-    const headerBorderColor = color2hex(modalHeaderStyle.getPropertyValue('border-bottom-color'));
-    expect(modalHeader).toBeInTheDocument();
-    expect(headerBackground).toBe(themeVariables.inverseBackground);
-    expect(headerBorderColor).toBe(themeVariables.inverseBorderColor);
-  });
-  describe('spacing prop', () => {
-    it('should be correct by default', async () => {
-      const themeVariables = generateComponentTheme(canvas);
-      const _render3 = render(_ModalHeader3 || (_ModalHeader3 = _jsx(ModalHeader, {
-          children: HEADER_TEXT
-        }))),
-        findByText = _render3.findByText;
-      const modalHeader = await findByText(HEADER_TEXT);
-      const modalHeaderStyle = window.getComputedStyle(modalHeader);
-      const headerPadding = modalHeaderStyle.padding;
-      expect(modalHeader).toBeInTheDocument();
-      expect(headerPadding).toBe(themeVariables.padding);
-    });
-    it('should correctly set default spacing', async () => {
-      const themeVariables = generateComponentTheme(canvas);
-      const _render4 = render(_ModalHeader4 || (_ModalHeader4 = _jsx(ModalHeader, {
-          spacing: "default",
-          children: HEADER_TEXT
-        }))),
-        findByText = _render4.findByText;
-      const modalHeader = await findByText(HEADER_TEXT);
-      const modalHeaderStyle = window.getComputedStyle(modalHeader);
-      const headerPadding = modalHeaderStyle.padding;
-      expect(modalHeader).toBeInTheDocument();
-      expect(headerPadding).toBe(themeVariables.padding);
-    });
-    it('should correctly set compact spacing', async () => {
-      const themeVariables = generateComponentTheme(canvas);
-      const _render5 = render(_ModalHeader5 || (_ModalHeader5 = _jsx(ModalHeader, {
-          spacing: "compact",
-          children: HEADER_TEXT
-        }))),
-        findByText = _render5.findByText;
-      const modalHeader = await findByText(HEADER_TEXT);
-      const modalHeaderStyle = window.getComputedStyle(modalHeader);
-      const headerPadding = modalHeaderStyle.padding;
-      expect(modalHeader).toBeInTheDocument();
-      expect(headerPadding).toBe(themeVariables.paddingCompact);
-    });
-  });
-});