@fluentui-react-native/tester 0.51.5 → 0.52.0

package/lib-commonjs/FluentTester/TestComponents/RadioGroup/consts.js

@@ -1,19 +1,27 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.RADIOGROUP_ON_PRESS = exports.RADIOBUTTON_TEST_COMPONENT_LABEL = exports.RADIOBUTTON_NO_A11Y_LABEL_COMPONENT = exports.RADIOBUTTON_ACCESSIBILITY_LABEL = exports.RADIOBUTTON_TEST_COMPONENT = exports.RADIOGROUP_TEST_COMPONENT_LABEL = exports.RADIOGROUP_NO_A11Y_LABEL_COMPONENT = exports.RADIOGROUP_ACCESSIBILITY_LABEL = exports.RADIOGROUP_TEST_COMPONENT = exports.RADIOGROUP_TESTPAGE = exports.HOMEPAGE_RADIOGROUP_BUTTON = void 0;
+exports.RADIOGROUP_ON_PRESS = exports.RADIOGROUP_TEST_COMPONENT_LABEL = exports.RADIOGROUP_NO_A11Y_LABEL_COMPONENT = exports.FOURTH_RADIO_BUTTON = exports.THIRD_RADIO_BUTTON = exports.SECOND_RADIO_BUTTON_LABEL = exports.SECOND_RADIO_BUTTON = exports.FIRST_RADIO_BUTTON_ACCESSIBILITY_LABEL = exports.FIRST_RADIO_BUTTON = exports.RADIOGROUP_ACCESSIBILITY_LABEL = exports.RADIOGROUP_TEST_COMPONENT = exports.RADIOGROUP_TESTPAGE = exports.HOMEPAGE_RADIOGROUP_BUTTON = void 0;
 exports.HOMEPAGE_RADIOGROUP_BUTTON = 'Homepage_RadioGroup_Button';
 exports.RADIOGROUP_TESTPAGE = 'RadioGroup_TestPage';
-/* E2E Testing RadioGroup 1 */
-exports.RADIOGROUP_TEST_COMPONENT = 'RadioGroup_Test_Component'; // A component on each specific test page
+/********************************************************************/
+/********************* E2E Testing RadioGroup 1 *********************/
+/********************************************************************/
+exports.RADIOGROUP_TEST_COMPONENT = 'RadioGroup_Test_Component';
 exports.RADIOGROUP_ACCESSIBILITY_LABEL = 'E2E testing RadioGroup accessibility label';
-/* E2E Testing RadioGroup 2 */
+/* E2E Testing RadioButton 1 (1 of 4) */
+exports.FIRST_RADIO_BUTTON = 'First_Radio_Button';
+exports.FIRST_RADIO_BUTTON_ACCESSIBILITY_LABEL = 'E2E testing RadioButton accessibility label';
+/* E2E Testing RadioButton 1 (2 of 4) No accessibilityLabel */
+exports.SECOND_RADIO_BUTTON = 'Second_Radio_Button';
+exports.SECOND_RADIO_BUTTON_LABEL = 'Test RadioGroup2 - No Accessibility Label';
+/* E2E Testing RadioButton 1 (3 of 4) */
+exports.THIRD_RADIO_BUTTON = 'Third_Radio_Button';
+/* E2E Testing RadioButton 1 (4 of 4) */
+exports.FOURTH_RADIO_BUTTON = 'Fourth_Radio_Button';
+/********************************************************************/
+/********************* E2E Testing RadioGroup 2 *********************/
+/********************************************************************/
 exports.RADIOGROUP_NO_A11Y_LABEL_COMPONENT = 'RadioGroup_No_A11y_label_Component';
 exports.RADIOGROUP_TEST_COMPONENT_LABEL = 'Test RadioGroup2 - No Accessibility Label'; // A component on each specific test page
-/* E2E Testing RadioButton 1 */
-exports.RADIOBUTTON_TEST_COMPONENT = 'RadioButton_Test_Component'; // A component on each specific test page
-exports.RADIOBUTTON_ACCESSIBILITY_LABEL = 'E2E testing RadioButton accessibility label';
-/* E2E Testing RadioButton 2 */
-exports.RADIOBUTTON_NO_A11Y_LABEL_COMPONENT = 'RadioButton_No_A11y_label_Component';
-exports.RADIOBUTTON_TEST_COMPONENT_LABEL = 'Test RadioButton2 - No Accessibility Label'; // A component on each specific test page
 exports.RADIOGROUP_ON_PRESS = 'RadioGroup_On_Press'; // For testing the press functionality on a button
 //# sourceMappingURL=consts.js.map

package/lib-commonjs/FluentTester/TestComponents/RadioGroup/consts.js.map

@@ -1 +1 @@
-{"version":3,"file":"consts.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/RadioGroup/consts.ts"],"names":[],"mappings":";;;AAAa,QAAA,0BAA0B,GAAG,4BAA4B,CAAC;AAC1D,QAAA,mBAAmB,GAAG,qBAAqB,CAAC;AAEzD,8BAA8B;AACjB,QAAA,yBAAyB,GAAG,2BAA2B,CAAC,CAAC,yCAAyC;AAClG,QAAA,8BAA8B,GAAG,4CAA4C,CAAC;AAE3F,8BAA8B;AACjB,QAAA,kCAAkC,GAAG,oCAAoC,CAAC;AAC1E,QAAA,+BAA+B,GAAG,2CAA2C,CAAC,CAAC,yCAAyC;AAErI,+BAA+B;AAClB,QAAA,0BAA0B,GAAG,4BAA4B,CAAC,CAAC,yCAAyC;AACpG,QAAA,+BAA+B,GAAG,6CAA6C,CAAC;AAE7F,+BAA+B;AAClB,QAAA,mCAAmC,GAAG,qCAAqC,CAAC;AAC5E,QAAA,gCAAgC,GAAG,4CAA4C,CAAC,CAAC,yCAAyC;AAE1H,QAAA,mBAAmB,GAAG,qBAAqB,CAAC,CAAC,kDAAkD"}
+{"version":3,"file":"consts.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/RadioGroup/consts.ts"],"names":[],"mappings":";;;AAAa,QAAA,0BAA0B,GAAG,4BAA4B,CAAC;AAC1D,QAAA,mBAAmB,GAAG,qBAAqB,CAAC;AAEzD,sEAAsE;AACtE,sEAAsE;AACtE,sEAAsE;AACzD,QAAA,yBAAyB,GAAG,2BAA2B,CAAC;AACxD,QAAA,8BAA8B,GAAG,4CAA4C,CAAC;AAE3F,wCAAwC;AAC3B,QAAA,kBAAkB,GAAG,oBAAoB,CAAC;AAC1C,QAAA,sCAAsC,GAAG,6CAA6C,CAAC;AAEpG,8DAA8D;AACjD,QAAA,mBAAmB,GAAG,qBAAqB,CAAC;AAC5C,QAAA,yBAAyB,GAAG,2CAA2C,CAAC;AAErF,wCAAwC;AAC3B,QAAA,kBAAkB,GAAG,oBAAoB,CAAC;AAEvD,wCAAwC;AAC3B,QAAA,mBAAmB,GAAG,qBAAqB,CAAC;AAEzD,sEAAsE;AACtE,sEAAsE;AACtE,sEAAsE;AACzD,QAAA,kCAAkC,GAAG,oCAAoC,CAAC;AAC1E,QAAA,+BAA+B,GAAG,2CAA2C,CAAC,CAAC,yCAAyC;AAExH,QAAA,mBAAmB,GAAG,qBAAqB,CAAC,CAAC,kDAAkD"}

package/lib-commonjs/FluentTester/TestComponents/Tabs/TabsE2ETest.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TabsE2ETest.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Tabs/TabsE2ETest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAe/B,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,iBA+B/B,CAAC"}
+{"version":3,"file":"TabsE2ETest.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Tabs/TabsE2ETest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAmB/B,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,iBA+B/B,CAAC"}

package/lib-commonjs/FluentTester/TestComponents/Tabs/TabsE2ETest.js

@@ -11,15 +11,15 @@ var E2ETabsTest = function () {
     return (React.createElement(react_native_1.View, null,
         React.createElement(react_native_1.View, { style: styles_1.stackStyle },
             React.createElement(react_native_2.Tabs, { label: "Tabs", testID: consts_1.TABS_TEST_COMPONENT, accessibilityLabel: consts_1.TABS_ACCESSIBILITY_LABEL },
-                React.createElement(react_native_2.TabsItem, { headerText: "Home", itemKey: "A", testID: consts_1.TABS_ITEM_TEST_COMPONENT, accessibilityLabel: consts_1.TABS_ITEM_ACCESSIBILITY_LABEL },
-                    React.createElement(react_native_2.Text, null, "Tabs #1")),
-                React.createElement(react_native_2.TabsItem, { headerText: "Files", itemKey: "B" },
-                    React.createElement(react_native_2.Text, null, "Tabs #2")),
-                React.createElement(react_native_2.TabsItem, { headerText: "Settings", itemKey: "C" },
-                    React.createElement(react_native_2.Text, null, "Tabs #3")))),
+                React.createElement(react_native_2.TabsItem, { headerText: "Home", itemKey: "A", testID: consts_1.FIRST_TABS_ITEM, accessibilityLabel: consts_1.FIRST_TABS_ITEM_ACCESSIBILITY_LABEL },
+                    React.createElement(react_native_2.Text, { testID: consts_1.FIRST_TABS_ITEM_CONTENT }, "Tabs #1")),
+                React.createElement(react_native_2.TabsItem, { headerText: "Files", itemKey: "B", testID: consts_1.SECOND_TABS_ITEM },
+                    React.createElement(react_native_2.Text, { testID: consts_1.SECOND_TABS_ITEM_CONTENT }, "Tabs #2")),
+                React.createElement(react_native_2.TabsItem, { headerText: consts_1.THIRD_TABS_ITEM_LABEL, itemKey: "C", testID: consts_1.THIRD_TABS_ITEM },
+                    React.createElement(react_native_2.Text, { testID: consts_1.THIRD_TABS_ITEM_CONTENT }, "Tabs #3")))),
         React.createElement(react_native_1.View, { style: styles_1.stackStyle },
             React.createElement(react_native_2.Tabs, { label: consts_1.TABS_TEST_COMPONENT_LABEL, testID: consts_1.TABS_NO_A11Y_LABEL_COMPONENT },
-                React.createElement(react_native_2.TabsItem, { headerText: consts_1.TABS_ITEM_TEST_COMPONENT_LABEL, itemKey: "A", testID: consts_1.TABS_ITEM_NO_A11Y_LABEL_COMPONENT },
+                React.createElement(react_native_2.TabsItem, { headerText: "Home", itemKey: "A" },
                     React.createElement(react_native_2.Text, null, "Tabs #1")),
                 React.createElement(react_native_2.TabsItem, { headerText: "Files", itemKey: "B" },
                     React.createElement(react_native_2.Text, null, "Tabs #2")),

package/lib-commonjs/FluentTester/TestComponents/Tabs/TabsE2ETest.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabsE2ETest.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Tabs/TabsE2ETest.tsx"],"names":[],"mappings":";;;;AAAA,wDAA+B;AAC/B,6CAAoC;AACpC,uDAA8D;AAC9D,2CAA8C;AAC9C,mCASkB;AAEX,IAAM,WAAW,GAA4B;IAClD,OAAO,CACL,oBAAC,mBAAI;QACH,oBAAC,mBAAI,IAAC,KAAK,EAAE,mBAAU;YACrB,oBAAC,mBAAI,IAAC,KAAK,EAAC,MAAM,EAAC,MAAM,EAAE,4BAAmB,EAAE,kBAAkB,EAAE,iCAAwB;gBAC1F,oBAAC,uBAAQ,IAAC,UAAU,EAAC,MAAM,EAAC,OAAO,EAAC,GAAG,EAAC,MAAM,EAAE,iCAAwB,EAAE,kBAAkB,EAAE,sCAA6B;oBACzH,oBAAC,mBAAI,kBAAe,CACX;gBACX,oBAAC,uBAAQ,IAAC,UAAU,EAAC,OAAO,EAAC,OAAO,EAAC,GAAG;oBACtC,oBAAC,mBAAI,kBAAe,CACX;gBACX,oBAAC,uBAAQ,IAAC,UAAU,EAAC,UAAU,EAAC,OAAO,EAAC,GAAG;oBACzC,oBAAC,mBAAI,kBAAe,CACX,CACN,CACF;QACP,oBAAC,mBAAI,IAAC,KAAK,EAAE,mBAAU;YACrB,oBAAC,mBAAI,IAAC,KAAK,EAAE,kCAAyB,EAAE,MAAM,EAAE,qCAA4B;gBAC1E,oBAAC,uBAAQ,IAAC,UAAU,EAAE,uCAA8B,EAAE,OAAO,EAAC,GAAG,EAAC,MAAM,EAAE,0CAAiC;oBACzG,oBAAC,mBAAI,kBAAe,CACX;gBACX,oBAAC,uBAAQ,IAAC,UAAU,EAAC,OAAO,EAAC,OAAO,EAAC,GAAG;oBACtC,oBAAC,mBAAI,kBAAe,CACX;gBACX,oBAAC,uBAAQ,IAAC,UAAU,EAAC,UAAU,EAAC,OAAO,EAAC,GAAG;oBACzC,oBAAC,mBAAI,kBAAe,CACX,CACN,CACF,CACF,CACR,CAAC;AACJ,CAAC,CAAC;AA/BW,QAAA,WAAW,eA+BtB"}
+{"version":3,"file":"TabsE2ETest.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Tabs/TabsE2ETest.tsx"],"names":[],"mappings":";;;;AAAA,wDAA+B;AAC/B,6CAAoC;AACpC,uDAA8D;AAC9D,2CAA8C;AAC9C,mCAakB;AAEX,IAAM,WAAW,GAA4B;IAClD,OAAO,CACL,oBAAC,mBAAI;QACH,oBAAC,mBAAI,IAAC,KAAK,EAAE,mBAAU;YACrB,oBAAC,mBAAI,IAAC,KAAK,EAAC,MAAM,EAAC,MAAM,EAAE,4BAAmB,EAAE,kBAAkB,EAAE,iCAAwB;gBAC1F,oBAAC,uBAAQ,IAAC,UAAU,EAAC,MAAM,EAAC,OAAO,EAAC,GAAG,EAAC,MAAM,EAAE,wBAAe,EAAE,kBAAkB,EAAE,4CAAmC;oBACtH,oBAAC,mBAAI,IAAC,MAAM,EAAE,gCAAuB,cAAgB,CAC5C;gBACX,oBAAC,uBAAQ,IAAC,UAAU,EAAC,OAAO,EAAC,OAAO,EAAC,GAAG,EAAC,MAAM,EAAE,yBAAgB;oBAC/D,oBAAC,mBAAI,IAAC,MAAM,EAAE,iCAAwB,cAAgB,CAC7C;gBACX,oBAAC,uBAAQ,IAAC,UAAU,EAAE,8BAAqB,EAAE,OAAO,EAAC,GAAG,EAAC,MAAM,EAAE,wBAAe;oBAC9E,oBAAC,mBAAI,IAAC,MAAM,EAAE,gCAAuB,cAAgB,CAC5C,CACN,CACF;QACP,oBAAC,mBAAI,IAAC,KAAK,EAAE,mBAAU;YACrB,oBAAC,mBAAI,IAAC,KAAK,EAAE,kCAAyB,EAAE,MAAM,EAAE,qCAA4B;gBAC1E,oBAAC,uBAAQ,IAAC,UAAU,EAAC,MAAM,EAAC,OAAO,EAAC,GAAG;oBACrC,oBAAC,mBAAI,kBAAe,CACX;gBACX,oBAAC,uBAAQ,IAAC,UAAU,EAAC,OAAO,EAAC,OAAO,EAAC,GAAG;oBACtC,oBAAC,mBAAI,kBAAe,CACX;gBACX,oBAAC,uBAAQ,IAAC,UAAU,EAAC,UAAU,EAAC,OAAO,EAAC,GAAG;oBACzC,oBAAC,mBAAI,kBAAe,CACX,CACN,CACF,CACF,CACR,CAAC;AACJ,CAAC,CAAC;AA/BW,QAAA,WAAW,eA+BtB"}

package/lib-commonjs/FluentTester/TestComponents/Tabs/consts.d.ts

@@ -2,10 +2,14 @@ export declare const HOMEPAGE_TABS_BUTTON = "Homepage_Tabs_Button";
 export declare const TABS_TESTPAGE = "Tabs_TestPage";
 export declare const TABS_TEST_COMPONENT = "Tabs_Test_Component";
 export declare const TABS_ACCESSIBILITY_LABEL = "E2E testing Tabs accessibility label";
+export declare const FIRST_TABS_ITEM = "First_Tabs_Item";
+export declare const FIRST_TABS_ITEM_ACCESSIBILITY_LABEL = "E2E testing TabItem accessibility label";
+export declare const FIRST_TABS_ITEM_CONTENT = "Tabs #1 content";
+export declare const SECOND_TABS_ITEM = "Second_Tabs_Item";
+export declare const SECOND_TABS_ITEM_CONTENT = "Tabs #2 content";
+export declare const THIRD_TABS_ITEM = "Third_Tabs_Item";
+export declare const THIRD_TABS_ITEM_LABEL = "Test TabItem2 - No Accessibility Label";
+export declare const THIRD_TABS_ITEM_CONTENT = "Tabs #3 content";
 export declare const TABS_NO_A11Y_LABEL_COMPONENT = "Tabs_No_A11y_label_Component";
 export declare const TABS_TEST_COMPONENT_LABEL = "Test Tabs2 - No Accessibility Label";
-export declare const TABS_ITEM_TEST_COMPONENT = "TabItem_Test_Component";
-export declare const TABS_ITEM_ACCESSIBILITY_LABEL = "E2E testing TabItem accessibility label";
-export declare const TABS_ITEM_NO_A11Y_LABEL_COMPONENT = "TabItem_No_A11y_label_Component";
-export declare const TABS_ITEM_TEST_COMPONENT_LABEL = "Test TabItem2 - No Accessibility Label";
 //# sourceMappingURL=consts.d.ts.map

package/lib-commonjs/FluentTester/TestComponents/Tabs/consts.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"consts.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Tabs/consts.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,oBAAoB,yBAAyB,CAAC;AAC3D,eAAO,MAAM,aAAa,kBAAkB,CAAC;AAG7C,eAAO,MAAM,mBAAmB,wBAAwB,CAAC;AACzD,eAAO,MAAM,wBAAwB,yCAAyC,CAAC;AAG/E,eAAO,MAAM,4BAA4B,iCAAiC,CAAC;AAC3E,eAAO,MAAM,yBAAyB,wCAAwC,CAAC;AAG/E,eAAO,MAAM,wBAAwB,2BAA2B,CAAC;AACjE,eAAO,MAAM,6BAA6B,4CAA4C,CAAC;AAGvF,eAAO,MAAM,iCAAiC,oCAAoC,CAAC;AACnF,eAAO,MAAM,8BAA8B,2CAA2C,CAAC"}
+{"version":3,"file":"consts.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Tabs/consts.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,oBAAoB,yBAAyB,CAAC;AAC3D,eAAO,MAAM,aAAa,kBAAkB,CAAC;AAG7C,eAAO,MAAM,mBAAmB,wBAAwB,CAAC;AACzD,eAAO,MAAM,wBAAwB,yCAAyC,CAAC;AAG/E,eAAO,MAAM,eAAe,oBAAoB,CAAC;AACjD,eAAO,MAAM,mCAAmC,4CAA4C,CAAC;AAC7F,eAAO,MAAM,uBAAuB,oBAAoB,CAAC;AAGzD,eAAO,MAAM,gBAAgB,qBAAqB,CAAC;AACnD,eAAO,MAAM,wBAAwB,oBAAoB,CAAC;AAG1D,eAAO,MAAM,eAAe,oBAAoB,CAAC;AACjD,eAAO,MAAM,qBAAqB,2CAA2C,CAAC;AAC9E,eAAO,MAAM,uBAAuB,oBAAoB,CAAC;AAGzD,eAAO,MAAM,4BAA4B,iCAAiC,CAAC;AAC3E,eAAO,MAAM,yBAAyB,wCAAwC,CAAC"}

package/lib-commonjs/FluentTester/TestComponents/Tabs/consts.js

@@ -1,18 +1,23 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.TABS_ITEM_TEST_COMPONENT_LABEL = exports.TABS_ITEM_NO_A11Y_LABEL_COMPONENT = exports.TABS_ITEM_ACCESSIBILITY_LABEL = exports.TABS_ITEM_TEST_COMPONENT = exports.TABS_TEST_COMPONENT_LABEL = exports.TABS_NO_A11Y_LABEL_COMPONENT = exports.TABS_ACCESSIBILITY_LABEL = exports.TABS_TEST_COMPONENT = exports.TABS_TESTPAGE = exports.HOMEPAGE_TABS_BUTTON = void 0;
+exports.TABS_TEST_COMPONENT_LABEL = exports.TABS_NO_A11Y_LABEL_COMPONENT = exports.THIRD_TABS_ITEM_CONTENT = exports.THIRD_TABS_ITEM_LABEL = exports.THIRD_TABS_ITEM = exports.SECOND_TABS_ITEM_CONTENT = exports.SECOND_TABS_ITEM = exports.FIRST_TABS_ITEM_CONTENT = exports.FIRST_TABS_ITEM_ACCESSIBILITY_LABEL = exports.FIRST_TABS_ITEM = exports.TABS_ACCESSIBILITY_LABEL = exports.TABS_TEST_COMPONENT = exports.TABS_TESTPAGE = exports.HOMEPAGE_TABS_BUTTON = void 0;
 exports.HOMEPAGE_TABS_BUTTON = 'Homepage_Tabs_Button';
 exports.TABS_TESTPAGE = 'Tabs_TestPage';
-/* E2E Testing Tabs 1 */
-exports.TABS_TEST_COMPONENT = 'Tabs_Test_Component'; // A component on each specific test page
+/* E2E Testing Tabs 1. This Tabs group has THREE Tab Items, all listed below. */
+exports.TABS_TEST_COMPONENT = 'Tabs_Test_Component';
 exports.TABS_ACCESSIBILITY_LABEL = 'E2E testing Tabs accessibility label';
+/* E2E Testing TabItem 1 (1 of 3) */
+exports.FIRST_TABS_ITEM = 'First_Tabs_Item';
+exports.FIRST_TABS_ITEM_ACCESSIBILITY_LABEL = 'E2E testing TabItem accessibility label';
+exports.FIRST_TABS_ITEM_CONTENT = 'Tabs #1 content'; // Content to be shown when TabItem is clicked
+/* E2E Testing TabItem 2 (2 of 3) */
+exports.SECOND_TABS_ITEM = 'Second_Tabs_Item';
+exports.SECOND_TABS_ITEM_CONTENT = 'Tabs #2 content'; // Content to be shown when TabItem is clicked
+/* E2E Testing TabItem 3 (3 of 3) This is used to test the case of not setting accessibilityLabel */
+exports.THIRD_TABS_ITEM = 'Third_Tabs_Item';
+exports.THIRD_TABS_ITEM_LABEL = 'Test TabItem2 - No Accessibility Label';
+exports.THIRD_TABS_ITEM_CONTENT = 'Tabs #3 content'; // Content to be shown when TabItem is clicked
 /* E2E Testing Tabs 2 */
 exports.TABS_NO_A11Y_LABEL_COMPONENT = 'Tabs_No_A11y_label_Component';
 exports.TABS_TEST_COMPONENT_LABEL = 'Test Tabs2 - No Accessibility Label'; // A component on each specific test page
-/* E2E Testing TabItem 1 */
-exports.TABS_ITEM_TEST_COMPONENT = 'TabItem_Test_Component'; // A component on each specific test page
-exports.TABS_ITEM_ACCESSIBILITY_LABEL = 'E2E testing TabItem accessibility label';
-/* E2E Testing TabItem 2 */
-exports.TABS_ITEM_NO_A11Y_LABEL_COMPONENT = 'TabItem_No_A11y_label_Component';
-exports.TABS_ITEM_TEST_COMPONENT_LABEL = 'Test TabItem2 - No Accessibility Label'; // A component on each specific test page
 //# sourceMappingURL=consts.js.map

package/lib-commonjs/FluentTester/TestComponents/Tabs/consts.js.map

@@ -1 +1 @@
-{"version":3,"file":"consts.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Tabs/consts.ts"],"names":[],"mappings":";;;AAAa,QAAA,oBAAoB,GAAG,sBAAsB,CAAC;AAC9C,QAAA,aAAa,GAAG,eAAe,CAAC;AAE7C,wBAAwB;AACX,QAAA,mBAAmB,GAAG,qBAAqB,CAAC,CAAC,yCAAyC;AACtF,QAAA,wBAAwB,GAAG,sCAAsC,CAAC;AAE/E,wBAAwB;AACX,QAAA,4BAA4B,GAAG,8BAA8B,CAAC;AAC9D,QAAA,yBAAyB,GAAG,qCAAqC,CAAC,CAAC,yCAAyC;AAEzH,2BAA2B;AACd,QAAA,wBAAwB,GAAG,wBAAwB,CAAC,CAAC,yCAAyC;AAC9F,QAAA,6BAA6B,GAAG,yCAAyC,CAAC;AAEvF,2BAA2B;AACd,QAAA,iCAAiC,GAAG,iCAAiC,CAAC;AACtE,QAAA,8BAA8B,GAAG,wCAAwC,CAAC,CAAC,yCAAyC"}
+{"version":3,"file":"consts.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Tabs/consts.ts"],"names":[],"mappings":";;;AAAa,QAAA,oBAAoB,GAAG,sBAAsB,CAAC;AAC9C,QAAA,aAAa,GAAG,eAAe,CAAC;AAE7C,gFAAgF;AACnE,QAAA,mBAAmB,GAAG,qBAAqB,CAAC;AAC5C,QAAA,wBAAwB,GAAG,sCAAsC,CAAC;AAE/E,oCAAoC;AACvB,QAAA,eAAe,GAAG,iBAAiB,CAAC;AACpC,QAAA,mCAAmC,GAAG,yCAAyC,CAAC;AAChF,QAAA,uBAAuB,GAAG,iBAAiB,CAAC,CAAC,8CAA8C;AAExG,oCAAoC;AACvB,QAAA,gBAAgB,GAAG,kBAAkB,CAAC;AACtC,QAAA,wBAAwB,GAAG,iBAAiB,CAAC,CAAC,8CAA8C;AAEzG,oGAAoG;AACvF,QAAA,eAAe,GAAG,iBAAiB,CAAC;AACpC,QAAA,qBAAqB,GAAG,wCAAwC,CAAC;AACjE,QAAA,uBAAuB,GAAG,iBAAiB,CAAC,CAAC,8CAA8C;AAExG,wBAAwB;AACX,QAAA,4BAA4B,GAAG,8BAA8B,CAAC;AAC9D,QAAA,yBAAyB,GAAG,qCAAqC,CAAC,CAAC,yCAAyC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui-react-native/tester",
-  "version": "0.51.5",
+  "version": "0.52.0",
   "description": "A test app to test FluentUI React Native Components during development",
   "license": "MIT",
   "author": "Microsoft <fluentuinativeowners@microsoft.com>",
@@ -28,30 +28,30 @@
   },
   "dependencies": {
     "@fluentui-react-native/android-theme": ">=0.5.4 <1.0.0",
-    "@fluentui-react-native/apple-theme": ">=0.9.8 <1.0.0",
-    "@fluentui-react-native/badge": ">=0.0.7 <1.0.0",
-    "@fluentui-react-native/button": ">=0.21.18 <1.0.0",
-    "@fluentui-react-native/default-theme": ">=0.9.8 <1.0.0",
-    "@fluentui-react-native/experimental-activity-indicator": ">=0.5.10 <1.0.0",
-    "@fluentui-react-native/experimental-avatar": ">=0.14.2 <1.0.0",
-    "@fluentui-react-native/experimental-button": "0.12.0",
-    "@fluentui-react-native/experimental-checkbox": "0.6.4",
+    "@fluentui-react-native/apple-theme": ">=0.9.9 <1.0.0",
+    "@fluentui-react-native/badge": ">=0.0.8 <1.0.0",
+    "@fluentui-react-native/button": ">=0.21.19 <1.0.0",
+    "@fluentui-react-native/default-theme": ">=0.9.9 <1.0.0",
+    "@fluentui-react-native/experimental-activity-indicator": ">=0.5.11 <1.0.0",
+    "@fluentui-react-native/experimental-avatar": ">=0.14.3 <1.0.0",
+    "@fluentui-react-native/experimental-button": "0.12.1",
+    "@fluentui-react-native/experimental-checkbox": "0.6.5",
     "@fluentui-react-native/experimental-native-date-picker": ">=0.4.1 <1.0.0",
-    "@fluentui-react-native/experimental-expander": "0.3.11",
-    "@fluentui-react-native/experimental-menu-button": ">=0.3.1 <1.0.0",
-    "@fluentui-react-native/experimental-shimmer": "0.6.13",
-    "@fluentui-react-native/experimental-tabs": "0.4.17",
-    "@fluentui-react-native/experimental-text": ">=0.7.11 <1.0.0",
-    "@fluentui-react-native/framework": ">=0.7.11 <1.0.0",
-    "@fluentui-react-native/icon": "0.11.5",
-    "@fluentui-react-native/interactive-hooks": ">=0.12.1 <1.0.0",
-    "@fluentui-react-native/stack": ">=0.6.11 <1.0.0",
+    "@fluentui-react-native/experimental-expander": "0.3.12",
+    "@fluentui-react-native/experimental-menu-button": ">=0.3.2 <1.0.0",
+    "@fluentui-react-native/experimental-shimmer": "0.6.14",
+    "@fluentui-react-native/experimental-tabs": "0.4.18",
+    "@fluentui-react-native/experimental-text": ">=0.7.12 <1.0.0",
+    "@fluentui-react-native/framework": ">=0.7.12 <1.0.0",
+    "@fluentui-react-native/icon": "0.11.6",
+    "@fluentui-react-native/interactive-hooks": ">=0.12.2 <1.0.0",
+    "@fluentui-react-native/stack": ">=0.6.12 <1.0.0",
     "@fluentui-react-native/theme": ">=0.6.4 <1.0.0",
     "@fluentui-react-native/theme-types": ">=0.13.3 <1.0.0",
     "@fluentui-react-native/themed-stylesheet": "^1.3.2",
-    "@fluentui-react-native/theming-utils": ">=0.8.8 <1.0.0",
-    "@fluentui-react-native/win32-theme": ">=0.14.9 <1.0.0",
-    "@fluentui/react-native": ">=0.27.23 <1.0.0",
+    "@fluentui-react-native/theming-utils": ">=0.8.9 <1.0.0",
+    "@fluentui-react-native/win32-theme": ">=0.14.10 <1.0.0",
+    "@fluentui/react-native": ">=0.27.24 <1.0.0",
     "@react-native-community/slider": "^4.1.12",
     "@react-native-menu/menu": "^0.1.2",
     "@react-native-picker/picker": "^1.16.7",

package/src/E2E/Button/pages/ButtonPageObject.ts

@@ -7,6 +7,12 @@ import {
 } from '../../../FluentTester/TestComponents/Button/consts';
 import { BasePage, By } from '../../common/BasePage.win';
 
+/* This enum gives the spec file an EASY way to interact with SPECIFIC UI elements on the page.
+ * The spec file should import this enum and use it when wanting to interact with different elements on the page. */
+export const enum ButtonSelector {
+  PrimaryButton, //this._primaryComponent
+}
+
 class ButtonPageObject extends BasePage {
   /******************************************************************/
   /**************** UI Element Interaction Methods ******************/
@@ -27,6 +33,19 @@ class ButtonPageObject extends BasePage {
     return callbackText.isDisplayed();
   }
 
+  /* Sends a Keyboarding command on a specific UI element */
+  sendKey(buttonSelector: ButtonSelector, key: string): void {
+    this.getButtonSelector(buttonSelector).addValue(key);
+  }
+
+  /* Returns the correct WebDriverIO element from the Button Selector */
+  getButtonSelector(buttonSelector?: ButtonSelector): WebdriverIO.Element {
+    if (buttonSelector == ButtonSelector.PrimaryButton) {
+      return this._primaryComponent;
+    }
+    return this._primaryComponent;
+  }
+
   /*****************************************/
   /**************** Getters ****************/
   /*****************************************/

package/src/E2E/Button/specs/Button.spec.win.ts

@@ -1,12 +1,8 @@
 import NavigateAppPage from '../../common/NavigateAppPage.win';
-import ButtonPageObject from '../pages/ButtonPageObject';
+import ButtonPageObject, { ButtonSelector } from '../pages/ButtonPageObject';
 import { ComponentSelector } from '../../common/BasePage.win';
 import { PAGE_TIMEOUT, BOOT_APP_TIMEOUT, BUTTON_A11Y_ROLE, Keys } from '../../common/consts';
-import {
-  BUTTON_TEST_COMPONENT,
-  BUTTON_ACCESSIBILITY_LABEL,
-  BUTTON_TEST_COMPONENT_LABEL,
-} from '../../../FluentTester/TestComponents/Button/consts';
+import { BUTTON_ACCESSIBILITY_LABEL, BUTTON_TEST_COMPONENT_LABEL } from '../../../FluentTester/TestComponents/Button/consts';
 
 // Before testing begins, allow up to 60 seconds for app to open
 describe('Button Testing Initialization', function () {
@@ -63,14 +59,14 @@ describe('Button Functional Testing', () => {
   });
 
   it('Validate OnClick() callback was fired -> Type "Enter"', () => {
-    ButtonPageObject.sendKey(BUTTON_TEST_COMPONENT, Keys.Enter);
+    ButtonPageObject.sendKey(ButtonSelector.PrimaryButton, Keys.Enter);
     expect(ButtonPageObject.didOnClickCallbackFire()).toBeTruthy();
 
     ButtonPageObject.clickComponent(); // Reset Button State
   });
 
   it('Validate OnClick() callback was fired -> Type "Spacebar"', () => {
-    ButtonPageObject.sendKey(BUTTON_TEST_COMPONENT, Keys.Spacebar);
+    ButtonPageObject.sendKey(ButtonSelector.PrimaryButton, Keys.Spacebar);
     expect(ButtonPageObject.didOnClickCallbackFire()).toBeTruthy();
   });
 });

package/src/E2E/Checkbox/pages/CheckboxPageObject.ts

@@ -7,6 +7,12 @@ import {
 } from '../../../FluentTester/TestComponents/Checkbox/consts';
 import { BasePage, By } from '../../common/BasePage.win';
 
+/* This enum gives the spec file an EASY way to interact with SPECIFIC UI elements on the page.
+ * The spec file should import this enum and use it when wanting to interact with different elements on the page. */
+export const enum CheckboxSelector {
+  Primary, //this._primaryComponent
+}
+
 class CheckboxPageObject extends BasePage {
   /******************************************************************/
   /**************** UI Element Interaction Methods ******************/
@@ -51,6 +57,19 @@ class CheckboxPageObject extends BasePage {
     return callbackText.isDisplayed();
   }
 
+  /* Sends a Keyboarding command on a specific UI element */
+  sendKey(selector: CheckboxSelector, key: string): void {
+    this.getCheckboxSelector(selector).addValue(key);
+  }
+
+  /* Returns the correct WebDriverIO element from the Checkbox Selector */
+  getCheckboxSelector(selector?: CheckboxSelector): WebdriverIO.Element {
+    if (selector == CheckboxSelector.Primary) {
+      return this._primaryComponent;
+    }
+    return this._primaryComponent;
+  }
+
   /*****************************************/
   /**************** Getters ****************/
   /*****************************************/

package/src/E2E/Checkbox/specs/Checkbox.spec.win.ts

@@ -1,11 +1,7 @@
 import NavigateAppPage from '../../common/NavigateAppPage.win';
-import CheckboxPageObject from '../pages/CheckboxPageObject';
+import CheckboxPageObject, { CheckboxSelector } from '../pages/CheckboxPageObject';
 import { ComponentSelector } from '../../common/BasePage.win';
-import {
-  CHECKBOX_TEST_COMPONENT_LABEL,
-  CHECKBOX_ACCESSIBILITY_LABEL,
-  CHECKBOX_TEST_COMPONENT,
-} from '../../../FluentTester/TestComponents/Checkbox/consts';
+import { CHECKBOX_TEST_COMPONENT_LABEL, CHECKBOX_ACCESSIBILITY_LABEL } from '../../../FluentTester/TestComponents/Checkbox/consts';
 import { CHECKBOX_A11Y_ROLE, PAGE_TIMEOUT, BOOT_APP_TIMEOUT, Keys } from '../../common/consts';
 
 describe('Checkbox Testing Initialization', () => {
@@ -77,7 +73,7 @@ describe('Checkbox Functional Testing', () => {
 
   it('Click the "Spacebar" on a Checkbox and verify it toggles', () => {
     /* Presses the "space bar" to select the Checkbox */
-    CheckboxPageObject.sendKey(CHECKBOX_TEST_COMPONENT, Keys.Spacebar);
+    CheckboxPageObject.sendKey(CheckboxSelector.Primary, Keys.Spacebar);
     CheckboxPageObject.waitForCheckboxChecked(PAGE_TIMEOUT);
 
     /* Validate the Checkbox is selected */

package/src/E2E/ContextualMenu/pages/ContextualMenuPageObject.win.ts

@@ -2,10 +2,55 @@ import {
   CONTEXTUALMENU_TESTPAGE,
   CONTEXTUALMENU_TEST_COMPONENT,
   HOMEPAGE_CONTEXTUALMENU_BUTTON,
+  CONTEXTUALMENUITEM_TEST_COMPONENT,
 } from '../../../FluentTester/TestComponents/ContextualMenu/consts';
 import { BasePage, By } from '../../common/BasePage.win';
 
+/* This enum gives the spec file an EASY way to interact with SPECIFIC UI elements on the page.
+ * The spec file should import this enum and use it when wanting to interact with different elements on the page. */
+export const enum ContextualMenuSelector {
+  ContextualMenu = 0, //this._primaryComponent
+  ContextualMenuItem, //this._contextualMenuItem
+}
+
 class ContextualMenuPageObject extends BasePage {
+  /******************************************************************/
+  /**************** UI Element Interaction Methods ******************/
+  /******************************************************************/
+  waitForContextualMenuItemsToOpen(timeout?: number): void {
+    browser.waitUntil(
+      () => {
+        return this.contextualMenuItemDisplayed();
+      },
+      {
+        timeout: timeout ?? this.waitForPageTimeout,
+        timeoutMsg: 'The Contextual Menu Items did not open.',
+        interval: 1000,
+      },
+    );
+  }
+
+  /* Whether the contextual menu item is displayed or not. It should be displayed after clicking on the MenuButton */
+  contextualMenuItemDisplayed(): boolean {
+    return this._contextualMenuItem.isDisplayed();
+  }
+
+  /* Sends a Keyboarding command on a specific UI element */
+  sendKey(contextualMenuSelector: ContextualMenuSelector, key: string): void {
+    this.getContextualMenuSelector(contextualMenuSelector).addValue(key);
+  }
+
+  /* Returns the correct WebDriverIO element from the ContextualMenuSelector string */
+  getContextualMenuSelector(contextualMenuSelector?: ContextualMenuSelector): WebdriverIO.Element {
+    if (contextualMenuSelector == ContextualMenuSelector.ContextualMenu) {
+      return this._primaryComponent;
+    } else if (contextualMenuSelector == ContextualMenuSelector.ContextualMenuItem) {
+      return this._contextualMenuItem;
+    } else {
+      return this._primaryComponent;
+    }
+  }
+
   /*****************************************/
   /**************** Getters ****************/
   /*****************************************/
@@ -24,6 +69,10 @@ class ContextualMenuPageObject extends BasePage {
   get _pageButton() {
     return By(HOMEPAGE_CONTEXTUALMENU_BUTTON);
   }
+
+  get _contextualMenuItem() {
+    return By(CONTEXTUALMENUITEM_TEST_COMPONENT);
+  }
 }
 
 export default new ContextualMenuPageObject();

package/src/E2E/ContextualMenu/specs/ContextualMenu.spec.win.ts

@@ -1,6 +1,6 @@
 import NavigateAppPage from '../../common/NavigateAppPage.win';
-import ContextualMenuPageObjectObject from '../pages/ContextualMenuPageObject.win';
-import { PAGE_TIMEOUT, BOOT_APP_TIMEOUT } from '../../common/consts';
+import ContextualMenuPageObjectObject, { ContextualMenuSelector } from '../pages/ContextualMenuPageObject.win';
+import { PAGE_TIMEOUT, BOOT_APP_TIMEOUT, Keys } from '../../common/consts';
 
 // Before testing begins, allow up to 60 seconds for app to open
 describe('ContextualMenu Testing Initialization', function () {
@@ -8,9 +8,7 @@ describe('ContextualMenu Testing Initialization', function () {
     NavigateAppPage.waitForPageDisplayed(BOOT_APP_TIMEOUT);
     expect(NavigateAppPage.isPageLoaded()).toBeTruthy();
   });
-});
 
-describe('ContextualMenu Functional Tests', () => {
   it('Click and navigate to ContextualMenu test page', () => {
     /* Scroll to component test page button in scrollview if not already visible*/
     ContextualMenuPageObjectObject.scrollToComponentButton();
@@ -23,3 +21,34 @@ describe('ContextualMenu Functional Tests', () => {
     expect(ContextualMenuPageObjectObject.isPageLoaded()).toBeTruthy();
   });
 });
+
+describe('ContextualMenu Functional Tests', () => {
+  /* Scrolls and waits for the ContextualMenu to be visible on the Test Page */
+  beforeEach(() => {
+    ContextualMenuPageObjectObject.scrollToTestElement();
+    ContextualMenuPageObjectObject.waitForPrimaryElementDisplayed(PAGE_TIMEOUT);
+
+    ContextualMenuPageObjectObject.sendKey(ContextualMenuSelector.ContextualMenu, Keys.Escape); // Reset ContextualMenu state for next test
+  });
+
+  it('Click on ContextualMenu Button and validate that the list of ContextualMenu Items open', () => {
+    /* Click on the ContextualMenu */
+    ContextualMenuPageObjectObject.clickComponent();
+    ContextualMenuPageObjectObject.waitForContextualMenuItemsToOpen(PAGE_TIMEOUT);
+
+    expect(ContextualMenuPageObjectObject.contextualMenuItemDisplayed()).toBeTruthy();
+  });
+
+  it('Type "SpaceBar" to select the ContextualMenu and validate that the list of ContextualMenu Items open', () => {
+    /* Type a space on the ContextualMenu */
+    ContextualMenuPageObjectObject.sendKey(ContextualMenuSelector.ContextualMenu, Keys.Spacebar);
+    ContextualMenuPageObjectObject.waitForContextualMenuItemsToOpen(PAGE_TIMEOUT);
+
+    expect(ContextualMenuPageObjectObject.contextualMenuItemDisplayed()).toBeTruthy();
+  });
+
+  /* Runs after all tests. This ensures the ContextualMenu closes. If it stays open, the test driver won't be able to close the test app */
+  afterAll(() => {
+    ContextualMenuPageObjectObject.sendKey(ContextualMenuSelector.ContextualMenu, Keys.Escape); // Reset ContextualMenu state for next test
+  });
+});

package/src/E2E/MenuButton/pages/MenuButtonPageObject.win.ts

@@ -3,10 +3,52 @@ import {
   MENU_BUTTON_TEST_COMPONENT,
   HOMEPAGE_MENU_BUTTON,
   MENU_BUTTON_NO_A11Y_LABEL_COMPONENT,
+  MENU_ITEM_1_COMPONENT,
 } from '../../../FluentTester/TestComponents/MenuButton/consts';
 import { BasePage, By } from '../../common/BasePage.win';
 
+export const enum MenuButtonSelector {
+  MenuButton = 0, // this._primarySelector
+  MenuItem1, // this._menuItem
+}
+
 class MenuButtonPageObject extends BasePage {
+  /******************************************************************/
+  /**************** UI Element Interaction Methods ******************/
+  /******************************************************************/
+  waitForMenuItemsToOpen(timeout?: number): void {
+    browser.waitUntil(
+      () => {
+        return this.menuItemDisplayed();
+      },
+      {
+        timeout: timeout ?? this.waitForPageTimeout,
+        timeoutMsg: 'The Menu Items did not open.',
+        interval: 1000,
+      },
+    );
+  }
+
+  /* Whether the menu item is displayed or not. It should be displayed after clicking on the MenuButton */
+  menuItemDisplayed(): boolean {
+    return this._menuItem.isDisplayed();
+  }
+
+  /* Sends a Keyboarding command on a specific UI element */
+  sendKey(selector: MenuButtonSelector, key: string): void {
+    this.getMenuButtonSelector(selector).addValue(key);
+  }
+
+  /* Returns the correct WebDriverIO element from the MenuButton Selector */
+  getMenuButtonSelector(selector?: MenuButtonSelector): WebdriverIO.Element {
+    if (selector == MenuButtonSelector.MenuButton) {
+      return this._primaryComponent;
+    } else if (selector == MenuButtonSelector.MenuItem1) {
+      return this._menuItem;
+    }
+    return this._primaryComponent;
+  }
+
   /*****************************************/
   /**************** Getters ****************/
   /*****************************************/
@@ -29,6 +71,10 @@ class MenuButtonPageObject extends BasePage {
   get _pageButton() {
     return By(HOMEPAGE_MENU_BUTTON);
   }
+
+  get _menuItem() {
+    return By(MENU_ITEM_1_COMPONENT);
+  }
 }
 
 export default new MenuButtonPageObject();

package/src/E2E/MenuButton/specs/MenuButton.spec.win.ts

@@ -1,6 +1,6 @@
 import NavigateAppPage from '../../common/NavigateAppPage.win';
-import MenuButtonPageObject from '../pages/MenuButtonPageObject.win';
-import { PAGE_TIMEOUT, BOOT_APP_TIMEOUT, MENUBUTTON_A11Y_ROLE } from '../../common/consts';
+import MenuButtonPageObject, { MenuButtonSelector } from '../pages/MenuButtonPageObject.win';
+import { PAGE_TIMEOUT, BOOT_APP_TIMEOUT, MENUBUTTON_A11Y_ROLE, Keys } from '../../common/consts';
 import { MENU_BUTTON_ACCESSIBILITY_LABEL, MENU_BUTTON_TEST_COMPONENT_LABEL } from '../../../FluentTester/TestComponents/MenuButton/consts';
 import { ComponentSelector } from '../../common/BasePage.win';
 
@@ -26,21 +26,52 @@ describe('MenuButton Testing Initialization', function () {
 
 /* This will be re-enabled with a MenuButton Bug is fixed. Currently in PR - "Integrating accessibilityLabel functionality for MenuButton #1117" */
 describe('MenuButton Accessibility Testing', () => {
-  it('MenuButton - Validate accessibilityRole is correct', () => {
+  /* Scrolls and waits for the MenuButton to be visible on the Test Page */
+  beforeEach(() => {
     MenuButtonPageObject.scrollToTestElement();
     MenuButtonPageObject.waitForPrimaryElementDisplayed(PAGE_TIMEOUT);
+  });
+
+  it('MenuButton - Validate accessibilityRole is correct', () => {
     expect(MenuButtonPageObject.getAccessibilityRole()).toEqual(MENUBUTTON_A11Y_ROLE);
   });
 
   it('MenuButton - Set accessibilityLabel', () => {
-    MenuButtonPageObject.scrollToTestElement();
-    MenuButtonPageObject.waitForPrimaryElementDisplayed(PAGE_TIMEOUT);
     expect(MenuButtonPageObject.getAccessibilityLabel(ComponentSelector.Primary)).toEqual(MENU_BUTTON_ACCESSIBILITY_LABEL);
   });
 
   it('Do not set accessibilityLabel -> Default to MenuButton label', () => {
+    expect(MenuButtonPageObject.getAccessibilityLabel(ComponentSelector.Secondary)).toEqual(MENU_BUTTON_TEST_COMPONENT_LABEL);
+  });
+});
+
+describe('MenuButton Functional Testing', () => {
+  /* Scrolls and waits for the MenuButton to be visible on the Test Page */
+  beforeEach(() => {
     MenuButtonPageObject.scrollToTestElement();
     MenuButtonPageObject.waitForPrimaryElementDisplayed(PAGE_TIMEOUT);
-    expect(MenuButtonPageObject.getAccessibilityLabel(ComponentSelector.Secondary)).toEqual(MENU_BUTTON_TEST_COMPONENT_LABEL);
+
+    MenuButtonPageObject.sendKey(MenuButtonSelector.MenuButton, Keys.Escape); // Reset MenuButton state for next test
+  });
+
+  it('Click on MenuButton and validate that the list of Menu Items open', () => {
+    /* Click on the MenuButton */
+    MenuButtonPageObject.clickComponent();
+    MenuButtonPageObject.waitForMenuItemsToOpen(PAGE_TIMEOUT);
+
+    expect(MenuButtonPageObject.menuItemDisplayed()).toBeTruthy();
+  });
+
+  it('Type "SpaceBar" to select the MenuButton and validate that the list of Menu Items open', () => {
+    /* Type a space on the MenuButton */
+    MenuButtonPageObject.sendKey(MenuButtonSelector.MenuButton, Keys.Spacebar);
+    MenuButtonPageObject.waitForMenuItemsToOpen(PAGE_TIMEOUT);
+
+    expect(MenuButtonPageObject.menuItemDisplayed()).toBeTruthy();
+  });
+
+  /* Runs after all tests. This ensures the MenuButton closes. If it stays open, the test driver won't be able to close the test app */
+  afterAll(() => {
+    MenuButtonPageObject.sendKey(MenuButtonSelector.MenuButton, Keys.Escape);
   });
 });

package/src/E2E/RadioGroup/pages/RadioGroupPageObject.macos.ts

@@ -2,9 +2,9 @@ import {
   RADIOGROUP_TESTPAGE,
   RADIOGROUP_TEST_COMPONENT,
   RADIOGROUP_NO_A11Y_LABEL_COMPONENT,
-  RADIOBUTTON_TEST_COMPONENT,
   HOMEPAGE_RADIOGROUP_BUTTON,
-  RADIOBUTTON_NO_A11Y_LABEL_COMPONENT,
+  FIRST_RADIO_BUTTON,
+  SECOND_RADIO_BUTTON,
 } from '../../../FluentTester/TestComponents/RadioGroup/consts';
 import { BasePage, By } from '../../common/BasePage.macos';
 
@@ -59,11 +59,11 @@ class RadioGroupPage extends BasePage {
   /* RadioButton *
   /**************/
   get _radioButton() {
-    return By(RADIOBUTTON_TEST_COMPONENT);
+    return By(FIRST_RADIO_BUTTON);
   }
 
   get _secondRadioButton() {
-    return By(RADIOBUTTON_NO_A11Y_LABEL_COMPONENT);
+    return By(SECOND_RADIO_BUTTON);
   }
 }