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

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

@@ -1,400 +0,0 @@
-var _Menu, _Menu2, _Menu3, _Menu4, _MenuItem, _MenuItem2, _MenuItem3, _Menu5, _button, _MenuItem4, _Menu6, _button2, _MenuItem5, _MenuItem6, _button3, _MenuItem7, _MenuItem8, _Menu7, _Menu8, _button4, _MenuItem9, _MenuItem10, _button5, _MenuItem11, _MenuItem12, _button6, _MenuItem13, _MenuItem14, _Menu9, _button7, _MenuItem15, _MenuItem16;
-/*
- * 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, screen, fireEvent } from '@testing-library/react';
-import { vi } from 'vitest';
-import { userEvent } from '@testing-library/user-event';
-import '@testing-library/jest-dom';
-import { runAxeCheck } from '@instructure/ui-axe-check';
-import { Menu, MenuItem, MenuItemSeparator } from '../index';
-import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
-describe('<Menu />', () => {
-  let consoleWarningMock;
-  let consoleErrorMock;
-  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();
-  });
-  describe('without a trigger', () => {
-    it('should render', () => {
-      render(_Menu || (_Menu = _jsx(Menu, {
-        label: "Menu-label-text",
-        children: _jsx(MenuItem, {
-          children: "Menu Item Text"
-        })
-      })));
-      const menu = screen.getByRole('menu');
-      expect(menu).toBeInTheDocument();
-      expect(menu).toHaveTextContent('Menu Item Text');
-      expect(menu).toHaveAttribute('aria-label', 'Menu-label-text');
-    });
-    it('should meet a11y standards', async () => {
-      const _render = render(_Menu2 || (_Menu2 = _jsx(Menu, {
-          label: "Menu-label-text",
-          children: _jsx(MenuItem, {
-            children: "Menu Item Text"
-          })
-        }))),
-        container = _render.container;
-      const axeCheck = await runAxeCheck(container);
-      expect(axeCheck).toBe(true);
-    });
-    it('should meet standards when menu is closed', async () => {
-      const _render2 = render(_Menu3 || (_Menu3 = _jsxs(Menu, {
-          trigger: _jsx("button", {
-            children: "More"
-          }),
-          children: [_jsx(MenuItem, {
-            children: "Learning Mastery"
-          }), _jsx(MenuItem, {
-            disabled: true,
-            children: "Gradebook"
-          })]
-        }))),
-        container = _render2.container;
-      const axeCheck = await runAxeCheck(container);
-      expect(axeCheck).toBe(true);
-    });
-    it('should meet standards when menu is open', async () => {
-      const _render3 = render(_Menu4 || (_Menu4 = _jsxs(Menu, {
-          trigger: _jsx("button", {
-            children: "More"
-          }),
-          defaultShow: true,
-          children: [_jsx(MenuItem, {
-            children: "Learning Mastery"
-          }), _jsx(MenuItem, {
-            disabled: true,
-            children: "Gradebook"
-          })]
-        }))),
-        container = _render3.container;
-      const axeCheck = await runAxeCheck(container);
-      expect(axeCheck).toBe(true);
-    });
-    it('should call onSelect when menu item is selected', async () => {
-      const onSelect = vi.fn();
-      const _render4 = render(_jsx(Menu, {
-          label: "Settings",
-          onSelect: onSelect,
-          children: _MenuItem || (_MenuItem = _jsx(MenuItem, {
-            value: "Test",
-            children: "Test Item"
-          }))
-        })),
-        getByText = _render4.getByText;
-      const item = getByText('Test Item');
-      await userEvent.click(item);
-      expect(onSelect).toHaveBeenCalled();
-      expect(onSelect.mock.calls[0][1]).toEqual('Test');
-    });
-    it('should not call onSelect when disabled', () => {
-      const onSelect = vi.fn();
-      const _render5 = render(_jsx(Menu, {
-          label: "Settings",
-          onSelect: onSelect,
-          disabled: true,
-          children: _MenuItem2 || (_MenuItem2 = _jsx(MenuItem, {
-            value: "Account",
-            children: "Account"
-          }))
-        })),
-        getByText = _render5.getByText;
-      const itemText = getByText('Account');
-      const menu = screen.getByRole('menu');
-      const menuItem = screen.getByRole('menuitem');
-      expect(itemText).toBeInTheDocument();
-      expect(menu).toHaveAttribute('aria-disabled', 'true');
-      expect(menuItem).toHaveAttribute('aria-disabled', 'true');
-    });
-    it('should provide a menu ref', () => {
-      const menuRef = vi.fn();
-      render(_jsx(Menu, {
-        label: "Settings",
-        menuRef: menuRef,
-        children: _MenuItem3 || (_MenuItem3 = _jsx(MenuItem, {
-          value: "Account",
-          children: "Account"
-        }))
-      }));
-      const menu = screen.getByRole('menu');
-      expect(menuRef).toHaveBeenLastCalledWith(menu);
-    });
-    it('should set aria attributes properly', () => {
-      render(_Menu5 || (_Menu5 = _jsx(Menu, {
-        disabled: true,
-        label: "Settings",
-        children: _jsx(MenuItem, {
-          value: "Account",
-          children: "Account"
-        })
-      })));
-      const menu = screen.getByRole('menu');
-      expect(menu).toHaveAttribute('aria-disabled', 'true');
-      expect(menu).toHaveAttribute('aria-label', 'Settings');
-    });
-  });
-  describe('with a trigger', () => {
-    it('should render into a mountNode', () => {
-      const mountNode = document.createElement('div');
-      document.body.appendChild(mountNode);
-      render(_jsx(Menu, {
-        defaultShow: true,
-        mountNode: mountNode,
-        label: "Settings",
-        trigger: _button || (_button = _jsx("button", {
-          children: "Settings"
-        })),
-        children: _MenuItem4 || (_MenuItem4 = _jsx(MenuItem, {
-          children: "Account"
-        }))
-      }));
-      expect(mountNode).toHaveTextContent('Account');
-      document.body.removeChild(mountNode);
-    });
-    it('should set aria attributes properly', () => {
-      render(_Menu6 || (_Menu6 = _jsxs(Menu, {
-        trigger: _jsx("button", {
-          children: "Settings"
-        }),
-        defaultShow: true,
-        children: [_jsx(MenuItem, {
-          children: "Learning Mastery"
-        }), _jsx(MenuItem, {
-          disabled: true,
-          children: "Gradebook"
-        }), _jsx(MenuItem, {
-          type: "radio",
-          defaultChecked: true,
-          children: "Default (Grid view)"
-        }), _jsx(MenuItem, {
-          type: "radio",
-          children: "Individual (List view)"
-        }), _jsx(MenuItem, {
-          type: "checkbox",
-          defaultChecked: true,
-          children: "Include Anchor Standards"
-        }), _jsx(MenuItemSeparator, {}), _jsx(MenuItem, {
-          children: "Open grading history..."
-        })]
-      })));
-      const menu = screen.getByRole('menu');
-      const trigger = screen.getByRole('button', {
-        name: 'Settings'
-      });
-      expect(menu).toBeInTheDocument();
-      expect(menu).toHaveAttribute('aria-labelledby', trigger.getAttribute('id'));
-    });
-    it('should call onFocus on focus', () => {
-      const onFocus = vi.fn();
-      const _render6 = render(_jsxs(Menu, {
-          trigger: _button2 || (_button2 = _jsx("button", {
-            children: "More"
-          })),
-          onFocus: onFocus,
-          children: [_MenuItem5 || (_MenuItem5 = _jsx(MenuItem, {
-            children: "Learning Mastery"
-          })), _MenuItem6 || (_MenuItem6 = _jsx(MenuItem, {
-            disabled: true,
-            children: "Gradebook"
-          }))]
-        })),
-        getByRole = _render6.getByRole;
-      const triggerButton = getByRole('button', {
-        name: 'More'
-      });
-      fireEvent.focus(triggerButton);
-      expect(onFocus).toHaveBeenCalled();
-    });
-    it('should render when show and onToggle props are set', () => {
-      const _render7 = render(_jsxs(Menu, {
-          trigger: _button3 || (_button3 = _jsx("button", {
-            children: "More"
-          })),
-          show: true,
-          onToggle: () => {},
-          children: [_MenuItem7 || (_MenuItem7 = _jsx(MenuItem, {
-            children: "Test1"
-          })), _MenuItem8 || (_MenuItem8 = _jsx(MenuItem, {
-            disabled: true,
-            children: "Test2"
-          }))]
-        })),
-        getByRole = _render7.getByRole,
-        getAllByRole = _render7.getAllByRole,
-        queryByText = _render7.queryByText;
-      const menuItems = getAllByRole('menuitem');
-      const triggerButton = getByRole('button', {
-        name: 'More'
-      });
-      const menuItem1 = queryByText('Test1');
-      const menuItem2 = queryByText('Test2');
-      expect(triggerButton).toBeInTheDocument();
-      expect(menuItems).toHaveLength(2);
-      expect(menuItem1).toBeInTheDocument();
-      expect(menuItem2).toBeInTheDocument();
-    });
-    it('should not show by default', () => {
-      const _render8 = render(_Menu7 || (_Menu7 = _jsxs(Menu, {
-          trigger: _jsx("button", {
-            children: "More"
-          }),
-          children: [_jsx(MenuItem, {
-            children: "Test1"
-          }), _jsx(MenuItem, {
-            disabled: true,
-            children: "Test2"
-          })]
-        }))),
-        queryByText = _render8.queryByText,
-        getByRole = _render8.getByRole;
-      const triggerButton = getByRole('button', {
-        name: 'More'
-      });
-      const menuItem1 = queryByText('Test1');
-      const menuItem2 = queryByText('Test2');
-      expect(triggerButton).toBeInTheDocument();
-      expect(menuItem1).not.toBeInTheDocument();
-      expect(menuItem2).not.toBeInTheDocument();
-    });
-    it('should accept a default show', () => {
-      const _render9 = render(_Menu8 || (_Menu8 = _jsxs(Menu, {
-          trigger: _jsx("button", {
-            children: "More"
-          }),
-          defaultShow: true,
-          children: [_jsx(MenuItem, {
-            children: "Test1"
-          }), _jsx(MenuItem, {
-            disabled: true,
-            children: "Test2"
-          })]
-        }))),
-        queryByText = _render9.queryByText,
-        getByRole = _render9.getByRole;
-      const triggerButton = getByRole('button', {
-        name: 'More'
-      });
-      const menuItem1 = queryByText('Test1');
-      const menuItem2 = queryByText('Test2');
-      expect(triggerButton).toBeInTheDocument();
-      expect(menuItem1).toBeInTheDocument();
-      expect(menuItem2).toBeInTheDocument();
-    });
-    it('should provide a menu ref', () => {
-      const menuRef = vi.fn();
-      render(_jsxs(Menu, {
-        trigger: _button4 || (_button4 = _jsx("button", {
-          children: "More"
-        })),
-        defaultShow: true,
-        menuRef: menuRef,
-        children: [_MenuItem9 || (_MenuItem9 = _jsx(MenuItem, {
-          children: "Learning Mastery"
-        })), _MenuItem10 || (_MenuItem10 = _jsx(MenuItem, {
-          disabled: true,
-          children: "Gradebook"
-        }))]
-      }));
-      const menu = screen.getByRole('menu');
-      expect(menuRef).toHaveBeenCalledWith(menu);
-    });
-    it('should provide a popoverRef ref', () => {
-      const popoverRef = vi.fn();
-      render(_jsxs(Menu, {
-        trigger: _button5 || (_button5 = _jsx("button", {
-          children: "More"
-        })),
-        defaultShow: true,
-        popoverRef: popoverRef,
-        children: [_MenuItem11 || (_MenuItem11 = _jsx(MenuItem, {
-          children: "Learning Mastery"
-        })), _MenuItem12 || (_MenuItem12 = _jsx(MenuItem, {
-          disabled: true,
-          children: "Gradebook"
-        }))]
-      }));
-      expect(popoverRef).toHaveBeenCalled();
-    });
-    it('should call onToggle on click', () => {
-      const onToggle = vi.fn();
-      render(_jsxs(Menu, {
-        trigger: _button6 || (_button6 = _jsx("button", {
-          children: "More"
-        })),
-        onToggle: onToggle,
-        children: [_MenuItem13 || (_MenuItem13 = _jsx(MenuItem, {
-          children: "Learning Mastery"
-        })), _MenuItem14 || (_MenuItem14 = _jsx(MenuItem, {
-          disabled: true,
-          children: "Gradebook"
-        }))]
-      }));
-      const trigger = screen.getByRole('button');
-      fireEvent.click(trigger);
-      expect(onToggle).toHaveBeenCalled();
-    });
-    it('should have an aria-haspopup attribute', () => {
-      render(_Menu9 || (_Menu9 = _jsxs(Menu, {
-        trigger: _jsx("button", {
-          children: "More"
-        }),
-        children: [_jsx(MenuItem, {
-          children: "Learning Mastery"
-        }), _jsx(MenuItem, {
-          disabled: true,
-          children: "Gradebook"
-        })]
-      })));
-      const trigger = screen.getByRole('button');
-      expect(trigger).toHaveAttribute('aria-haspopup');
-    });
-    it('should pass positionContainerDisplay prop to Popover', () => {
-      let popoverRef = null;
-      render(_jsxs(Menu, {
-        trigger: _button7 || (_button7 = _jsx("button", {
-          children: "More"
-        })),
-        popoverRef: e => {
-          popoverRef = e;
-        },
-        positionContainerDisplay: "block",
-        children: [_MenuItem15 || (_MenuItem15 = _jsx(MenuItem, {
-          children: "Learning Mastery"
-        })), _MenuItem16 || (_MenuItem16 = _jsx(MenuItem, {
-          disabled: true,
-          children: "Gradebook"
-        }))]
-      }));
-      const popoverProps = popoverRef.props;
-      expect(popoverProps.positionContainerDisplay).toBe('block');
-    });
-  });
-});

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

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