@fluentui-react-native/tester-core 0.1.1

package/lib-commonjs/TestComponents/Menu/MenuTest.js

@@ -0,0 +1,589 @@
+'use strict';
+var __importDefault =
+  (this && this.__importDefault) ||
+  function (mod) {
+    return mod && mod.__esModule ? mod : { default: mod };
+  };
+Object.defineProperty(exports, '__esModule', { value: true });
+exports.MenuTest = void 0;
+const jsx_runtime_1 = require('react/jsx-runtime');
+const react_1 = __importDefault(require('react'));
+const react_native_1 = require('react-native');
+const react_native_2 = require('@fluentui/react-native');
+const e2e_testing_1 = require('@fluentui-react-native/e2e-testing');
+const menu_1 = require('@fluentui-react-native/menu');
+const stack_1 = require('@fluentui-react-native/stack');
+const switch_1 = require('@fluentui-react-native/switch');
+const text_1 = require('@fluentui-react-native/text');
+const E2EMenuTest_1 = require('./E2EMenuTest');
+const MenuComponentOutsideMenuList_1 = require('./MenuComponentOutsideMenuList');
+const MenuIcons_1 = require('./MenuIcons');
+const MenuRefs_1 = require('./MenuRefs');
+const MenuScrollView_1 = require('./MenuScrollView');
+const MenuTooltips_1 = require('./MenuTooltips');
+const MenuTriggerCallbacks_1 = require('./MenuTriggerCallbacks');
+const styles_1 = require('../Common/styles');
+const Test_1 = require('../Test');
+const MenuDefault = () => {
+  return jsx_runtime_1.jsx(stack_1.Stack, {
+    style: styles_1.stackStyle,
+    children: jsx_runtime_1.jsxs(menu_1.Menu, {
+      children: [
+        jsx_runtime_1.jsx(menu_1.MenuTrigger, { children: jsx_runtime_1.jsx(react_native_2.ButtonV1, { children: 'Test' }) }),
+        jsx_runtime_1.jsx(menu_1.MenuPopover, {
+          children: jsx_runtime_1.jsxs(menu_1.MenuList, {
+            children: [
+              jsx_runtime_1.jsx(menu_1.MenuItem, { children: 'A plain MenuItem' }),
+              jsx_runtime_1.jsx(menu_1.MenuItem, { disabled: true, children: 'A disabled MenuItem' }),
+              jsx_runtime_1.jsx(menu_1.MenuItem, { children: 'A third plain MenuItem' }),
+            ],
+          }),
+        }),
+      ],
+    }),
+  });
+};
+const defaultCheckedTestCase = ['itemOne'];
+const checkedTestCase = ['itemTwo'];
+const MenuCheckmarks = () => {
+  return jsx_runtime_1.jsxs(stack_1.Stack, {
+    style: styles_1.stackStyle,
+    children: [
+      jsx_runtime_1.jsxs(menu_1.Menu, {
+        defaultChecked: defaultCheckedTestCase,
+        children: [
+          jsx_runtime_1.jsx(menu_1.MenuTrigger, {
+            children: jsx_runtime_1.jsx(react_native_2.ButtonV1, { children: 'All checkmark items' }),
+          }),
+          jsx_runtime_1.jsx(menu_1.MenuPopover, {
+            children: jsx_runtime_1.jsxs(menu_1.MenuList, {
+              children: [
+                jsx_runtime_1.jsx(menu_1.MenuItemCheckbox, { name: 'itemOne', children: 'A MenuItem with checkmark' }),
+                jsx_runtime_1.jsx(menu_1.MenuDivider, {}),
+                jsx_runtime_1.jsx(menu_1.MenuItemCheckbox, { name: 'itemTwo', children: 'Another MenuItem with checkmark' }),
+              ],
+            }),
+          }),
+        ],
+      }),
+      jsx_runtime_1.jsxs(menu_1.Menu, {
+        hasCheckmarks: true,
+        checked: checkedTestCase,
+        children: [
+          jsx_runtime_1.jsx(menu_1.MenuTrigger, {
+            children: jsx_runtime_1.jsx(react_native_2.ButtonV1, { children: 'Some controlled checkmark items with alignment' }),
+          }),
+          jsx_runtime_1.jsx(menu_1.MenuPopover, {
+            children: jsx_runtime_1.jsxs(menu_1.MenuList, {
+              children: [
+                jsx_runtime_1.jsx(menu_1.MenuItem, { children: 'A plain MenuItem' }),
+                jsx_runtime_1.jsx(menu_1.MenuItemCheckbox, { name: 'itemTwo', children: 'A MenuItem with checkmark' }),
+                jsx_runtime_1.jsx(menu_1.MenuItemCheckbox, {
+                  disabled: true,
+                  name: 'itemThree',
+                  children: 'A disabled MenuItem with checkmark',
+                }),
+                jsx_runtime_1.jsx(menu_1.MenuItemCheckbox, { name: 'itemFour', children: 'A MenuItem with checkmark' }),
+              ],
+            }),
+          }),
+        ],
+      }),
+      jsx_runtime_1.jsxs(menu_1.Menu, {
+        children: [
+          jsx_runtime_1.jsx(menu_1.MenuTrigger, {
+            children: jsx_runtime_1.jsx(react_native_2.ButtonV1, { children: 'Some checkmark items without alignment' }),
+          }),
+          jsx_runtime_1.jsx(menu_1.MenuPopover, {
+            children: jsx_runtime_1.jsxs(menu_1.MenuList, {
+              children: [
+                jsx_runtime_1.jsx(menu_1.MenuItem, { children: 'A plain MenuItem' }),
+                jsx_runtime_1.jsx(menu_1.MenuItemCheckbox, { name: 'itemTwo', children: 'A MenuItem with checkmark without alignment' }),
+                jsx_runtime_1.jsx(menu_1.MenuItemCheckbox, { name: 'itemThree', children: 'A MenuItem with checkmark without alignment' }),
+              ],
+            }),
+          }),
+        ],
+      }),
+    ],
+  });
+};
+const MenuRadioItem = () => {
+  const [checked, setChecked] = react_1.default.useState(['itemOne']);
+  const onCheckedChange = react_1.default.useCallback(
+    (_e, checkedChange) => {
+      setChecked(checkedChange);
+    },
+    [setChecked],
+  );
+  return jsx_runtime_1.jsxs(stack_1.Stack, {
+    style: styles_1.stackStyle,
+    children: [
+      jsx_runtime_1.jsxs(text_1.TextV1, { children: ['Current checked: ', checked.join(' ')] }),
+      jsx_runtime_1.jsxs(menu_1.Menu, {
+        defaultChecked: defaultCheckedTestCase,
+        onCheckedChange: onCheckedChange,
+        children: [
+          jsx_runtime_1.jsx(menu_1.MenuTrigger, {
+            children: jsx_runtime_1.jsx(react_native_2.ButtonV1, { children: 'Items with radio selection' }),
+          }),
+          jsx_runtime_1.jsx(menu_1.MenuPopover, {
+            children: jsx_runtime_1.jsxs(menu_1.MenuList, {
+              children: [
+                jsx_runtime_1.jsx(menu_1.MenuItemRadio, { name: 'itemOne', children: 'A MenuItem with checkmark and radio selection' }),
+                jsx_runtime_1.jsx(menu_1.MenuItemRadio, {
+                  name: 'itemTwo',
+                  children: 'Another MenuItem with checkmark and radio selection',
+                }),
+                jsx_runtime_1.jsx(menu_1.MenuItemRadio, {
+                  name: 'itemThree',
+                  children: 'A third MenuItem with checkmark and radio selection',
+                }),
+                jsx_runtime_1.jsx(menu_1.MenuItemCheckbox, {
+                  name: 'itemFour',
+                  children: 'A MenuItem with checkmark and toggle selection',
+                }),
+              ],
+            }),
+          }),
+        ],
+      }),
+    ],
+  });
+};
+const Submenu = (props) => {
+  return jsx_runtime_1.jsxs(menu_1.Menu, {
+    ...props,
+    children: [
+      jsx_runtime_1.jsx(menu_1.MenuTrigger, { children: jsx_runtime_1.jsx(menu_1.MenuItem, { children: 'A second MenuItem trigger' }) }),
+      jsx_runtime_1.jsx(menu_1.MenuPopover, {
+        minWidth: 230,
+        children: jsx_runtime_1.jsxs(menu_1.MenuList, {
+          children: [
+            jsx_runtime_1.jsx(menu_1.MenuItemCheckbox, { name: 'a', children: 'A nested MenuItemCheckbox' }),
+            jsx_runtime_1.jsx(menu_1.MenuItem, { children: 'A nested MenuItem' }),
+            jsx_runtime_1.jsx(Submenu, {}),
+          ],
+        }),
+      }),
+    ],
+  });
+};
+const MenuSubMenu = () => {
+  return jsx_runtime_1.jsx(stack_1.Stack, {
+    style: styles_1.stackStyle,
+    children: jsx_runtime_1.jsxs(menu_1.Menu, {
+      children: [
+        jsx_runtime_1.jsx(menu_1.MenuTrigger, { children: jsx_runtime_1.jsx(react_native_2.ButtonV1, { children: 'Test' }) }),
+        jsx_runtime_1.jsx(menu_1.MenuPopover, {
+          children: jsx_runtime_1.jsxs(menu_1.MenuList, {
+            children: [jsx_runtime_1.jsx(menu_1.MenuItem, { children: 'A MenuItem' }), jsx_runtime_1.jsx(Submenu, {})],
+          }),
+        }),
+      ],
+    }),
+  });
+};
+const SubmenuWithScrollView = (props) => {
+  return jsx_runtime_1.jsxs(menu_1.Menu, {
+    ...props,
+    children: [
+      jsx_runtime_1.jsx(menu_1.MenuTrigger, { children: jsx_runtime_1.jsx(menu_1.MenuItem, { children: 'A second MenuItem trigger' }) }),
+      jsx_runtime_1.jsx(menu_1.MenuPopover, {
+        maxHeight: 200,
+        children: jsx_runtime_1.jsxs(menu_1.MenuList, {
+          children: [
+            jsx_runtime_1.jsx(menu_1.MenuItem, { children: 'A nested MenuItem' }),
+            jsx_runtime_1.jsx(menu_1.MenuItem, { children: 'A nested MenuItem' }),
+            jsx_runtime_1.jsx(menu_1.MenuItem, { children: 'A nested MenuItem' }),
+            jsx_runtime_1.jsx(menu_1.MenuItem, { children: 'A nested MenuItem' }),
+            jsx_runtime_1.jsx(menu_1.MenuItem, { children: 'A nested MenuItem' }),
+            jsx_runtime_1.jsx(menu_1.MenuItem, { children: 'A nested MenuItem' }),
+            jsx_runtime_1.jsx(menu_1.MenuItem, { children: 'A nested MenuItem' }),
+            jsx_runtime_1.jsx(menu_1.MenuItem, { children: 'A nested MenuItem' }),
+            jsx_runtime_1.jsx(menu_1.MenuItem, { children: 'A nested MenuItem' }),
+            jsx_runtime_1.jsx(menu_1.MenuItem, { children: 'A nested MenuItem' }),
+            jsx_runtime_1.jsx(menu_1.MenuItem, { children: 'A nested MenuItem' }),
+            jsx_runtime_1.jsx(menu_1.MenuItem, { children: 'A nested MenuItem' }),
+            jsx_runtime_1.jsx(menu_1.MenuItem, { children: 'A nested MenuItem' }),
+            jsx_runtime_1.jsx(menu_1.MenuItem, { children: 'A nested MenuItem' }),
+            jsx_runtime_1.jsx(menu_1.MenuItem, { children: 'A nested MenuItem' }),
+          ],
+        }),
+      }),
+    ],
+  });
+};
+const MenuSubMenuWithScrollView = () => {
+  return jsx_runtime_1.jsx(stack_1.Stack, {
+    style: styles_1.stackStyle,
+    children: jsx_runtime_1.jsxs(menu_1.Menu, {
+      children: [
+        jsx_runtime_1.jsx(menu_1.MenuTrigger, { children: jsx_runtime_1.jsx(react_native_2.ButtonV1, { children: 'Test' }) }),
+        jsx_runtime_1.jsx(menu_1.MenuPopover, {
+          doNotTakePointerCapture: true,
+          children: jsx_runtime_1.jsxs(menu_1.MenuList, {
+            children: [jsx_runtime_1.jsx(menu_1.MenuItem, { children: 'A MenuItem' }), jsx_runtime_1.jsx(SubmenuWithScrollView, {})],
+          }),
+        }),
+      ],
+    }),
+  });
+};
+const MenuOpenOnHover = () => {
+  return jsx_runtime_1.jsx(stack_1.Stack, {
+    style: styles_1.stackStyle,
+    children: jsx_runtime_1.jsxs(menu_1.Menu, {
+      openOnHover: true,
+      children: [
+        jsx_runtime_1.jsx(menu_1.MenuTrigger, { children: jsx_runtime_1.jsx(react_native_2.ButtonV1, { children: 'Test' }) }),
+        jsx_runtime_1.jsx(menu_1.MenuPopover, {
+          children: jsx_runtime_1.jsxs(menu_1.MenuList, {
+            children: [jsx_runtime_1.jsx(menu_1.MenuItem, { children: 'A MenuItem' }), jsx_runtime_1.jsx(Submenu, {})],
+          }),
+        }),
+      ],
+    }),
+  });
+};
+const rootStackStyle = react_native_1.StyleSheet.create({ root: { ...styles_1.stackStyle, flexDirection: 'row' } });
+const MenuControlledOpen = () => {
+  const [open, setOpen] = react_1.default.useState(false);
+  const onOpenChange = () => {
+    setOpen(false);
+  };
+  return jsx_runtime_1.jsxs(stack_1.Stack, {
+    style: rootStackStyle.root,
+    children: [
+      jsx_runtime_1.jsx(react_native_2.ButtonV1, { onClick: () => setOpen(!open), children: 'Toggle open' }),
+      jsx_runtime_1.jsxs(menu_1.Menu, {
+        ...(react_native_1.Platform.OS === 'android' && { onOpenChange }),
+        open: open,
+        children: [
+          jsx_runtime_1.jsx(menu_1.MenuTrigger, { children: jsx_runtime_1.jsx(react_native_2.ButtonV1, { children: 'Test' }) }),
+          jsx_runtime_1.jsx(menu_1.MenuPopover, {
+            children: jsx_runtime_1.jsxs(menu_1.MenuList, {
+              children: [
+                jsx_runtime_1.jsx(menu_1.MenuItem, { children: 'A MenuItem' }),
+                react_native_1.Platform.OS !== 'android' && jsx_runtime_1.jsx(Submenu, {}),
+              ],
+            }),
+          }),
+        ],
+      }),
+    ],
+  });
+};
+const CustomMenuPopover = menu_1.MenuPopover.customize({ borderWidth: 4, borderColor: 'blue' });
+const CustomMenuList = menu_1.MenuList.customize({ gap: 5, padding: 6, backgroundColor: 'pink' });
+const CustomMenuItem = menu_1.MenuItem.customize({
+  gap: 5,
+  padding: 8,
+  backgroundColor: 'red',
+  color: 'white',
+  borderRadius: 2,
+  checkmarkSize: 10,
+  submenuIndicatorPadding: 4,
+  submenuIndicatorSize: 10,
+  fontSize: 14,
+});
+const CustomMenuCheckmark = menu_1.MenuItemCheckbox.customize({
+  gap: 5,
+  padding: 8,
+  backgroundColor: 'red',
+  color: 'white',
+  borderRadius: 2,
+  checkmarkSize: 10,
+  fontSize: 14,
+  checkmarkColor: 'blue',
+});
+const CustomMenuDivider = menu_1.MenuDivider.customize({
+  height: 8,
+  margin: 4,
+  marginVertical: 6,
+  width: 100,
+  backgroundColor: 'purple',
+});
+const MenuCustomized = () => {
+  return jsx_runtime_1.jsx(stack_1.Stack, {
+    style: styles_1.stackStyle,
+    children: jsx_runtime_1.jsxs(menu_1.Menu, {
+      children: [
+        jsx_runtime_1.jsx(menu_1.MenuTrigger, { children: jsx_runtime_1.jsx(react_native_2.ButtonV1, { children: 'Test' }) }),
+        jsx_runtime_1.jsx(CustomMenuPopover, {
+          directionalHint: 'rightCenter',
+          children: jsx_runtime_1.jsxs(CustomMenuList, {
+            children: [
+              jsx_runtime_1.jsx(CustomMenuItem, { children: 'A MenuItem' }),
+              jsx_runtime_1.jsx(CustomMenuItem, { children: 'A MenuItem' }),
+              jsx_runtime_1.jsx(CustomMenuDivider, {}),
+              jsx_runtime_1.jsx(CustomMenuCheckmark, { name: 'custom', children: 'A MenuItem' }),
+            ],
+          }),
+        }),
+      ],
+    }),
+  });
+};
+const MenuNofM = () => {
+  return jsx_runtime_1.jsx(stack_1.Stack, {
+    style: styles_1.stackStyle,
+    children: jsx_runtime_1.jsxs(menu_1.Menu, {
+      children: [
+        jsx_runtime_1.jsx(menu_1.MenuTrigger, { children: jsx_runtime_1.jsx(react_native_2.ButtonV1, { children: 'Test' }) }),
+        jsx_runtime_1.jsx(menu_1.MenuPopover, {
+          children: jsx_runtime_1.jsxs(menu_1.MenuList, {
+            children: [
+              jsx_runtime_1.jsx(menu_1.MenuItem, { children: 'A plain MenuItem' }),
+              jsx_runtime_1.jsx(menu_1.MenuItem, { disabled: true, children: 'A disabled MenuItem' }),
+              jsx_runtime_1.jsx(menu_1.MenuItem, { accessibilityPosInSet: 9, children: 'A plain MenuItem' }),
+              jsx_runtime_1.jsx(menu_1.MenuDivider, {}),
+              react_native_1.Platform.OS !== 'android' &&
+                jsx_runtime_1.jsx(Submenu, { accessibilityPosInSet: 16, accessibilitySetSize: 7 }),
+              jsx_runtime_1.jsx(menu_1.MenuItem, { disabled: true, accessibilitySetSize: 2, children: 'A disabled MenuItem' }),
+              jsx_runtime_1.jsx(menu_1.MenuItem, { children: 'A plain MenuItem' }),
+            ],
+          }),
+        }),
+      ],
+    }),
+  });
+};
+const CustomMenuTrigger = () => {
+  return jsx_runtime_1.jsx(react_native_1.View, {
+    style: { backgroundColor: 'purple', width: 80, flexDirection: 'row', justifyContent: 'center' },
+    children: jsx_runtime_1.jsx(menu_1.MenuTrigger, { children: jsx_runtime_1.jsx(react_native_2.ButtonV1, { children: 'Test' }) }),
+  });
+};
+const MenuWithCustomMenuTrigger = (props) => {
+  return jsx_runtime_1.jsx(stack_1.Stack, {
+    style: styles_1.stackStyle,
+    children: jsx_runtime_1.jsxs(menu_1.Menu, {
+      ...props,
+      children: [
+        jsx_runtime_1.jsx(CustomMenuTrigger, {}),
+        jsx_runtime_1.jsx(menu_1.MenuPopover, {
+          children: jsx_runtime_1.jsxs(menu_1.MenuList, {
+            children: [
+              jsx_runtime_1.jsx(menu_1.MenuItem, { children: 'A plain MenuItem' }),
+              jsx_runtime_1.jsx(menu_1.MenuItem, { disabled: true, children: 'A disabled MenuItem' }),
+              jsx_runtime_1.jsx(menu_1.MenuItem, { accessibilityPosInSet: 9, children: 'A plain MenuItem' }),
+              jsx_runtime_1.jsx(menu_1.MenuDivider, {}),
+              react_native_1.Platform.OS !== 'android' && jsx_runtime_1.jsx(Submenu, {}),
+              jsx_runtime_1.jsx(menu_1.MenuItem, { disabled: true, accessibilitySetSize: 2, children: 'A disabled MenuItem' }),
+              jsx_runtime_1.jsx(menu_1.MenuItem, { children: 'A plain MenuItem' }),
+            ],
+          }),
+        }),
+      ],
+    }),
+  });
+};
+const MenuWithGroups = () => {
+  return jsx_runtime_1.jsx(stack_1.Stack, {
+    style: styles_1.stackStyle,
+    children: jsx_runtime_1.jsxs(menu_1.Menu, {
+      children: [
+        jsx_runtime_1.jsx(menu_1.MenuTrigger, { children: jsx_runtime_1.jsx(react_native_2.ButtonV1, { children: 'Test' }) }),
+        jsx_runtime_1.jsx(menu_1.MenuPopover, {
+          children: jsx_runtime_1.jsxs(menu_1.MenuList, {
+            children: [
+              jsx_runtime_1.jsxs(menu_1.MenuGroup, {
+                children: [
+                  jsx_runtime_1.jsx(menu_1.MenuGroupHeader, { children: 'Section 1' }),
+                  jsx_runtime_1.jsx(menu_1.MenuItem, { children: 'A plain MenuItem' }),
+                  jsx_runtime_1.jsx(menu_1.MenuItem, { children: 'A plain MenuItem' }),
+                ],
+              }),
+              jsx_runtime_1.jsxs(menu_1.MenuGroup, {
+                children: [
+                  jsx_runtime_1.jsx(menu_1.MenuGroupHeader, { children: 'Section 2' }),
+                  jsx_runtime_1.jsx(menu_1.MenuItem, { children: 'A plain MenuItem' }),
+                  jsx_runtime_1.jsx(menu_1.MenuItem, { children: 'A plain MenuItem' }),
+                  jsx_runtime_1.jsx(menu_1.MenuItem, { children: 'A plain MenuItem' }),
+                ],
+              }),
+              jsx_runtime_1.jsx(menu_1.MenuDivider, {}),
+              jsx_runtime_1.jsx(menu_1.MenuGroup, { children: jsx_runtime_1.jsx(menu_1.MenuItem, { children: 'A plain MenuItem' }) }),
+            ],
+          }),
+        }),
+      ],
+    }),
+  });
+};
+const menuAsABlackboxStyles = react_native_1.StyleSheet.create({
+  actionButton: { alignSelf: 'center', justifyContent: 'center' },
+  switch: { marginHorizontal: 10 },
+});
+const MenuAsABlackbox = () => {
+  const [open, setOpen] = react_1.default.useState(false);
+  const [dnd, setDnD] = react_1.default.useState(false);
+  const onOpenChange = react_1.default.useCallback(() => {
+    setOpen(false);
+  }, [setOpen]);
+  const onSwitchChange = react_1.default.useCallback(() => {
+    setDnD(!dnd);
+  }, [dnd, setDnD]);
+  const onMenuTriggerClicked = react_1.default.useCallback(() => {
+    setOpen(!open);
+  }, [open, setOpen]);
+  return jsx_runtime_1.jsx(stack_1.Stack, {
+    style: styles_1.stackStyle,
+    children: jsx_runtime_1.jsxs(menu_1.Menu, {
+      onOpenChange: onOpenChange,
+      open: open,
+      children: [
+        jsx_runtime_1.jsx(menu_1.MenuTrigger, {
+          children: jsx_runtime_1.jsx(react_native_2.ButtonV1, { onClick: onMenuTriggerClicked, children: 'Blockbox Menu' }),
+        }),
+        jsx_runtime_1.jsx(menu_1.MenuPopover, {
+          minWidth: 200,
+          children: jsx_runtime_1.jsxs(menu_1.MenuList, {
+            children: [
+              jsx_runtime_1.jsx(switch_1.Switch, {
+                checked: dnd,
+                onChange: onSwitchChange,
+                style: menuAsABlackboxStyles.switch,
+                label: "Don't disturb",
+              }),
+              jsx_runtime_1.jsx(menu_1.MenuItem, { children: dnd ? 'DND is on' : 'DND is off' }),
+              jsx_runtime_1.jsx(react_native_1.View, {
+                style: menuAsABlackboxStyles.actionButton,
+                children: jsx_runtime_1.jsx(react_native_2.ButtonV1, { appearance: 'subtle', onClick: onOpenChange, children: 'Action' }),
+              }),
+            ],
+          }),
+        }),
+      ],
+    }),
+  });
+};
+const menuSections = [
+  {
+    name: 'Menu Default',
+    testID: e2e_testing_1.MENU_TESTPAGE,
+    component: MenuDefault,
+  },
+  {
+    name: 'Menu Checkmarks',
+    component: MenuCheckmarks,
+  },
+  {
+    name: 'Menu Radioitem',
+    component: MenuRadioItem,
+  },
+  react_native_1.Platform.select({
+    android: null,
+    default: {
+      name: 'Menu Submenu with ScrollView',
+      component: MenuSubMenuWithScrollView,
+    },
+  }),
+  react_native_1.Platform.select({
+    android: null,
+    default: {
+      name: 'Menu open on hover',
+      component: MenuOpenOnHover,
+    },
+  }),
+  {
+    name: 'Menu open controlled',
+    component: MenuControlledOpen,
+  },
+  react_native_1.Platform.select({
+    android: null,
+    default: {
+      name: 'Menu with tooltips on items',
+      component: MenuTooltips_1.MenuTooltips,
+    },
+  }),
+  {
+    name: 'Menu with icons',
+    component: MenuIcons_1.MenuIcons,
+  },
+  react_native_1.Platform.select({
+    android: null,
+    default: {
+      name: 'Menu Submenu',
+      component: MenuSubMenu,
+    },
+  }),
+  {
+    name: 'Menu with ScrollView',
+    component: MenuScrollView_1.MenuScrollView,
+  },
+  react_native_1.Platform.select({
+    android: { name: 'Menu as a blackbox', component: MenuAsABlackbox },
+    default: null,
+  }),
+  {
+    name: 'Menu Trigger onClick Override',
+    component: MenuTriggerCallbacks_1.MenuTriggerOnClickCallback,
+  },
+  react_native_1.Platform.select({
+    android: null,
+    default: {
+      name: 'Menu Trigger Hover Override',
+      component: MenuTriggerCallbacks_1.MenuTriggerHoverCallback,
+    },
+  }),
+  {
+    name: 'Menu Customized',
+    component: MenuCustomized,
+  },
+  react_native_1.Platform.select({
+    android: null,
+    default: {
+      name: 'Menu Refs',
+      component: MenuRefs_1.MenuTriggerChildRef,
+    },
+  }),
+  {
+    name: 'Menu N of M Override',
+    component: MenuNofM,
+  },
+  {
+    name: 'Menu with custom MenuTrigger',
+    component: MenuWithCustomMenuTrigger,
+  },
+  {
+    name: 'Menu with groups',
+    component: MenuWithGroups,
+  },
+  react_native_1.Platform.select({
+    android: null,
+    default: {
+      name: 'MenuList component outside menu list test',
+      component: MenuComponentOutsideMenuList_1.MenuComponentOutsideMenuList,
+    },
+  }),
+];
+const e2eSections = [
+  {
+    name: 'Menu E2E',
+    component: E2EMenuTest_1.E2EMenuTest,
+  },
+];
+const MenuTest = () => {
+  const status = {
+    win32Status: 'Production',
+    uwpStatus: 'Backlog',
+    iosStatus: 'Backlog',
+    macosStatus: 'Production',
+    androidStatus: 'Experimental',
+  };
+  const description =
+    'A Menu is an component that displays a list of options on a temporary surface. They are invoked when users interact with a button, action, or other control.';
+  const spec = 'https://github.com/microsoft/fluentui-react-native/blob/main/packages/components/Menu/SPEC.md';
+  return jsx_runtime_1.jsx(Test_1.Test, {
+    name: 'Menu Test',
+    description: description,
+    spec: spec,
+    sections: menuSections,
+    status: status,
+    e2eSections: e2eSections,
+  });
+};
+exports.MenuTest = MenuTest;
+//# sourceMappingURL=MenuTest.js.map

package/lib-commonjs/TestComponents/Menu/MenuTest.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuTest.js","sourceRoot":"","sources":["../../../src/TestComponents/Menu/MenuTest.tsx"],"names":[],"mappings":"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"}

package/lib-commonjs/TestComponents/Menu/MenuTooltips.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const MenuTooltips: React.FunctionComponent;
+//# sourceMappingURL=MenuTooltips.d.ts.map

package/lib-commonjs/TestComponents/Menu/MenuTooltips.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuTooltips.d.ts","sourceRoot":"","sources":["../../../src/TestComponents/Menu/MenuTooltips.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,iBAmBhC,CAAC"}

package/lib-commonjs/TestComponents/Menu/MenuTooltips.js

@@ -0,0 +1,35 @@
+'use strict';
+Object.defineProperty(exports, '__esModule', { value: true });
+exports.MenuTooltips = void 0;
+const jsx_runtime_1 = require('react/jsx-runtime');
+const react_native_1 = require('@fluentui/react-native');
+const menu_1 = require('@fluentui-react-native/menu');
+const stack_1 = require('@fluentui-react-native/stack');
+const styles_1 = require('../Common/styles');
+const MenuTooltips = () => {
+  return jsx_runtime_1.jsx(stack_1.Stack, {
+    style: styles_1.stackStyle,
+    children: jsx_runtime_1.jsxs(menu_1.Menu, {
+      hasTooltips: true,
+      children: [
+        jsx_runtime_1.jsx(menu_1.MenuTrigger, {
+          children: jsx_runtime_1.jsx(react_native_1.ButtonV1, { children: 'Items with tooltips' }),
+        }),
+        jsx_runtime_1.jsx(menu_1.MenuPopover, {
+          maxWidth: 160,
+          children: jsx_runtime_1.jsxs(menu_1.MenuList, {
+            children: [
+              jsx_runtime_1.jsx(menu_1.MenuItem, { children: 'Option 1 has some really long text that goes on and on' }),
+              jsx_runtime_1.jsx(menu_1.MenuItem, { children: 'Option2hastextwithnobreaksthatgoesonandon' }),
+              jsx_runtime_1.jsx(menu_1.MenuItem, { tooltip: 'A custom tooltip', children: 'Option 3 has custom tooltip' }),
+              jsx_runtime_1.jsx(menu_1.MenuItemCheckbox, { name: 'Option4', children: 'Option 4 is a checkbox' }),
+              jsx_runtime_1.jsx(menu_1.MenuItemRadio, { name: 'Option5', children: 'Option 5 is a radio' }),
+            ],
+          }),
+        }),
+      ],
+    }),
+  });
+};
+exports.MenuTooltips = MenuTooltips;
+//# sourceMappingURL=MenuTooltips.js.map

package/lib-commonjs/TestComponents/Menu/MenuTooltips.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuTooltips.js","sourceRoot":"","sources":["../../../src/TestComponents/Menu/MenuTooltips.tsx"],"names":[],"mappings":";;;;AAEA,yDAA4D;AAC5D,sDAAkI;AAClI,wDAAqD;AAErD,6CAA8C;AAEvC,MAAM,YAAY,GAA4B,GAAG,EAAE,CAAC;IACzD,OAAO,CACL,kBAAC,aAAK,IAAC,KAAK,EAAE,mBAAU,YACtB,mBAAC,WAAI,IAAC,WAAW;gBACf,kBAAC,kBAAW,cACV,kBAAC,uBAAM,sCAA6B,GACxB,EACd,kBAAC,kBAAW,IAAC,QAAQ,EAAE,GAAG,YACxB,mBAAC,eAAQ;4BACP,kBAAC,eAAQ,yEAAkE,EAC3E,kBAAC,eAAQ,4DAAqD,EAC9D,kBAAC,eAAQ,IAAC,OAAO,EAAE,kBAAkB,4CAAwC,EAC7E,kBAAC,uBAAgB,IAAC,IAAI,EAAC,SAAS,uCAA0C,EAC1E,kBAAC,oBAAa,IAAC,IAAI,EAAC,SAAS,oCAAoC;4BACxD,GACC;gBACT,GACD,CACT,CAAC;AAAA,CACH,CAAC;AAnBW,QAAA,YAAY,GAAZ,YAAY,CAmBvB"}

package/lib-commonjs/TestComponents/Menu/MenuTriggerCallbacks.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+export declare const MenuTriggerOnClickCallback: React.FunctionComponent;
+export declare const MenuTriggerHoverCallback: React.FunctionComponent;
+//# sourceMappingURL=MenuTriggerCallbacks.d.ts.map

package/lib-commonjs/TestComponents/Menu/MenuTriggerCallbacks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuTriggerCallbacks.d.ts","sourceRoot":"","sources":["../../../src/TestComponents/Menu/MenuTriggerCallbacks.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,eAAO,MAAM,0BAA0B,EAAE,KAAK,CAAC,iBAsB9C,CAAC;AAEF,eAAO,MAAM,wBAAwB,EAAE,KAAK,CAAC,iBAoC5C,CAAC"}