@fluentui-react-native/tester-core 0.1.1

package/lib/TestComponents/ContextualMenu/ContextualMenuTest.js

@@ -0,0 +1,535 @@
+import { jsx as _jsx, jsxs as _jsxs } from 'react/jsx-runtime';
+import * as React from 'react';
+import { Text, View, Switch } from 'react-native';
+import { Text as FURNText, ContextualMenu, ContextualMenuItem, Submenu, SubmenuItem, Separator, Checkbox } from '@fluentui/react-native';
+import { CONTEXTUALMENU_TESTPAGE } from '@fluentui-react-native/e2e-testing';
+import { MenuButton } from '@fluentui-react-native/experimental-menu-button';
+import { E2EContextualMenuTest } from './E2EContextualMenuTest';
+import { svgProps, fontProps, testImage } from '../Common/iconExamples';
+import { Test } from '../Test';
+const ContextualMenuMainTest = () => {
+  const stdBtnRef = React.useRef(null);
+  const [showContextualMenu, setShowContextualMenu] = React.useState(false);
+  const [isContextualMenuVisible, setIsContextualMenuVisible] = React.useState(false);
+  const [lastMenuItemClicked, setLastMenuItemClicked] = React.useState(null);
+  const [isBeakVisible, setIsBeakVisible] = React.useState(false);
+  const onIsBeakVisibleChange = React.useCallback((value) => setIsBeakVisible(value), []);
+  const [focusOnMount, setShouldFocusOnMount] = React.useState(true);
+  const toggleFocusOnMount = React.useCallback((value) => setShouldFocusOnMount(value), [setShouldFocusOnMount]);
+  const [focusOnContainer, setShouldFocusOnContainer] = React.useState(false);
+  const toggleFocusOnContainer = React.useCallback((value) => setShouldFocusOnContainer(value), [setShouldFocusOnContainer]);
+  const toggleShowContextualMenu = React.useCallback(() => {
+    setShowContextualMenu(!showContextualMenu);
+    setIsContextualMenuVisible(false);
+  }, [showContextualMenu, setShowContextualMenu, setIsContextualMenuVisible]);
+  const onShowContextualMenu = React.useCallback(() => {
+    setIsContextualMenuVisible(true);
+  }, [setIsContextualMenuVisible]);
+  const onDismissContextualMenu = React.useCallback(() => {
+    setShowContextualMenu(false);
+    setIsContextualMenuVisible(false);
+  }, [setShowContextualMenu]);
+  const onItemClick = React.useCallback(
+    (key) => {
+      setLastMenuItemClicked(key);
+    },
+    [setLastMenuItemClicked],
+  );
+  return _jsxs(View, {
+    children: [
+      _jsxs(View, {
+        style: { flexDirection: 'row', paddingVertical: 5 },
+        children: [
+          _jsxs(View, {
+            style: { flexDirection: 'column', paddingHorizontal: 5 },
+            children: [
+              _jsxs(View, {
+                style: { flexDirection: 'row' },
+                children: [
+                  _jsx(Text, { children: 'Should Focus on Mount' }),
+                  _jsx(Switch, { value: focusOnMount, onValueChange: toggleFocusOnMount }),
+                ],
+              }),
+              _jsxs(View, {
+                style: { flexDirection: 'row' },
+                children: [
+                  _jsx(Text, { children: 'Should Focus on Container' }),
+                  _jsx(Switch, { value: focusOnContainer, onValueChange: toggleFocusOnContainer }),
+                ],
+              }),
+              _jsxs(View, {
+                style: { flexDirection: 'row' },
+                children: [
+                  _jsx(Text, { children: 'Beak Visible' }),
+                  _jsx(Switch, { value: isBeakVisible, onValueChange: onIsBeakVisibleChange }),
+                ],
+              }),
+            ],
+          }),
+          _jsx(Separator, { vertical: true }),
+          _jsxs(View, {
+            style: { flexDirection: 'column', paddingHorizontal: 5 },
+            children: [
+              _jsxs(Text, {
+                children: [
+                  _jsx(Text, { children: 'Menu Visibility: ' }),
+                  isContextualMenuVisible
+                    ? _jsx(Text, { style: { color: 'green' }, children: 'Visible' })
+                    : _jsx(Text, { style: { color: 'red' }, children: 'Not Visible' }),
+                ],
+              }),
+              _jsxs(Text, {
+                children: [
+                  _jsx(Text, { children: 'Last Menu Item Clicked: ' }),
+                  lastMenuItemClicked > 0
+                    ? _jsx(Text, { style: { color: 'blue' }, children: lastMenuItemClicked })
+                    : _jsx(Text, { style: { color: 'blue' }, children: 'none' }),
+                ],
+              }),
+              _jsx(MenuButton, { content: 'Press for ContextualMenu', onClick: toggleShowContextualMenu, componentRef: stdBtnRef }),
+            ],
+          }),
+        ],
+      }),
+      showContextualMenu &&
+        _jsxs(ContextualMenu, {
+          target: stdBtnRef,
+          onDismiss: onDismissContextualMenu,
+          onShow: onShowContextualMenu,
+          accessibilityLabel: 'Standard ContextualMenu',
+          onItemClick: onItemClick,
+          setShowMenu: toggleShowContextualMenu,
+          shouldFocusOnMount: focusOnMount,
+          shouldFocusOnContainer: focusOnContainer,
+          isBeakVisible: isBeakVisible,
+          children: [
+            _jsx(ContextualMenuItem, { text: 'MenuItem 1', itemKey: '1' }),
+            _jsx(ContextualMenuItem, { text: 'MenuItem 2', itemKey: '2' }),
+            _jsx(ContextualMenuItem, { text: 'Disabled Menu Item', itemKey: '3', disabled: true }),
+            _jsx(ContextualMenuItem, { text: 'MenuItem 4', itemKey: '4' }),
+            _jsx(ContextualMenuItem, { text: 'MenuItem 5', itemKey: '5' }),
+          ],
+        }),
+    ],
+  });
+};
+const NestedContextualMenu = () => {
+  const stdBtnRef = React.useRef(null);
+  const [showContextualMenu, setShowContextualMenu] = React.useState(false);
+  const [isContextualMenuVisible, setIsContextualMenuVisible] = React.useState(false);
+  const [focusOnMount, setShouldFocusOnMount] = React.useState(true);
+  const toggleFocusOnMount = React.useCallback((value) => setShouldFocusOnMount(value), [setShouldFocusOnMount]);
+  const [focusOnContainer, setShouldFocusOnContainer] = React.useState(false);
+  const toggleFocusOnContainer = React.useCallback((value) => setShouldFocusOnContainer(value), [setShouldFocusOnContainer]);
+  const toggleShowContextualMenu = React.useCallback(() => {
+    setShowContextualMenu(!showContextualMenu);
+    setIsContextualMenuVisible(!isContextualMenuVisible);
+  }, [showContextualMenu, isContextualMenuVisible, setShowContextualMenu, setIsContextualMenuVisible]);
+  const onShowContextualMenu = React.useCallback(() => {
+    setIsContextualMenuVisible(true);
+  }, [setIsContextualMenuVisible]);
+  const onDismissContextualMenu = React.useCallback(() => {
+    setShowContextualMenu(false);
+    setIsContextualMenuVisible(false);
+  }, [setShowContextualMenu]);
+  const stdMenuItemRef = React.useRef(null);
+  const [showSubmenu, setShowSubmenu] = React.useState(false);
+  const [isSubmenuVisible, setIsSubmenuVisible] = React.useState(false);
+  const toggleShowSubmenu = React.useCallback(() => {
+    setShowSubmenu(!showSubmenu);
+    setIsSubmenuVisible(!isSubmenuVisible);
+  }, [showSubmenu, isSubmenuVisible, setShowSubmenu, setIsSubmenuVisible]);
+  const onShowSubmenu = React.useCallback(() => {
+    setIsSubmenuVisible(true);
+  }, [setIsSubmenuVisible]);
+  const onDismissSubmenu = React.useCallback(() => {
+    setShowSubmenu(false);
+  }, [setShowSubmenu]);
+  const onClick = React.useCallback(() => {
+    console.log('submenu item clicked');
+  }, []);
+  return _jsxs(View, {
+    children: [
+      _jsxs(View, {
+        style: { flexDirection: 'row', paddingVertical: 5 },
+        children: [
+          _jsxs(View, {
+            style: { flexDirection: 'column', paddingHorizontal: 5 },
+            children: [
+              _jsxs(View, {
+                style: { flexDirection: 'row' },
+                children: [
+                  _jsx(Text, { children: 'Should Focus on Mount' }),
+                  _jsx(Switch, { value: focusOnMount, onValueChange: toggleFocusOnMount }),
+                ],
+              }),
+              _jsxs(View, {
+                style: { flexDirection: 'row' },
+                children: [
+                  _jsx(Text, { children: 'Should Focus on Container' }),
+                  _jsx(Switch, { value: focusOnContainer, onValueChange: toggleFocusOnContainer }),
+                ],
+              }),
+            ],
+          }),
+          _jsx(Separator, { vertical: true }),
+          _jsxs(View, {
+            style: { flexDirection: 'column', paddingHorizontal: 5 },
+            children: [
+              _jsxs(Text, {
+                children: [
+                  _jsx(Text, { children: 'Menu Visibility: ' }),
+                  isContextualMenuVisible
+                    ? _jsx(Text, { style: { color: 'green' }, children: 'Visible' })
+                    : _jsx(Text, { style: { color: 'red' }, children: 'Not Visible' }),
+                ],
+              }),
+              _jsxs(Text, {
+                children: [
+                  _jsx(Text, { children: 'Submenu Visibility: ' }),
+                  isSubmenuVisible
+                    ? _jsx(Text, { style: { color: 'green' }, children: 'Visible' })
+                    : _jsx(Text, { style: { color: 'red' }, children: 'Not Visible' }),
+                ],
+              }),
+              _jsx(MenuButton, { content: 'Press for ContextualMenu', onClick: toggleShowContextualMenu, componentRef: stdBtnRef }),
+            ],
+          }),
+        ],
+      }),
+      showContextualMenu &&
+        _jsxs(ContextualMenu, {
+          target: stdBtnRef,
+          onDismiss: onDismissContextualMenu,
+          onShow: onShowContextualMenu,
+          accessibilityLabel: 'Standard ContextualMenu',
+          setShowMenu: toggleShowContextualMenu,
+          shouldFocusOnMount: focusOnMount,
+          shouldFocusOnContainer: focusOnContainer,
+          children: [
+            _jsx(ContextualMenuItem, { icon: testImage, text: 'Menu item with png Icon', itemKey: '1' }),
+            _jsx(ContextualMenuItem, { icon: { fontSource: fontProps, color: 'blue' }, text: 'Menu item with font icon', itemKey: '2' }),
+            _jsx(ContextualMenuItem, { text: 'Disabled Menu Item', itemKey: '3', disabled: true }),
+            _jsx(SubmenuItem, {
+              icon: { svgSource: svgProps, width: 12, height: 12 },
+              text: 'Nested Menu',
+              itemKey: '4',
+              onHoverIn: toggleShowSubmenu,
+              componentRef: stdMenuItemRef,
+              expanded: showSubmenu,
+            }),
+            showSubmenu &&
+              _jsxs(Submenu, {
+                target: stdMenuItemRef,
+                onDismiss: onDismissSubmenu,
+                onShow: onShowSubmenu,
+                setShowMenu: toggleShowSubmenu,
+                children: [
+                  _jsx(ContextualMenuItem, {
+                    icon: { svgSource: svgProps, width: 12, height: 12 },
+                    text: 'SubmenuItem svg icon',
+                    itemKey: '4',
+                    onClick: onClick,
+                  }),
+                  _jsx(ContextualMenuItem, { text: 'SubmenuItem 2', itemKey: '2' }),
+                  _jsx(ContextualMenuItem, { text: 'Disabled Menu Item', itemKey: '3', disabled: true }),
+                ],
+              }),
+            _jsx(ContextualMenuItem, { text: 'Menuitem 5', itemKey: '5' }),
+          ],
+        }),
+    ],
+  });
+};
+// custom text
+const IndigoHeroBold = FURNText.customize({ tokens: { variant: 'heroStandard', fontWeight: '100', color: '#4b0082' } });
+const IconContextualMenu = () => {
+  const stdBtnRef = React.useRef(null);
+  const [showContextualMenu, setShowContextualMenu] = React.useState(false);
+  const [isContextualMenuVisible, setIsContextualMenuVisible] = React.useState(false);
+  const [focusOnMount, setShouldFocusOnMount] = React.useState(true);
+  const toggleFocusOnMount = React.useCallback((value) => setShouldFocusOnMount(value), [setShouldFocusOnMount]);
+  const [focusOnContainer, setShouldFocusOnContainer] = React.useState(false);
+  const toggleFocusOnContainer = React.useCallback((value) => setShouldFocusOnContainer(value), [setShouldFocusOnContainer]);
+  const toggleShowContextualMenu = React.useCallback(() => {
+    setShowContextualMenu(!showContextualMenu);
+    setIsContextualMenuVisible(!isContextualMenuVisible);
+  }, [showContextualMenu, isContextualMenuVisible, setShowContextualMenu, setIsContextualMenuVisible]);
+  const onShowContextualMenu = React.useCallback(() => {
+    setIsContextualMenuVisible(true);
+  }, [setIsContextualMenuVisible]);
+  const onDismissContextualMenu = React.useCallback(() => {
+    setShowContextualMenu(false);
+    setIsContextualMenuVisible(false);
+  }, [setShowContextualMenu]);
+  return _jsxs(View, {
+    children: [
+      _jsxs(View, {
+        style: { flexDirection: 'row', paddingVertical: 5 },
+        children: [
+          _jsxs(View, {
+            style: { flexDirection: 'column', paddingHorizontal: 5 },
+            children: [
+              _jsxs(View, {
+                style: { flexDirection: 'row' },
+                children: [
+                  _jsx(Text, { children: 'Should Focus on Mount' }),
+                  _jsx(Switch, { value: focusOnMount, onValueChange: toggleFocusOnMount }),
+                ],
+              }),
+              _jsxs(View, {
+                style: { flexDirection: 'row' },
+                children: [
+                  _jsx(Text, { children: 'Should Focus on Container' }),
+                  _jsx(Switch, { value: focusOnContainer, onValueChange: toggleFocusOnContainer }),
+                ],
+              }),
+            ],
+          }),
+          _jsx(Separator, { vertical: true }),
+          _jsxs(View, {
+            style: { flexDirection: 'column', paddingHorizontal: 5 },
+            children: [
+              _jsxs(Text, {
+                children: [
+                  _jsx(Text, { children: 'Menu Visibility: ' }),
+                  isContextualMenuVisible
+                    ? _jsx(Text, { style: { color: 'green' }, children: 'Visible' })
+                    : _jsx(Text, { style: { color: 'red' }, children: 'Not Visible' }),
+                ],
+              }),
+              _jsx(MenuButton, {
+                componentRef: stdBtnRef,
+                icon: { svgSource: svgProps, height: 12, width: 12 },
+                onClick: toggleShowContextualMenu,
+                accessibilityLabel: 'Wheelchair icon button',
+                tooltip: "Toggles the wheelchair icon button's contextual menu",
+              }),
+            ],
+          }),
+        ],
+      }),
+      showContextualMenu &&
+        _jsxs(ContextualMenu, {
+          target: stdBtnRef,
+          onDismiss: onDismissContextualMenu,
+          onShow: onShowContextualMenu,
+          accessibilityLabel: 'Standard ContextualMenu',
+          setShowMenu: toggleShowContextualMenu,
+          shouldFocusOnMount: focusOnMount,
+          shouldFocusOnContainer: focusOnContainer,
+          children: [
+            _jsx(ContextualMenuItem, { itemKey: '1', children: _jsx(Checkbox, { label: 'Unchecked checkbox' }) }),
+            _jsx(ContextualMenuItem, { itemKey: '2', children: _jsx(IndigoHeroBold, { children: 'IndigoHeroBold text with checkbox' }) }),
+            _jsx(ContextualMenuItem, { text: 'Disabled Menu Item', itemKey: '3', disabled: true }),
+            _jsx(ContextualMenuItem, { text: 'Menuitem 4', itemKey: '4' }),
+          ],
+        }),
+    ],
+  });
+};
+const ScrollViewContextualMenu = () => {
+  const stdBtnRef = React.useRef(null);
+  const [showContextualMenu, setShowContextualMenu] = React.useState(false);
+  const [isContextualMenuVisible, setIsContextualMenuVisible] = React.useState(false);
+  const [lastMenuItemClicked, setLastMenuItemClicked] = React.useState(null);
+  const [isBeakVisible, setIsBeakVisible] = React.useState(false);
+  const onIsBeakVisibleChange = React.useCallback((value) => setIsBeakVisible(value), []);
+  const [focusOnMount, setShouldFocusOnMount] = React.useState(true);
+  const toggleFocusOnMount = React.useCallback((value) => setShouldFocusOnMount(value), [setShouldFocusOnMount]);
+  const [focusOnContainer, setShouldFocusOnContainer] = React.useState(false);
+  const toggleFocusOnContainer = React.useCallback((value) => setShouldFocusOnContainer(value), [setShouldFocusOnContainer]);
+  const toggleShowContextualMenu = React.useCallback(() => {
+    setShowContextualMenu(!showContextualMenu);
+    setIsContextualMenuVisible(false);
+  }, [showContextualMenu, setShowContextualMenu, setIsContextualMenuVisible]);
+  const onShowContextualMenu = React.useCallback(() => {
+    setIsContextualMenuVisible(true);
+  }, [setIsContextualMenuVisible]);
+  const onDismissContextualMenu = React.useCallback(() => {
+    setShowContextualMenu(false);
+    setIsContextualMenuVisible(false);
+  }, [setShowContextualMenu]);
+  const onItemClick = React.useCallback(
+    (key) => {
+      setLastMenuItemClicked(key);
+    },
+    [setLastMenuItemClicked],
+  );
+  const stdMenuItemRef = React.useRef(null);
+  const [showSubmenu, setShowSubmenu] = React.useState(false);
+  const [isSubmenuVisible, setIsSubmenuVisible] = React.useState(false);
+  const toggleShowSubmenu = React.useCallback(() => {
+    setShowSubmenu(!showSubmenu);
+    setIsSubmenuVisible(!isSubmenuVisible);
+  }, [showSubmenu, isSubmenuVisible, setShowSubmenu, setIsSubmenuVisible]);
+  const onShowSubmenu = React.useCallback(() => {
+    setIsSubmenuVisible(true);
+  }, [setIsSubmenuVisible]);
+  const onDismissSubmenu = React.useCallback(() => {
+    setShowSubmenu(false);
+  }, [setShowSubmenu]);
+  const onClick = React.useCallback(() => {
+    console.log('submenu item clicked');
+  }, []);
+  return _jsxs(View, {
+    children: [
+      _jsxs(View, {
+        style: { flexDirection: 'row', paddingVertical: 5 },
+        children: [
+          _jsxs(View, {
+            style: { flexDirection: 'column', paddingHorizontal: 5 },
+            children: [
+              _jsxs(View, {
+                style: { flexDirection: 'row' },
+                children: [
+                  _jsx(Text, { children: 'Should Focus on Mount' }),
+                  _jsx(Switch, { value: focusOnMount, onValueChange: toggleFocusOnMount }),
+                ],
+              }),
+              _jsxs(View, {
+                style: { flexDirection: 'row' },
+                children: [
+                  _jsx(Text, { children: 'Should Focus on Container' }),
+                  _jsx(Switch, { value: focusOnContainer, onValueChange: toggleFocusOnContainer }),
+                ],
+              }),
+              _jsxs(View, {
+                style: { flexDirection: 'row' },
+                children: [
+                  _jsx(Text, { children: 'Beak Visible' }),
+                  _jsx(Switch, { value: isBeakVisible, onValueChange: onIsBeakVisibleChange }),
+                ],
+              }),
+            ],
+          }),
+          _jsx(Separator, { vertical: true }),
+          _jsxs(View, {
+            style: { flexDirection: 'column', paddingHorizontal: 5 },
+            children: [
+              _jsxs(Text, {
+                children: [
+                  _jsx(Text, { children: 'Menu Visibility: ' }),
+                  isContextualMenuVisible
+                    ? _jsx(Text, { style: { color: 'green' }, children: 'Visible' })
+                    : _jsx(Text, { style: { color: 'red' }, children: 'Not Visible' }),
+                ],
+              }),
+              _jsxs(Text, {
+                children: [
+                  _jsx(Text, { children: 'Last Menu Item Clicked: ' }),
+                  lastMenuItemClicked > 0
+                    ? _jsx(Text, { style: { color: 'blue' }, children: lastMenuItemClicked })
+                    : _jsx(Text, { style: { color: 'blue' }, children: 'none' }),
+                ],
+              }),
+              _jsx(Text, { children: _jsx(Text, { children: 'Menu and Submenu max height set to 200' }) }),
+              _jsx(MenuButton, { content: 'Press for ContextualMenu', onClick: toggleShowContextualMenu, componentRef: stdBtnRef }),
+            ],
+          }),
+        ],
+      }),
+      showContextualMenu &&
+        _jsxs(ContextualMenu, {
+          target: stdBtnRef,
+          onDismiss: onDismissContextualMenu,
+          onShow: onShowContextualMenu,
+          accessibilityLabel: 'Standard ContextualMenu',
+          onItemClick: onItemClick,
+          setShowMenu: toggleShowContextualMenu,
+          shouldFocusOnMount: focusOnMount,
+          shouldFocusOnContainer: focusOnContainer,
+          isBeakVisible: isBeakVisible,
+          maxHeight: 200,
+          children: [
+            _jsx(ContextualMenuItem, { text: 'MenuItem 1', itemKey: '1' }),
+            _jsx(ContextualMenuItem, { text: 'MenuItem 2', itemKey: '2' }),
+            _jsx(SubmenuItem, {
+              icon: { svgSource: svgProps, width: 12, height: 12 },
+              text: 'Nested Menu',
+              itemKey: '3',
+              onHoverIn: toggleShowSubmenu,
+              componentRef: stdMenuItemRef,
+              expanded: showSubmenu,
+            }),
+            showSubmenu &&
+              _jsxs(Submenu, {
+                maxHeight: 200,
+                target: stdMenuItemRef,
+                onDismiss: onDismissSubmenu,
+                onShow: onShowSubmenu,
+                setShowMenu: toggleShowSubmenu,
+                children: [
+                  _jsx(ContextualMenuItem, { text: 'MenuItem 4', itemKey: '4' }),
+                  _jsx(ContextualMenuItem, { text: 'MenuItem 5', itemKey: '5' }),
+                  _jsx(ContextualMenuItem, { text: 'MenuItem 6', itemKey: '6' }),
+                  _jsx(ContextualMenuItem, { text: 'MenuItem 7', itemKey: '7' }),
+                  _jsx(ContextualMenuItem, {
+                    icon: { svgSource: svgProps, width: 12, height: 12 },
+                    text: 'SubmenuItem svg icon',
+                    itemKey: '8',
+                    onClick: onClick,
+                  }),
+                  _jsx(ContextualMenuItem, { text: 'SubmenuItem 2', itemKey: '9' }),
+                  _jsx(ContextualMenuItem, { text: 'Disabled Menu Item', itemKey: '10', disabled: true }),
+                ],
+              }),
+            _jsx(ContextualMenuItem, { text: 'Disabled Menu Item', itemKey: '11', disabled: true }),
+            _jsx(ContextualMenuItem, { text: 'MenuItem 4', itemKey: '12' }),
+            _jsx(ContextualMenuItem, { text: 'MenuItem 5', itemKey: '13' }),
+            _jsx(ContextualMenuItem, { text: 'MenuItem 6', itemKey: '14' }),
+            _jsx(ContextualMenuItem, { text: 'MenuItem 7', itemKey: '15' }),
+            _jsx(ContextualMenuItem, { text: 'MenuItem 8', itemKey: '16' }),
+            _jsx(ContextualMenuItem, { text: 'MenuItem 9', itemKey: '17' }),
+            _jsx(ContextualMenuItem, { text: 'MenuItem 10', itemKey: '18' }),
+            _jsx(ContextualMenuItem, { text: 'MenuItem 11', itemKey: '19' }),
+            _jsx(ContextualMenuItem, { text: 'MenuItem 12', itemKey: '20' }),
+          ],
+        }),
+    ],
+  });
+};
+const contextualMenuSections = [
+  {
+    name: 'Standard ContextualMenu',
+    testID: CONTEXTUALMENU_TESTPAGE,
+    component: ContextualMenuMainTest,
+  },
+  {
+    name: 'Nested ContextualMenu',
+    component: NestedContextualMenu,
+  },
+  {
+    name: 'IconButton with Customized ContextualMenu',
+    component: IconContextualMenu,
+  },
+  {
+    name: 'ContextalMenu with ScrollView',
+    component: ScrollViewContextualMenu,
+  },
+];
+const e2eSections = [
+  {
+    name: 'ContextualMenu E2E Test',
+    component: E2EContextualMenuTest,
+  },
+];
+export const ContextualMenuTest = () => {
+  const status = {
+    win32Status: 'Deprecated',
+    uwpStatus: 'Deprecated',
+    iosStatus: 'Deprecated',
+    macosStatus: 'Deprecated',
+    androidStatus: 'Deprecated',
+  };
+  const description =
+    'ContextualMenus are lists of commands that are based on the context of selection, mouse hover or keyboard focus. They are one of the most effective and highly used command surfaces, and can be used in a variety of places.\n\nThere are variants that originate from a command bar, or from cursor or focus. Those that come from CommandBars use a beak that is horizontally centered on the button. Ones that come from right click and menu button do not have a beak, but appear to the right and below the cursor. ContextualMenus can have submenus from commands, show selection checks, and icons.\n\nOrganize commands in groups divided by rules. This helps users remember command locations, or find less used commands based on proximity to others. One should also group sets of mutually exclusive or multiple selectable options. Use icons sparingly, for high value commands, and don’t mix icons with selection checks, as it makes parsing commands difficult. Avoid submenus of submenus as they can be difficult to invoke or remember.';
+  return _jsx(Test, {
+    name: 'ContextualMenu Test',
+    description: description,
+    sections: contextualMenuSections,
+    status: status,
+    e2eSections: e2eSections,
+  });
+};
+//# sourceMappingURL=ContextualMenuTest.js.map

package/lib/TestComponents/ContextualMenu/ContextualMenuTest.js.map

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

package/lib/TestComponents/ContextualMenu/E2EContextualMenuTest.d.ts

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

package/lib/TestComponents/ContextualMenu/E2EContextualMenuTest.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"E2EContextualMenuTest.d.ts","sourceRoot":"","sources":["../../../src/TestComponents/ContextualMenu/E2EContextualMenuTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,iBA2GzC,CAAC"}