@fluentui-react-native/tester 0.170.26 → 0.170.28

package/lib-commonjs/TestComponents/ContextualMenu/ContextualMenuTest.js

@@ -0,0 +1,298 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ContextualMenuTest = void 0;
+const tslib_1 = require("tslib");
+/* eslint-disable @typescript-eslint/no-var-requires */
+const React = tslib_1.__importStar(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 E2EContextualMenuTest_1 = require("./E2EContextualMenuTest");
+const iconExamples_1 = require("../Common/iconExamples");
+const Test_1 = require("../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 (React.createElement(react_native_1.View, null,
+        React.createElement(react_native_1.View, { style: { flexDirection: 'row', paddingVertical: 5 } },
+            React.createElement(react_native_1.View, { style: { flexDirection: 'column', paddingHorizontal: 5 } },
+                React.createElement(react_native_1.View, { style: { flexDirection: 'row' } },
+                    React.createElement(react_native_1.Text, null, "Should Focus on Mount"),
+                    React.createElement(react_native_1.Switch, { value: focusOnMount, onValueChange: toggleFocusOnMount })),
+                React.createElement(react_native_1.View, { style: { flexDirection: 'row' } },
+                    React.createElement(react_native_1.Text, null, "Should Focus on Container"),
+                    React.createElement(react_native_1.Switch, { value: focusOnContainer, onValueChange: toggleFocusOnContainer })),
+                React.createElement(react_native_1.View, { style: { flexDirection: 'row' } },
+                    React.createElement(react_native_1.Text, null, "Beak Visible"),
+                    React.createElement(react_native_1.Switch, { value: isBeakVisible, onValueChange: onIsBeakVisibleChange }))),
+            React.createElement(react_native_2.Separator, { vertical: true }),
+            React.createElement(react_native_1.View, { style: { flexDirection: 'column', paddingHorizontal: 5 } },
+                React.createElement(react_native_1.Text, null,
+                    React.createElement(react_native_1.Text, null, "Menu Visibility: "),
+                    isContextualMenuVisible ? React.createElement(react_native_1.Text, { style: { color: 'green' } }, "Visible") : React.createElement(react_native_1.Text, { style: { color: 'red' } }, "Not Visible")),
+                React.createElement(react_native_1.Text, null,
+                    React.createElement(react_native_1.Text, null, "Last Menu Item Clicked: "),
+                    lastMenuItemClicked > 0 ? (React.createElement(react_native_1.Text, { style: { color: 'blue' } }, lastMenuItemClicked)) : (React.createElement(react_native_1.Text, { style: { color: 'blue' } }, "none"))),
+                React.createElement(react_native_2.ButtonV1, { onClick: toggleShowContextualMenu, componentRef: stdBtnRef }, "Press for ContextualMenu"))),
+        showContextualMenu && (React.createElement(react_native_2.ContextualMenu, { target: stdBtnRef, onDismiss: onDismissContextualMenu, onShow: onShowContextualMenu, accessibilityLabel: "Standard ContextualMenu", onItemClick: onItemClick, setShowMenu: toggleShowContextualMenu, shouldFocusOnMount: focusOnMount, shouldFocusOnContainer: focusOnContainer, isBeakVisible: isBeakVisible },
+            React.createElement(react_native_2.ContextualMenuItem, { text: "MenuItem 1", itemKey: "1" }),
+            React.createElement(react_native_2.ContextualMenuItem, { text: "MenuItem 2", itemKey: "2" }),
+            React.createElement(react_native_2.ContextualMenuItem, { text: "Disabled Menu Item", itemKey: "3", disabled: true }),
+            React.createElement(react_native_2.ContextualMenuItem, { text: "MenuItem 4", itemKey: "4" }),
+            React.createElement(react_native_2.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 (React.createElement(react_native_1.View, null,
+        React.createElement(react_native_1.View, { style: { flexDirection: 'row', paddingVertical: 5 } },
+            React.createElement(react_native_1.View, { style: { flexDirection: 'column', paddingHorizontal: 5 } },
+                React.createElement(react_native_1.View, { style: { flexDirection: 'row' } },
+                    React.createElement(react_native_1.Text, null, "Should Focus on Mount"),
+                    React.createElement(react_native_1.Switch, { value: focusOnMount, onValueChange: toggleFocusOnMount })),
+                React.createElement(react_native_1.View, { style: { flexDirection: 'row' } },
+                    React.createElement(react_native_1.Text, null, "Should Focus on Container"),
+                    React.createElement(react_native_1.Switch, { value: focusOnContainer, onValueChange: toggleFocusOnContainer }))),
+            React.createElement(react_native_2.Separator, { vertical: true }),
+            React.createElement(react_native_1.View, { style: { flexDirection: 'column', paddingHorizontal: 5 } },
+                React.createElement(react_native_1.Text, null,
+                    React.createElement(react_native_1.Text, null, "Menu Visibility: "),
+                    isContextualMenuVisible ? React.createElement(react_native_1.Text, { style: { color: 'green' } }, "Visible") : React.createElement(react_native_1.Text, { style: { color: 'red' } }, "Not Visible")),
+                React.createElement(react_native_1.Text, null,
+                    React.createElement(react_native_1.Text, null, "Submenu Visibility: "),
+                    isSubmenuVisible ? React.createElement(react_native_1.Text, { style: { color: 'green' } }, "Visible") : React.createElement(react_native_1.Text, { style: { color: 'red' } }, "Not Visible")),
+                React.createElement(react_native_2.ButtonV1, { onClick: toggleShowContextualMenu, componentRef: stdBtnRef }, "Press for ContextualMenu"))),
+        showContextualMenu && (React.createElement(react_native_2.ContextualMenu, { target: stdBtnRef, onDismiss: onDismissContextualMenu, onShow: onShowContextualMenu, accessibilityLabel: "Standard ContextualMenu", setShowMenu: toggleShowContextualMenu, shouldFocusOnMount: focusOnMount, shouldFocusOnContainer: focusOnContainer },
+            React.createElement(react_native_2.ContextualMenuItem, { icon: iconExamples_1.testImage, text: "Menu item with png Icon", itemKey: "1" }),
+            React.createElement(react_native_2.ContextualMenuItem, { icon: { fontSource: iconExamples_1.fontProps, color: 'blue' }, text: "Menu item with font icon", itemKey: "2" }),
+            React.createElement(react_native_2.ContextualMenuItem, { text: "Disabled Menu Item", itemKey: "3", disabled: true }),
+            React.createElement(react_native_2.SubmenuItem, { icon: { svgSource: iconExamples_1.svgProps, width: 12, height: 12 }, text: "Nested Menu", itemKey: "4", onHoverIn: toggleShowSubmenu, componentRef: stdMenuItemRef, expanded: showSubmenu }),
+            showSubmenu && (React.createElement(react_native_2.Submenu, { target: stdMenuItemRef, onDismiss: onDismissSubmenu, onShow: onShowSubmenu, setShowMenu: toggleShowSubmenu },
+                React.createElement(react_native_2.ContextualMenuItem, { icon: { svgSource: iconExamples_1.svgProps, width: 12, height: 12 }, text: "SubmenuItem svg icon", itemKey: "4", onClick: onClick }),
+                React.createElement(react_native_2.ContextualMenuItem, { text: "SubmenuItem 2", itemKey: "2" }),
+                React.createElement(react_native_2.ContextualMenuItem, { text: "Disabled Menu Item", itemKey: "3", disabled: true }))),
+            React.createElement(react_native_2.ContextualMenuItem, { text: "Menuitem 5", itemKey: "5" })))));
+};
+// custom text
+const IndigoHeroBold = react_native_2.Text.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 (React.createElement(react_native_1.View, null,
+        React.createElement(react_native_1.View, { style: { flexDirection: 'row', paddingVertical: 5 } },
+            React.createElement(react_native_1.View, { style: { flexDirection: 'column', paddingHorizontal: 5 } },
+                React.createElement(react_native_1.View, { style: { flexDirection: 'row' } },
+                    React.createElement(react_native_1.Text, null, "Should Focus on Mount"),
+                    React.createElement(react_native_1.Switch, { value: focusOnMount, onValueChange: toggleFocusOnMount })),
+                React.createElement(react_native_1.View, { style: { flexDirection: 'row' } },
+                    React.createElement(react_native_1.Text, null, "Should Focus on Container"),
+                    React.createElement(react_native_1.Switch, { value: focusOnContainer, onValueChange: toggleFocusOnContainer }))),
+            React.createElement(react_native_2.Separator, { vertical: true }),
+            React.createElement(react_native_1.View, { style: { flexDirection: 'column', paddingHorizontal: 5 } },
+                React.createElement(react_native_1.Text, null,
+                    React.createElement(react_native_1.Text, null, "Menu Visibility: "),
+                    isContextualMenuVisible ? React.createElement(react_native_1.Text, { style: { color: 'green' } }, "Visible") : React.createElement(react_native_1.Text, { style: { color: 'red' } }, "Not Visible")),
+                React.createElement(react_native_2.ButtonV1, { componentRef: stdBtnRef, style: { borderWidth: 0 }, icon: { svgSource: iconExamples_1.svgProps, width: 12, height: 12 }, onClick: toggleShowContextualMenu, accessibilityLabel: "Wheelchair icon button", tooltip: "Toggle menu" }))),
+        showContextualMenu && (React.createElement(react_native_2.ContextualMenu, { target: stdBtnRef, onDismiss: onDismissContextualMenu, onShow: onShowContextualMenu, accessibilityLabel: "Standard ContextualMenu", setShowMenu: toggleShowContextualMenu, shouldFocusOnMount: focusOnMount, shouldFocusOnContainer: focusOnContainer },
+            React.createElement(react_native_2.ContextualMenuItem, { itemKey: "1" },
+                React.createElement(react_native_2.Checkbox, { label: "Unchecked checkbox" })),
+            React.createElement(react_native_2.ContextualMenuItem, { itemKey: "2" },
+                React.createElement(IndigoHeroBold, null, "IndigoHeroBold text with checkbox")),
+            React.createElement(react_native_2.ContextualMenuItem, { text: "Disabled Menu Item", itemKey: "3", disabled: true }),
+            React.createElement(react_native_2.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 (React.createElement(react_native_1.View, null,
+        React.createElement(react_native_1.View, { style: { flexDirection: 'row', paddingVertical: 5 } },
+            React.createElement(react_native_1.View, { style: { flexDirection: 'column', paddingHorizontal: 5 } },
+                React.createElement(react_native_1.View, { style: { flexDirection: 'row' } },
+                    React.createElement(react_native_1.Text, null, "Should Focus on Mount"),
+                    React.createElement(react_native_1.Switch, { value: focusOnMount, onValueChange: toggleFocusOnMount })),
+                React.createElement(react_native_1.View, { style: { flexDirection: 'row' } },
+                    React.createElement(react_native_1.Text, null, "Should Focus on Container"),
+                    React.createElement(react_native_1.Switch, { value: focusOnContainer, onValueChange: toggleFocusOnContainer })),
+                React.createElement(react_native_1.View, { style: { flexDirection: 'row' } },
+                    React.createElement(react_native_1.Text, null, "Beak Visible"),
+                    React.createElement(react_native_1.Switch, { value: isBeakVisible, onValueChange: onIsBeakVisibleChange }))),
+            React.createElement(react_native_2.Separator, { vertical: true }),
+            React.createElement(react_native_1.View, { style: { flexDirection: 'column', paddingHorizontal: 5 } },
+                React.createElement(react_native_1.Text, null,
+                    React.createElement(react_native_1.Text, null, "Menu Visibility: "),
+                    isContextualMenuVisible ? React.createElement(react_native_1.Text, { style: { color: 'green' } }, "Visible") : React.createElement(react_native_1.Text, { style: { color: 'red' } }, "Not Visible")),
+                React.createElement(react_native_1.Text, null,
+                    React.createElement(react_native_1.Text, null, "Last Menu Item Clicked: "),
+                    lastMenuItemClicked > 0 ? (React.createElement(react_native_1.Text, { style: { color: 'blue' } }, lastMenuItemClicked)) : (React.createElement(react_native_1.Text, { style: { color: 'blue' } }, "none"))),
+                React.createElement(react_native_1.Text, null,
+                    React.createElement(react_native_1.Text, null, "Menu and Submenu max height set to 200")),
+                React.createElement(react_native_2.ButtonV1, { onClick: toggleShowContextualMenu, componentRef: stdBtnRef }, "Press for ContextualMenu"))),
+        showContextualMenu && (React.createElement(react_native_2.ContextualMenu, { target: stdBtnRef, onDismiss: onDismissContextualMenu, onShow: onShowContextualMenu, accessibilityLabel: "Standard ContextualMenu", onItemClick: onItemClick, setShowMenu: toggleShowContextualMenu, shouldFocusOnMount: focusOnMount, shouldFocusOnContainer: focusOnContainer, isBeakVisible: isBeakVisible, maxHeight: 200 },
+            React.createElement(react_native_2.ContextualMenuItem, { text: "MenuItem 1", itemKey: "1" }),
+            React.createElement(react_native_2.ContextualMenuItem, { text: "MenuItem 2", itemKey: "2" }),
+            React.createElement(react_native_2.SubmenuItem, { icon: { svgSource: iconExamples_1.svgProps, width: 12, height: 12 }, text: "Nested Menu", itemKey: "3", onHoverIn: toggleShowSubmenu, componentRef: stdMenuItemRef, expanded: showSubmenu }),
+            showSubmenu && (React.createElement(react_native_2.Submenu, { maxHeight: 200, target: stdMenuItemRef, onDismiss: onDismissSubmenu, onShow: onShowSubmenu, setShowMenu: toggleShowSubmenu },
+                React.createElement(react_native_2.ContextualMenuItem, { text: "MenuItem 4", itemKey: "4" }),
+                React.createElement(react_native_2.ContextualMenuItem, { text: "MenuItem 5", itemKey: "5" }),
+                React.createElement(react_native_2.ContextualMenuItem, { text: "MenuItem 6", itemKey: "6" }),
+                React.createElement(react_native_2.ContextualMenuItem, { text: "MenuItem 7", itemKey: "7" }),
+                React.createElement(react_native_2.ContextualMenuItem, { icon: { svgSource: iconExamples_1.svgProps, width: 12, height: 12 }, text: "SubmenuItem svg icon", itemKey: "8", onClick: onClick }),
+                React.createElement(react_native_2.ContextualMenuItem, { text: "SubmenuItem 2", itemKey: "9" }),
+                React.createElement(react_native_2.ContextualMenuItem, { text: "Disabled Menu Item", itemKey: "10", disabled: true }))),
+            React.createElement(react_native_2.ContextualMenuItem, { text: "Disabled Menu Item", itemKey: "11", disabled: true }),
+            React.createElement(react_native_2.ContextualMenuItem, { text: "MenuItem 4", itemKey: "12" }),
+            React.createElement(react_native_2.ContextualMenuItem, { text: "MenuItem 5", itemKey: "13" }),
+            React.createElement(react_native_2.ContextualMenuItem, { text: "MenuItem 6", itemKey: "14" }),
+            React.createElement(react_native_2.ContextualMenuItem, { text: "MenuItem 7", itemKey: "15" }),
+            React.createElement(react_native_2.ContextualMenuItem, { text: "MenuItem 8", itemKey: "16" }),
+            React.createElement(react_native_2.ContextualMenuItem, { text: "MenuItem 9", itemKey: "17" }),
+            React.createElement(react_native_2.ContextualMenuItem, { text: "MenuItem 10", itemKey: "18" }),
+            React.createElement(react_native_2.ContextualMenuItem, { text: "MenuItem 11", itemKey: "19" }),
+            React.createElement(react_native_2.ContextualMenuItem, { text: "MenuItem 12", itemKey: "20" })))));
+};
+const contextualMenuSections = [
+    {
+        name: 'Standard ContextualMenu',
+        testID: e2e_testing_1.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_1.E2EContextualMenuTest,
+    },
+];
+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 (React.createElement(Test_1.Test, { name: "ContextualMenu Test", description: description, sections: contextualMenuSections, status: status, e2eSections: e2eSections }));
+};
+exports.ContextualMenuTest = ContextualMenuTest;
+//# sourceMappingURL=ContextualMenuTest.js.map

package/lib-commonjs/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-commonjs/TestComponents/ContextualMenu/E2EContextualMenuTest.d.ts.map

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

package/lib-commonjs/TestComponents/ContextualMenu/E2EContextualMenuTest.js

@@ -0,0 +1,65 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.E2EContextualMenuTest = void 0;
+const tslib_1 = require("tslib");
+/* eslint-disable @typescript-eslint/no-var-requires */
+const React = tslib_1.__importStar(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 TestProps_1 = require("../Common/TestProps");
+const E2EContextualMenuTest = () => {
+    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 (React.createElement(react_native_1.View, null,
+        React.createElement(react_native_1.View, { style: { flexDirection: 'row', paddingVertical: 5 } },
+            React.createElement(react_native_1.View, { style: { flexDirection: 'column', paddingHorizontal: 5 } },
+                React.createElement(react_native_1.View, { style: { flexDirection: 'row' } },
+                    React.createElement(react_native_1.Text, null, "Should Focus on Mount"),
+                    React.createElement(react_native_1.Switch, { value: focusOnMount, onValueChange: toggleFocusOnMount })),
+                React.createElement(react_native_1.View, { style: { flexDirection: 'row' } },
+                    React.createElement(react_native_1.Text, null, "Should Focus on Container"),
+                    React.createElement(react_native_1.Switch, { value: focusOnContainer, onValueChange: toggleFocusOnContainer })),
+                React.createElement(react_native_1.View, { style: { flexDirection: 'row' } },
+                    React.createElement(react_native_1.Text, null, "Beak Visible"),
+                    React.createElement(react_native_1.Switch, { value: isBeakVisible, onValueChange: onIsBeakVisibleChange }))),
+            React.createElement(react_native_2.Separator, { vertical: true }),
+            React.createElement(react_native_1.View, { style: { flexDirection: 'column', paddingHorizontal: 5 } },
+                React.createElement(react_native_1.Text, null,
+                    React.createElement(react_native_1.Text, null, "Menu Visibility: "),
+                    isContextualMenuVisible ? React.createElement(react_native_1.Text, { style: { color: 'green' } }, "Visible") : React.createElement(react_native_1.Text, { style: { color: 'red' } }, "Not Visible")),
+                React.createElement(react_native_1.Text, null,
+                    React.createElement(react_native_1.Text, null, "Last Menu Item Clicked: "),
+                    lastMenuItemClicked > 0 ? (React.createElement(react_native_1.Text, { style: { color: 'blue' } }, lastMenuItemClicked)) : (React.createElement(react_native_1.Text, { style: { color: 'blue' } }, "none"))),
+                React.createElement(react_native_2.ButtonV1, { onClick: toggleShowContextualMenu, componentRef: stdBtnRef, ...(0, TestProps_1.testProps)(e2e_testing_1.CONTEXTUALMENU_TEST_COMPONENT) }, "Press for ContextualMenu"))),
+        showContextualMenu && (React.createElement(react_native_2.ContextualMenu, { target: stdBtnRef, onDismiss: onDismissContextualMenu, onShow: onShowContextualMenu, onItemClick: onItemClick, setShowMenu: toggleShowContextualMenu, shouldFocusOnMount: focusOnMount, shouldFocusOnContainer: focusOnContainer, isBeakVisible: isBeakVisible },
+            React.createElement(react_native_2.ContextualMenuItem, { text: "MenuItem 1", itemKey: "1", ...(0, TestProps_1.testProps)(e2e_testing_1.CONTEXTUALMENUITEM_TEST_COMPONENT) }),
+            React.createElement(react_native_2.ContextualMenuItem, { text: "MenuItem 2", itemKey: "2" }),
+            React.createElement(react_native_2.ContextualMenuItem, { text: "Disabled Menu Item", itemKey: "3", disabled: true }),
+            React.createElement(react_native_2.ContextualMenuItem, { text: "MenuItem 4", itemKey: "4" }),
+            React.createElement(react_native_2.ContextualMenuItem, { text: "MenuItem 5", itemKey: "5" })))));
+};
+exports.E2EContextualMenuTest = E2EContextualMenuTest;
+//# sourceMappingURL=E2EContextualMenuTest.js.map

package/lib-commonjs/TestComponents/ContextualMenu/E2EContextualMenuTest.js.map

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

package/lib-commonjs/TestComponents/ContextualMenu/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/TestComponents/ContextualMenu/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC"}

package/lib-commonjs/TestComponents/ContextualMenu/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./ContextualMenuTest"), exports);
+//# sourceMappingURL=index.js.map

package/lib-commonjs/TestComponents/ContextualMenu/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/TestComponents/ContextualMenu/index.ts"],"names":[],"mappings":";;;AAAA,+DAAqC"}

package/lib-commonjs/TestComponents/CornerRadius/CornerRadiusTest.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CornerRadiusTest.d.ts","sourceRoot":"","sources":["../../../src/TestComponents/CornerRadius/CornerRadiusTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA6E/B,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,iBAY1C,CAAC"}

package/lib-commonjs/TestComponents/CornerRadius/CornerRadiusTest.js

@@ -0,0 +1,65 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CornerRadiusTokensTest = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(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 framework_1 = require("@fluentui-react-native/framework");
+const stack_1 = require("@fluentui-react-native/stack");
+const theme_tokens_1 = require("@fluentui-react-native/theme-tokens");
+const theming_utils_1 = require("@fluentui-react-native/theming-utils");
+const styles_1 = require("../Common/styles");
+const Test_1 = require("../Test");
+const CornerRadiusTestComponent = (props) => {
+    const theme = (0, framework_1.useFluentTheme)();
+    const isLightMode = (0, theming_utils_1.getCurrentAppearance)(theme.host.appearance, 'light') === 'light';
+    const outerBoxProps = React.useMemo(() => ({
+        height: 60,
+        margin: 16,
+        backgroundColor: isLightMode ? theme_tokens_1.globalTokens.color.grey80 : theme_tokens_1.globalTokens.color.grey10,
+        borderRadius: props.cornerRadius,
+    }), [props.cornerRadius, isLightMode]);
+    const innerCircleIndicatorProps = React.useMemo(() => ({
+        height: Math.min(props.cornerRadius * 2, 60),
+        width: Math.min(props.cornerRadius * 2, 60),
+        borderRadius: props.cornerRadius,
+        backgroundColor: isLightMode ? theme_tokens_1.globalTokens.color.grey10 : theme_tokens_1.globalTokens.color.grey80,
+    }), [props.cornerRadius, isLightMode]);
+    return (React.createElement(react_native_1.View, null,
+        React.createElement(react_native_2.Text, { variant: "bodySemibold" }, props.name + ': ' + props.cornerRadius + 'px'),
+        React.createElement(react_native_1.View, { style: outerBoxProps },
+            React.createElement(react_native_1.View, { style: innerCircleIndicatorProps }))));
+};
+const CornerRadiusTest = () => {
+    return (React.createElement(react_native_1.View, null,
+        React.createElement(stack_1.Stack, { style: styles_1.stackStyle, gap: 500 },
+            React.createElement(CornerRadiusTestComponent, { name: "radiusNone", cornerRadius: theme_tokens_1.globalTokens.corner.radiusNone }),
+            React.createElement(CornerRadiusTestComponent, { name: "radius20", cornerRadius: theme_tokens_1.globalTokens.corner.radius20 }),
+            React.createElement(CornerRadiusTestComponent, { name: "radius40", cornerRadius: theme_tokens_1.globalTokens.corner.radius40 }),
+            React.createElement(CornerRadiusTestComponent, { name: "radius60", cornerRadius: theme_tokens_1.globalTokens.corner.radius60 }),
+            React.createElement(CornerRadiusTestComponent, { name: "radius80", cornerRadius: theme_tokens_1.globalTokens.corner.radius80 }),
+            React.createElement(CornerRadiusTestComponent, { name: "radius120", cornerRadius: theme_tokens_1.globalTokens.corner.radius120 }),
+            React.createElement(CornerRadiusTestComponent, { name: "radiusCircular", cornerRadius: theme_tokens_1.globalTokens.corner.radiusCircular }))));
+};
+const cornerRadiusSections = [
+    {
+        name: 'Basic Usage',
+        testID: e2e_testing_1.HOMEPAGE_CORNERRADIUS_TESTPAGE,
+        component: CornerRadiusTest,
+    },
+];
+const CornerRadiusTokensTest = () => {
+    const status = {
+        win32Status: 'Production',
+        uwpStatus: 'Production',
+        iosStatus: 'Production',
+        macosStatus: 'Production',
+        androidStatus: 'Production',
+    };
+    const description = 'The different global corner radius tokens available in Fluent UI.';
+    return React.createElement(Test_1.Test, { name: "Corner Radius Tokens Test", description: description, sections: cornerRadiusSections, status: status });
+};
+exports.CornerRadiusTokensTest = CornerRadiusTokensTest;
+//# sourceMappingURL=CornerRadiusTest.js.map

package/lib-commonjs/TestComponents/CornerRadius/CornerRadiusTest.js.map

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

package/lib-commonjs/TestComponents/CornerRadius/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/TestComponents/CornerRadius/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC"}

package/lib-commonjs/TestComponents/CornerRadius/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./CornerRadiusTest"), exports);
+//# sourceMappingURL=index.js.map

package/lib-commonjs/TestComponents/CornerRadius/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/TestComponents/CornerRadius/index.ts"],"names":[],"mappings":";;;AAAA,6DAAmC"}

package/lib-commonjs/TestComponents/Divider/DividerTest.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DividerTest.d.ts","sourceRoot":"","sources":["../../../src/TestComponents/Divider/DividerTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAoC/B,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,iBAUtC,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,iBAsBpC,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,iBAO1C,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,iBAWrC,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,iBAelC,CAAC;AAuCF,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,iBAsB/B,CAAC"}