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

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

@@ -1,191 +0,0 @@
-"use strict";
-
-var _react = require("@testing-library/react");
-var _vitest = require("vitest");
-require("@testing-library/jest-dom");
-var _MenuItem11 = require("../../MenuItem");
-var _MenuItemSeparator5 = require("../../MenuItemSeparator");
-var _index = require("../index");
-var _jsxRuntime = require("@emotion/react/jsx-runtime");
-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.
- */
-describe('<MenuItemGroup />', () => {
-  it('should render', () => {
-    const _render = (0, _react.render)(_MenuItemGroup || (_MenuItemGroup = (0, _jsxRuntime.jsxs)(_index.MenuItemGroup, {
-        label: "Menu Label",
-        children: [(0, _jsxRuntime.jsx)(_MenuItem11.MenuItem, {
-          children: "Item Text 1"
-        }), (0, _jsxRuntime.jsx)(_MenuItem11.MenuItem, {
-          children: "Item Text 2"
-        }), (0, _jsxRuntime.jsx)(_MenuItemSeparator5.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"', () => {
-    (0, _react.render)(_MenuItemGroup2 || (_MenuItemGroup2 = (0, _jsxRuntime.jsxs)(_index.MenuItemGroup, {
-      label: "Select one",
-      children: [(0, _jsxRuntime.jsx)(_MenuItem11.MenuItem, {
-        children: "Foo"
-      }), (0, _jsxRuntime.jsx)(_MenuItem11.MenuItem, {
-        children: "Bar"
-      }), (0, _jsxRuntime.jsx)(_MenuItemSeparator5.MenuItemSeparator, {})]
-    })));
-    const menuItems = _react.screen.getAllByRole('menuitemradio');
-    expect(menuItems).toHaveLength(2);
-  });
-  it('should render children with type "checkbox" if allowMultiple is true', () => {
-    (0, _react.render)(_MenuItemGroup3 || (_MenuItemGroup3 = (0, _jsxRuntime.jsxs)(_index.MenuItemGroup, {
-      label: "Select a few",
-      allowMultiple: true,
-      children: [(0, _jsxRuntime.jsx)(_MenuItem11.MenuItem, {
-        children: "Foo"
-      }), (0, _jsxRuntime.jsx)(_MenuItem11.MenuItem, {
-        children: "Bar"
-      }), (0, _jsxRuntime.jsx)(_MenuItemSeparator5.MenuItemSeparator, {})]
-    })));
-    const menuItems = _react.screen.getAllByRole('menuitemcheckbox');
-    expect(menuItems).toHaveLength(2);
-  });
-  it('should set aria-disabled', () => {
-    (0, _react.render)(_MenuItemGroup4 || (_MenuItemGroup4 = (0, _jsxRuntime.jsxs)(_index.MenuItemGroup, {
-      label: "Select one",
-      disabled: true,
-      children: [(0, _jsxRuntime.jsx)(_MenuItem11.MenuItem, {
-        children: "Foo"
-      }), (0, _jsxRuntime.jsx)(_MenuItem11.MenuItem, {
-        children: "Bar"
-      }), (0, _jsxRuntime.jsx)(_MenuItemSeparator5.MenuItemSeparator, {})]
-    })));
-    const menuItems = _react.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', () => {
-    (0, _react.render)((0, _jsxRuntime.jsxs)(_index.MenuItemGroup, {
-      label: "Select one",
-      defaultSelected: [1],
-      children: [_MenuItem || (_MenuItem = (0, _jsxRuntime.jsx)(_MenuItem11.MenuItem, {
-        children: "Foo"
-      })), _MenuItem2 || (_MenuItem2 = (0, _jsxRuntime.jsx)(_MenuItem11.MenuItem, {
-        children: "Bar"
-      })), _MenuItemSeparator || (_MenuItemSeparator = (0, _jsxRuntime.jsx)(_MenuItemSeparator5.MenuItemSeparator, {}))]
-    }));
-    const menuItems = _react.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', () => {
-    (0, _react.render)((0, _jsxRuntime.jsxs)(_index.MenuItemGroup, {
-      label: "Select one",
-      onSelect: _vitest.vi.fn(),
-      selected: [1],
-      children: [_MenuItem3 || (_MenuItem3 = (0, _jsxRuntime.jsx)(_MenuItem11.MenuItem, {
-        children: "Foo"
-      })), _MenuItem4 || (_MenuItem4 = (0, _jsxRuntime.jsx)(_MenuItem11.MenuItem, {
-        children: "Bar"
-      })), _MenuItemSeparator2 || (_MenuItemSeparator2 = (0, _jsxRuntime.jsx)(_MenuItemSeparator5.MenuItemSeparator, {}))]
-    }));
-    const menuItems = _react.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', () => {
-    (0, _react.render)((0, _jsxRuntime.jsxs)(_index.MenuItemGroup, {
-      label: "Select a few",
-      allowMultiple: true,
-      children: [_MenuItem5 || (_MenuItem5 = (0, _jsxRuntime.jsx)(_MenuItem11.MenuItem, {
-        defaultSelected: true,
-        children: "Foo"
-      }, "foo")), (0, _jsxRuntime.jsx)(_MenuItem11.MenuItem, {
-        selected: true,
-        onSelect: _vitest.vi.fn(),
-        children: "Bar"
-      }, "bar")]
-    }));
-    const menuItems = _react.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)', () => {
-    (0, _react.render)((0, _jsxRuntime.jsxs)(_index.MenuItemGroup, {
-      label: "Select one",
-      children: [_MenuItem6 || (_MenuItem6 = (0, _jsxRuntime.jsx)(_MenuItem11.MenuItem, {
-        defaultSelected: true,
-        children: "Foo"
-      })), (0, _jsxRuntime.jsx)(_MenuItem11.MenuItem, {
-        selected: true,
-        onSelect: _vitest.vi.fn(),
-        children: "Bar"
-      })]
-    }));
-    const menuItems = _react.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 = _vitest.vi.fn();
-    (0, _react.render)((0, _jsxRuntime.jsxs)(_index.MenuItemGroup, {
-      label: "Select one",
-      onSelect: onSelect,
-      selected: [1],
-      children: [_MenuItem7 || (_MenuItem7 = (0, _jsxRuntime.jsx)(_MenuItem11.MenuItem, {
-        children: "Item 1"
-      })), _MenuItem8 || (_MenuItem8 = (0, _jsxRuntime.jsx)(_MenuItem11.MenuItem, {
-        children: "Item 2"
-      })), _MenuItemSeparator3 || (_MenuItemSeparator3 = (0, _jsxRuntime.jsx)(_MenuItemSeparator5.MenuItemSeparator, {}))]
-    }));
-    const menuItem = _react.screen.getByText('Item 1');
-    _react.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 = _vitest.vi.fn();
-    (0, _react.render)((0, _jsxRuntime.jsxs)(_index.MenuItemGroup, {
-      label: "Select one",
-      onSelect: onSelect,
-      disabled: true,
-      children: [_MenuItem9 || (_MenuItem9 = (0, _jsxRuntime.jsx)(_MenuItem11.MenuItem, {
-        children: "Item 1"
-      })), _MenuItem10 || (_MenuItem10 = (0, _jsxRuntime.jsx)(_MenuItem11.MenuItem, {
-        children: "Item 2"
-      })), _MenuItemSeparator4 || (_MenuItemSeparator4 = (0, _jsxRuntime.jsx)(_MenuItemSeparator5.MenuItemSeparator, {}))]
-    }));
-    const menuItem = _react.screen.getByText('Item 1');
-    _react.fireEvent.click(menuItem);
-    expect(onSelect).not.toHaveBeenCalled();
-  });
-});

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

@@ -1,401 +0,0 @@
-"use strict";
-
-var _react = require("@testing-library/react");
-var _vitest = require("vitest");
-var _userEvent = require("@testing-library/user-event");
-require("@testing-library/jest-dom");
-var _runAxeCheck = require("@instructure/ui-axe-check/lib/runAxeCheck.js");
-var _index = require("../index");
-var _jsxRuntime = require("@emotion/react/jsx-runtime");
-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.
- */
-describe('<Menu />', () => {
-  let consoleWarningMock;
-  let consoleErrorMock;
-  beforeEach(() => {
-    // Mocking console to prevent test output pollution and expect for messages
-    consoleWarningMock = _vitest.vi.spyOn(console, 'warn').mockImplementation(() => {});
-    consoleErrorMock = _vitest.vi.spyOn(console, 'error').mockImplementation(() => {});
-  });
-  afterEach(() => {
-    consoleWarningMock.mockRestore();
-    consoleErrorMock.mockRestore();
-  });
-  describe('without a trigger', () => {
-    it('should render', () => {
-      (0, _react.render)(_Menu || (_Menu = (0, _jsxRuntime.jsx)(_index.Menu, {
-        label: "Menu-label-text",
-        children: (0, _jsxRuntime.jsx)(_index.MenuItem, {
-          children: "Menu Item Text"
-        })
-      })));
-      const menu = _react.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 = (0, _react.render)(_Menu2 || (_Menu2 = (0, _jsxRuntime.jsx)(_index.Menu, {
-          label: "Menu-label-text",
-          children: (0, _jsxRuntime.jsx)(_index.MenuItem, {
-            children: "Menu Item Text"
-          })
-        }))),
-        container = _render.container;
-      const axeCheck = await (0, _runAxeCheck.runAxeCheck)(container);
-      expect(axeCheck).toBe(true);
-    });
-    it('should meet standards when menu is closed', async () => {
-      const _render2 = (0, _react.render)(_Menu3 || (_Menu3 = (0, _jsxRuntime.jsxs)(_index.Menu, {
-          trigger: (0, _jsxRuntime.jsx)("button", {
-            children: "More"
-          }),
-          children: [(0, _jsxRuntime.jsx)(_index.MenuItem, {
-            children: "Learning Mastery"
-          }), (0, _jsxRuntime.jsx)(_index.MenuItem, {
-            disabled: true,
-            children: "Gradebook"
-          })]
-        }))),
-        container = _render2.container;
-      const axeCheck = await (0, _runAxeCheck.runAxeCheck)(container);
-      expect(axeCheck).toBe(true);
-    });
-    it('should meet standards when menu is open', async () => {
-      const _render3 = (0, _react.render)(_Menu4 || (_Menu4 = (0, _jsxRuntime.jsxs)(_index.Menu, {
-          trigger: (0, _jsxRuntime.jsx)("button", {
-            children: "More"
-          }),
-          defaultShow: true,
-          children: [(0, _jsxRuntime.jsx)(_index.MenuItem, {
-            children: "Learning Mastery"
-          }), (0, _jsxRuntime.jsx)(_index.MenuItem, {
-            disabled: true,
-            children: "Gradebook"
-          })]
-        }))),
-        container = _render3.container;
-      const axeCheck = await (0, _runAxeCheck.runAxeCheck)(container);
-      expect(axeCheck).toBe(true);
-    });
-    it('should call onSelect when menu item is selected', async () => {
-      const onSelect = _vitest.vi.fn();
-      const _render4 = (0, _react.render)((0, _jsxRuntime.jsx)(_index.Menu, {
-          label: "Settings",
-          onSelect: onSelect,
-          children: _MenuItem || (_MenuItem = (0, _jsxRuntime.jsx)(_index.MenuItem, {
-            value: "Test",
-            children: "Test Item"
-          }))
-        })),
-        getByText = _render4.getByText;
-      const item = getByText('Test Item');
-      await _userEvent.userEvent.click(item);
-      expect(onSelect).toHaveBeenCalled();
-      expect(onSelect.mock.calls[0][1]).toEqual('Test');
-    });
-    it('should not call onSelect when disabled', () => {
-      const onSelect = _vitest.vi.fn();
-      const _render5 = (0, _react.render)((0, _jsxRuntime.jsx)(_index.Menu, {
-          label: "Settings",
-          onSelect: onSelect,
-          disabled: true,
-          children: _MenuItem2 || (_MenuItem2 = (0, _jsxRuntime.jsx)(_index.MenuItem, {
-            value: "Account",
-            children: "Account"
-          }))
-        })),
-        getByText = _render5.getByText;
-      const itemText = getByText('Account');
-      const menu = _react.screen.getByRole('menu');
-      const menuItem = _react.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 = _vitest.vi.fn();
-      (0, _react.render)((0, _jsxRuntime.jsx)(_index.Menu, {
-        label: "Settings",
-        menuRef: menuRef,
-        children: _MenuItem3 || (_MenuItem3 = (0, _jsxRuntime.jsx)(_index.MenuItem, {
-          value: "Account",
-          children: "Account"
-        }))
-      }));
-      const menu = _react.screen.getByRole('menu');
-      expect(menuRef).toHaveBeenLastCalledWith(menu);
-    });
-    it('should set aria attributes properly', () => {
-      (0, _react.render)(_Menu5 || (_Menu5 = (0, _jsxRuntime.jsx)(_index.Menu, {
-        disabled: true,
-        label: "Settings",
-        children: (0, _jsxRuntime.jsx)(_index.MenuItem, {
-          value: "Account",
-          children: "Account"
-        })
-      })));
-      const menu = _react.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);
-      (0, _react.render)((0, _jsxRuntime.jsx)(_index.Menu, {
-        defaultShow: true,
-        mountNode: mountNode,
-        label: "Settings",
-        trigger: _button || (_button = (0, _jsxRuntime.jsx)("button", {
-          children: "Settings"
-        })),
-        children: _MenuItem4 || (_MenuItem4 = (0, _jsxRuntime.jsx)(_index.MenuItem, {
-          children: "Account"
-        }))
-      }));
-      expect(mountNode).toHaveTextContent('Account');
-      document.body.removeChild(mountNode);
-    });
-    it('should set aria attributes properly', () => {
-      (0, _react.render)(_Menu6 || (_Menu6 = (0, _jsxRuntime.jsxs)(_index.Menu, {
-        trigger: (0, _jsxRuntime.jsx)("button", {
-          children: "Settings"
-        }),
-        defaultShow: true,
-        children: [(0, _jsxRuntime.jsx)(_index.MenuItem, {
-          children: "Learning Mastery"
-        }), (0, _jsxRuntime.jsx)(_index.MenuItem, {
-          disabled: true,
-          children: "Gradebook"
-        }), (0, _jsxRuntime.jsx)(_index.MenuItem, {
-          type: "radio",
-          defaultChecked: true,
-          children: "Default (Grid view)"
-        }), (0, _jsxRuntime.jsx)(_index.MenuItem, {
-          type: "radio",
-          children: "Individual (List view)"
-        }), (0, _jsxRuntime.jsx)(_index.MenuItem, {
-          type: "checkbox",
-          defaultChecked: true,
-          children: "Include Anchor Standards"
-        }), (0, _jsxRuntime.jsx)(_index.MenuItemSeparator, {}), (0, _jsxRuntime.jsx)(_index.MenuItem, {
-          children: "Open grading history..."
-        })]
-      })));
-      const menu = _react.screen.getByRole('menu');
-      const trigger = _react.screen.getByRole('button', {
-        name: 'Settings'
-      });
-      expect(menu).toBeInTheDocument();
-      expect(menu).toHaveAttribute('aria-labelledby', trigger.getAttribute('id'));
-    });
-    it('should call onFocus on focus', () => {
-      const onFocus = _vitest.vi.fn();
-      const _render6 = (0, _react.render)((0, _jsxRuntime.jsxs)(_index.Menu, {
-          trigger: _button2 || (_button2 = (0, _jsxRuntime.jsx)("button", {
-            children: "More"
-          })),
-          onFocus: onFocus,
-          children: [_MenuItem5 || (_MenuItem5 = (0, _jsxRuntime.jsx)(_index.MenuItem, {
-            children: "Learning Mastery"
-          })), _MenuItem6 || (_MenuItem6 = (0, _jsxRuntime.jsx)(_index.MenuItem, {
-            disabled: true,
-            children: "Gradebook"
-          }))]
-        })),
-        getByRole = _render6.getByRole;
-      const triggerButton = getByRole('button', {
-        name: 'More'
-      });
-      _react.fireEvent.focus(triggerButton);
-      expect(onFocus).toHaveBeenCalled();
-    });
-    it('should render when show and onToggle props are set', () => {
-      const _render7 = (0, _react.render)((0, _jsxRuntime.jsxs)(_index.Menu, {
-          trigger: _button3 || (_button3 = (0, _jsxRuntime.jsx)("button", {
-            children: "More"
-          })),
-          show: true,
-          onToggle: () => {},
-          children: [_MenuItem7 || (_MenuItem7 = (0, _jsxRuntime.jsx)(_index.MenuItem, {
-            children: "Test1"
-          })), _MenuItem8 || (_MenuItem8 = (0, _jsxRuntime.jsx)(_index.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 = (0, _react.render)(_Menu7 || (_Menu7 = (0, _jsxRuntime.jsxs)(_index.Menu, {
-          trigger: (0, _jsxRuntime.jsx)("button", {
-            children: "More"
-          }),
-          children: [(0, _jsxRuntime.jsx)(_index.MenuItem, {
-            children: "Test1"
-          }), (0, _jsxRuntime.jsx)(_index.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 = (0, _react.render)(_Menu8 || (_Menu8 = (0, _jsxRuntime.jsxs)(_index.Menu, {
-          trigger: (0, _jsxRuntime.jsx)("button", {
-            children: "More"
-          }),
-          defaultShow: true,
-          children: [(0, _jsxRuntime.jsx)(_index.MenuItem, {
-            children: "Test1"
-          }), (0, _jsxRuntime.jsx)(_index.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 = _vitest.vi.fn();
-      (0, _react.render)((0, _jsxRuntime.jsxs)(_index.Menu, {
-        trigger: _button4 || (_button4 = (0, _jsxRuntime.jsx)("button", {
-          children: "More"
-        })),
-        defaultShow: true,
-        menuRef: menuRef,
-        children: [_MenuItem9 || (_MenuItem9 = (0, _jsxRuntime.jsx)(_index.MenuItem, {
-          children: "Learning Mastery"
-        })), _MenuItem10 || (_MenuItem10 = (0, _jsxRuntime.jsx)(_index.MenuItem, {
-          disabled: true,
-          children: "Gradebook"
-        }))]
-      }));
-      const menu = _react.screen.getByRole('menu');
-      expect(menuRef).toHaveBeenCalledWith(menu);
-    });
-    it('should provide a popoverRef ref', () => {
-      const popoverRef = _vitest.vi.fn();
-      (0, _react.render)((0, _jsxRuntime.jsxs)(_index.Menu, {
-        trigger: _button5 || (_button5 = (0, _jsxRuntime.jsx)("button", {
-          children: "More"
-        })),
-        defaultShow: true,
-        popoverRef: popoverRef,
-        children: [_MenuItem11 || (_MenuItem11 = (0, _jsxRuntime.jsx)(_index.MenuItem, {
-          children: "Learning Mastery"
-        })), _MenuItem12 || (_MenuItem12 = (0, _jsxRuntime.jsx)(_index.MenuItem, {
-          disabled: true,
-          children: "Gradebook"
-        }))]
-      }));
-      expect(popoverRef).toHaveBeenCalled();
-    });
-    it('should call onToggle on click', () => {
-      const onToggle = _vitest.vi.fn();
-      (0, _react.render)((0, _jsxRuntime.jsxs)(_index.Menu, {
-        trigger: _button6 || (_button6 = (0, _jsxRuntime.jsx)("button", {
-          children: "More"
-        })),
-        onToggle: onToggle,
-        children: [_MenuItem13 || (_MenuItem13 = (0, _jsxRuntime.jsx)(_index.MenuItem, {
-          children: "Learning Mastery"
-        })), _MenuItem14 || (_MenuItem14 = (0, _jsxRuntime.jsx)(_index.MenuItem, {
-          disabled: true,
-          children: "Gradebook"
-        }))]
-      }));
-      const trigger = _react.screen.getByRole('button');
-      _react.fireEvent.click(trigger);
-      expect(onToggle).toHaveBeenCalled();
-    });
-    it('should have an aria-haspopup attribute', () => {
-      (0, _react.render)(_Menu9 || (_Menu9 = (0, _jsxRuntime.jsxs)(_index.Menu, {
-        trigger: (0, _jsxRuntime.jsx)("button", {
-          children: "More"
-        }),
-        children: [(0, _jsxRuntime.jsx)(_index.MenuItem, {
-          children: "Learning Mastery"
-        }), (0, _jsxRuntime.jsx)(_index.MenuItem, {
-          disabled: true,
-          children: "Gradebook"
-        })]
-      })));
-      const trigger = _react.screen.getByRole('button');
-      expect(trigger).toHaveAttribute('aria-haspopup');
-    });
-    it('should pass positionContainerDisplay prop to Popover', () => {
-      let popoverRef = null;
-      (0, _react.render)((0, _jsxRuntime.jsxs)(_index.Menu, {
-        trigger: _button7 || (_button7 = (0, _jsxRuntime.jsx)("button", {
-          children: "More"
-        })),
-        popoverRef: e => {
-          popoverRef = e;
-        },
-        positionContainerDisplay: "block",
-        children: [_MenuItem15 || (_MenuItem15 = (0, _jsxRuntime.jsx)(_index.MenuItem, {
-          children: "Learning Mastery"
-        })), _MenuItem16 || (_MenuItem16 = (0, _jsxRuntime.jsx)(_index.MenuItem, {
-          disabled: true,
-          children: "Gradebook"
-        }))]
-      }));
-      const popoverProps = popoverRef.props;
-      expect(popoverProps.positionContainerDisplay).toBe('block');
-    });
-  });
-});