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

package/es/Menu/MenuItem/__new-tests__/MenuItem.test.js

@@ -1,153 +0,0 @@
-var _MenuItem, _MenuItem2, _ExtendedMenuItem, _MenuItem3, _MenuItem4, _MenuItem5, _MenuItem6, _MenuItem7, _MenuItem8, _MenuItem9;
-/*
- * 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 { fireEvent, render, screen } from '@testing-library/react';
-import { vi } from 'vitest';
-import '@testing-library/jest-dom';
-import { MenuItem } from '../index';
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-const ExtendedMenuItem = ({
-  ...props
-}) => {
-  return _jsx(MenuItem, {
-    ...props
-  });
-};
-describe('<MenuItem />', () => {
-  it('should render', () => {
-    render(_MenuItem || (_MenuItem = _jsx(MenuItem, {
-      children: "Menu Item Text"
-    })));
-    const menuItem = screen.getByText('Menu Item Text');
-    expect(menuItem).toBeInTheDocument();
-  });
-  it('should render as a link when an href is provided', () => {
-    render(_MenuItem2 || (_MenuItem2 = _jsx(MenuItem, {
-      href: "example.html",
-      children: "Menu Item Text"
-    })));
-    const menuItem = screen.getByRole('menuitem');
-    expect(menuItem).toBeInTheDocument();
-    expect(menuItem).toHaveAttribute('href', 'example.html');
-  });
-  it('should render as a link when a to is provided', () => {
-    render(_ExtendedMenuItem || (_ExtendedMenuItem = _jsx(ExtendedMenuItem, {
-      to: "/example",
-      children: "Hello"
-    })));
-    const menuItem = screen.getByRole('menuitem');
-    expect(menuItem).toHaveAttribute('to', '/example');
-  });
-  it('should call onSelect after click', () => {
-    const onSelect = vi.fn();
-    render(_jsx(MenuItem, {
-      onSelect: onSelect,
-      value: "foo",
-      children: "Hello"
-    }));
-    const menuItem = screen.getByRole('menuitem');
-    fireEvent.click(menuItem);
-    expect(onSelect).toHaveBeenCalledWith(expect.any(Object), 'foo', true, expect.any(Object));
-  });
-  it('should call onClick after click', () => {
-    const onClick = vi.fn();
-    render(_jsx(MenuItem, {
-      onClick: onClick,
-      value: "foo",
-      children: "Hello"
-    }));
-    const menuItem = screen.getByRole('menuitem');
-    fireEvent.click(menuItem);
-    expect(onClick).toHaveBeenCalled();
-  });
-  it('should set the tabIndex attribute', () => {
-    render(_MenuItem3 || (_MenuItem3 = _jsx(MenuItem, {
-      children: "Hello"
-    })));
-    const menuItem = screen.getByRole('menuitem');
-    expect(menuItem).toHaveAttribute('tabIndex', '-1');
-  });
-  it('should set the aria-controls attribute', () => {
-    render(_MenuItem4 || (_MenuItem4 = _jsx(MenuItem, {
-      controls: "testId",
-      children: "Hello"
-    })));
-    const menuItem = screen.getByRole('menuitem');
-    expect(menuItem).toHaveAttribute('aria-controls', 'testId');
-  });
-  it('should set the aria-disabled attribute', () => {
-    render(_MenuItem5 || (_MenuItem5 = _jsx(MenuItem, {
-      disabled: true,
-      children: "Hello"
-    })));
-    const menuItem = screen.getByRole('menuitem');
-    expect(menuItem).toHaveAttribute('aria-disabled', 'true');
-  });
-  it('should set the aria-checked attribute when defaultSelected prop is true', () => {
-    render(_MenuItem6 || (_MenuItem6 = _jsx(MenuItem, {
-      type: "checkbox",
-      defaultSelected: true,
-      children: "Hello"
-    })));
-    const menuItem = screen.getByRole('menuitemcheckbox');
-    expect(menuItem).toHaveAttribute('aria-checked', 'true');
-  });
-  it('should set the aria-checked attribute when selected prop is true', () => {
-    render(_jsx(MenuItem, {
-      type: "checkbox",
-      selected: true,
-      onSelect: vi.fn(),
-      children: "Hello"
-    }));
-    const menuItem = screen.getByRole('menuitemcheckbox');
-    expect(menuItem).toHaveAttribute('aria-checked', 'true');
-  });
-  it('should default to the "menuitem" role', () => {
-    const _render = render(_MenuItem7 || (_MenuItem7 = _jsx(MenuItem, {
-        children: "Menu Item Text"
-      }))),
-      container = _render.container;
-    const menuItem = container.querySelector("span[class$='-menuItem']");
-    expect(menuItem).toHaveAttribute('role', 'menuitem');
-  });
-  it('should set the role to "menuitemcheckbox" when the type is "checkbox"', () => {
-    const _render2 = render(_MenuItem8 || (_MenuItem8 = _jsx(MenuItem, {
-        type: "checkbox",
-        children: "Hello"
-      }))),
-      container = _render2.container;
-    const menuItem = container.querySelector("span[class$='-menuItem']");
-    expect(menuItem).toHaveAttribute('role', 'menuitemcheckbox');
-  });
-  it('should set the role to "menuitemradio" when the type is "radio"', () => {
-    const _render3 = render(_MenuItem9 || (_MenuItem9 = _jsx(MenuItem, {
-        type: "radio",
-        children: "Hello"
-      }))),
-      container = _render3.container;
-    const menuItem = container.querySelector("span[class$='-menuItem']");
-    expect(menuItem).toHaveAttribute('role', 'menuitemradio');
-  });
-});

package/es/Menu/MenuItemGroup/__new-tests__/MenuItemGroup.test.js

@@ -1,190 +0,0 @@
-var _MenuItemGroup, _MenuItemGroup2, _MenuItemGroup3, _MenuItemGroup4, _MenuItem, _MenuItem2, _MenuItemSeparator, _MenuItem3, _MenuItem4, _MenuItemSeparator2, _MenuItem5, _MenuItem6, _MenuItem7, _MenuItem8, _MenuItemSeparator3, _MenuItem9, _MenuItem10, _MenuItemSeparator4;
-/*
- * 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 { fireEvent, render, screen } from '@testing-library/react';
-import { vi } from 'vitest';
-import '@testing-library/jest-dom';
-import { MenuItem } from '../../MenuItem';
-import { MenuItemSeparator } from '../../MenuItemSeparator';
-import { MenuItemGroup } from '../index';
-import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
-describe('<MenuItemGroup />', () => {
-  it('should render', () => {
-    const _render = render(_MenuItemGroup || (_MenuItemGroup = _jsxs(MenuItemGroup, {
-        label: "Menu Label",
-        children: [_jsx(MenuItem, {
-          children: "Item Text 1"
-        }), _jsx(MenuItem, {
-          children: "Item Text 2"
-        }), _jsx(MenuItemSeparator, {})]
-      }))),
-      container = _render.container;
-    const group = container.querySelector("[class*='menuItemGroup']");
-    expect(group).toBeInTheDocument();
-    expect(group).toHaveTextContent('Menu Label');
-    expect(group).toHaveTextContent('Item Text 1');
-    expect(group).toHaveTextContent('Item Text 2');
-  });
-  it('should default to children with type "radio"', () => {
-    render(_MenuItemGroup2 || (_MenuItemGroup2 = _jsxs(MenuItemGroup, {
-      label: "Select one",
-      children: [_jsx(MenuItem, {
-        children: "Foo"
-      }), _jsx(MenuItem, {
-        children: "Bar"
-      }), _jsx(MenuItemSeparator, {})]
-    })));
-    const menuItems = screen.getAllByRole('menuitemradio');
-    expect(menuItems).toHaveLength(2);
-  });
-  it('should render children with type "checkbox" if allowMultiple is true', () => {
-    render(_MenuItemGroup3 || (_MenuItemGroup3 = _jsxs(MenuItemGroup, {
-      label: "Select a few",
-      allowMultiple: true,
-      children: [_jsx(MenuItem, {
-        children: "Foo"
-      }), _jsx(MenuItem, {
-        children: "Bar"
-      }), _jsx(MenuItemSeparator, {})]
-    })));
-    const menuItems = screen.getAllByRole('menuitemcheckbox');
-    expect(menuItems).toHaveLength(2);
-  });
-  it('should set aria-disabled', () => {
-    render(_MenuItemGroup4 || (_MenuItemGroup4 = _jsxs(MenuItemGroup, {
-      label: "Select one",
-      disabled: true,
-      children: [_jsx(MenuItem, {
-        children: "Foo"
-      }), _jsx(MenuItem, {
-        children: "Bar"
-      }), _jsx(MenuItemSeparator, {})]
-    })));
-    const menuItems = screen.getAllByRole('menuitemradio');
-    expect(menuItems).toHaveLength(2);
-    expect(menuItems[0]).toHaveAttribute('aria-disabled', 'true');
-    expect(menuItems[1]).toHaveAttribute('aria-disabled', 'true');
-  });
-  it('should set selected from defaultSelected prop', () => {
-    render(_jsxs(MenuItemGroup, {
-      label: "Select one",
-      defaultSelected: [1],
-      children: [_MenuItem || (_MenuItem = _jsx(MenuItem, {
-        children: "Foo"
-      })), _MenuItem2 || (_MenuItem2 = _jsx(MenuItem, {
-        children: "Bar"
-      })), _MenuItemSeparator || (_MenuItemSeparator = _jsx(MenuItemSeparator, {}))]
-    }));
-    const menuItems = screen.getAllByRole('menuitemradio');
-    expect(menuItems).toHaveLength(2);
-    expect(menuItems[0]).toHaveAttribute('aria-checked', 'false');
-    expect(menuItems[1]).toHaveAttribute('aria-checked', 'true');
-  });
-  it('should set selected from selected prop', () => {
-    render(_jsxs(MenuItemGroup, {
-      label: "Select one",
-      onSelect: vi.fn(),
-      selected: [1],
-      children: [_MenuItem3 || (_MenuItem3 = _jsx(MenuItem, {
-        children: "Foo"
-      })), _MenuItem4 || (_MenuItem4 = _jsx(MenuItem, {
-        children: "Bar"
-      })), _MenuItemSeparator2 || (_MenuItemSeparator2 = _jsx(MenuItemSeparator, {}))]
-    }));
-    const menuItems = screen.getAllByRole('menuitemradio');
-    expect(menuItems).toHaveLength(2);
-    expect(menuItems[0]).toHaveAttribute('aria-checked', 'false');
-    expect(menuItems[1]).toHaveAttribute('aria-checked', 'true');
-  });
-  it('should set selected from children', () => {
-    render(_jsxs(MenuItemGroup, {
-      label: "Select a few",
-      allowMultiple: true,
-      children: [_MenuItem5 || (_MenuItem5 = _jsx(MenuItem, {
-        defaultSelected: true,
-        children: "Foo"
-      }, "foo")), _jsx(MenuItem, {
-        selected: true,
-        onSelect: vi.fn(),
-        children: "Bar"
-      }, "bar")]
-    }));
-    const menuItems = screen.getAllByRole('menuitemcheckbox');
-    expect(menuItems).toHaveLength(2);
-    expect(menuItems[0]).toHaveAttribute('aria-checked', 'true');
-    expect(menuItems[1]).toHaveAttribute('aria-checked', 'true');
-  });
-  it('should honor the allowMultiple prop (defaults to false)', () => {
-    render(_jsxs(MenuItemGroup, {
-      label: "Select one",
-      children: [_MenuItem6 || (_MenuItem6 = _jsx(MenuItem, {
-        defaultSelected: true,
-        children: "Foo"
-      })), _jsx(MenuItem, {
-        selected: true,
-        onSelect: vi.fn(),
-        children: "Bar"
-      })]
-    }));
-    const menuItems = screen.getAllByRole('menuitemradio');
-    expect(menuItems).toHaveLength(2);
-    expect(menuItems[0]).toHaveAttribute('aria-checked', 'true');
-    expect(menuItems[1]).toHaveAttribute('aria-checked', 'false');
-  });
-  it('calls onSelect when items are selected', () => {
-    const onSelect = vi.fn();
-    render(_jsxs(MenuItemGroup, {
-      label: "Select one",
-      onSelect: onSelect,
-      selected: [1],
-      children: [_MenuItem7 || (_MenuItem7 = _jsx(MenuItem, {
-        children: "Item 1"
-      })), _MenuItem8 || (_MenuItem8 = _jsx(MenuItem, {
-        children: "Item 2"
-      })), _MenuItemSeparator3 || (_MenuItemSeparator3 = _jsx(MenuItemSeparator, {}))]
-    }));
-    const menuItem = screen.getByText('Item 1');
-    fireEvent.click(menuItem);
-    expect(onSelect).toHaveBeenCalled();
-    expect(onSelect.mock.calls[0][1]).toEqual([0]);
-    expect(onSelect.mock.calls[0][2]).toEqual(true);
-  });
-  it('does not call onSelect when disabled', () => {
-    const onSelect = vi.fn();
-    render(_jsxs(MenuItemGroup, {
-      label: "Select one",
-      onSelect: onSelect,
-      disabled: true,
-      children: [_MenuItem9 || (_MenuItem9 = _jsx(MenuItem, {
-        children: "Item 1"
-      })), _MenuItem10 || (_MenuItem10 = _jsx(MenuItem, {
-        children: "Item 2"
-      })), _MenuItemSeparator4 || (_MenuItemSeparator4 = _jsx(MenuItemSeparator, {}))]
-    }));
-    const menuItem = screen.getByText('Item 1');
-    fireEvent.click(menuItem);
-    expect(onSelect).not.toHaveBeenCalled();
-  });
-});