@fluentui-react-native/tester 0.126.12 → 0.126.13

package/lib-commonjs/fluent-tester/src/TestComponents/Theme/ThemeTest.js

@@ -45,7 +45,7 @@ var Panel = function () {
         React.createElement(react_native_2.PrimaryButton, { onClick: onClick, content: "Primary Button", disabled: disabled }),
         React.createElement(react_native_2.Button, { onClick: onClick, content: "Default Button", disabled: disabled }),
         React.createElement(react_native_2.StealthButton, { onClick: onClick, content: "Stealth Button", disabled: disabled }),
-        React.createElement(react_native_2.Text, { testID: consts_1.THEME_TESTPAGE }, "This is a text element"),
+        React.createElement(react_native_2.Text, null, "This is a text element"),
         React.createElement(react_native_2.Button, { onClick: onClick, content: "This button has longer text", disabled: disabled })));
 };
 var getSwatchColorStyle = function (name, color) {
@@ -79,6 +79,7 @@ var SwatchList = function () {
 var themeSections = [
     {
         name: 'Component Examples',
+        testID: consts_1.THEME_TESTPAGE,
         component: Panel,
     },
     {

package/lib-commonjs/fluent-tester/src/TestComponents/Theme/ThemeTest.js.map

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

package/lib-commonjs/fluent-tester/src/TestComponents/Tokens/TokenTest.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TokenTest.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/Tokens/TokenTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAqG/B,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,iBAY7B,CAAC"}
+{"version":3,"file":"TokenTest.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/Tokens/TokenTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA0G/B,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,iBAY7B,CAAC"}

package/lib-commonjs/fluent-tester/src/TestComponents/Tokens/TokenTest.js

@@ -13,6 +13,7 @@ var styles_1 = require("../Common/styles");
 var react_native_2 = require("@fluentui/react-native");
 var Test_1 = require("../Test");
 var consts_1 = require("../../../../E2E/src/Tokens/consts");
+var TestProps_1 = require("../Common/TestProps");
 var getThemedStyles = (0, themed_stylesheet_1.themedStyleSheet)(function (theme) {
     return {
         swatch: {
@@ -47,7 +48,7 @@ var getSwatchColorStyle = function (name, color) {
 var ColorToken = function (p) {
     var themedStyles = getThemedStyles((0, theme_types_1.useTheme)());
     return (React.createElement(react_native_1.View, { style: styles.swatchItem },
-        React.createElement(react_native_1.View, { style: [getSwatchColorStyle(p.name, p.color), themedStyles.swatch], testID: consts_1.TOKENS_TEST_COMPONENT }),
+        React.createElement(react_native_1.View, (0, tslib_1.__assign)({ style: [getSwatchColorStyle(p.name, p.color), themedStyles.swatch] }, (0, TestProps_1.testProps)(consts_1.TOKENS_TEST_COMPONENT))),
         React.createElement(react_native_2.Text, null, p.name)));
 };
 var AliasTokensSwatchList = function () {

package/lib-commonjs/fluent-tester/src/TestComponents/Tokens/TokenTest.js.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui-react-native/tester",
-  "version": "0.126.12",
+  "version": "0.126.13",
   "description": "A test app to test FluentUI React Native Components during development",
   "license": "MIT",
   "author": "Microsoft <fluentuinativeowners@microsoft.com>",

package/src/FluentTester.tsx

@@ -10,6 +10,7 @@ import { useTheme } from '@fluentui-react-native/theme-types';
 import { ThemePickers } from './theme/ThemePickers';
 import { tests } from './testPages';
 import { ROOT_VIEW } from '../../E2E/src/common/consts';
+import { testProps } from './TestComponents/Common/TestProps';
 
 // uncomment the below lines to enable message spy
 /**
@@ -73,7 +74,8 @@ const Header: React.FunctionComponent<HeaderProps> = React.memo((props) => {
         style={fluentTesterStyles.testHeader}
         variant="heroLargeSemibold"
         color={theme.host.palette?.TextEmphasis}
-        testID={BASE_TESTPAGE}
+        /* For Android E2E testing purposes, testProps must be passed in after accessibilityLabel. */
+        {...testProps(BASE_TESTPAGE)}
       >
         ⚛ FluentUI Tests
       </Text>
@@ -137,7 +139,11 @@ export const FluentTester: React.FunctionComponent<FluentTesterProps> = (props:
   const TestList: React.FunctionComponent = React.memo(() => {
     return (
       <View style={fluentTesterStyles.testList}>
-        <ScrollView contentContainerStyle={fluentTesterStyles.testListContainerStyle} testID={TESTPAGE_BUTTONS_SCROLLVIEWER}>
+        <ScrollView
+          contentContainerStyle={fluentTesterStyles.testListContainerStyle}
+          /* For Android E2E testing purposes, testProps must be passed in after accessibilityLabel. */
+          {...testProps(TESTPAGE_BUTTONS_SCROLLVIEWER)}
+        >
           {sortedTestComponents.map((description, index) => {
             return (
               <Button
@@ -146,7 +152,8 @@ export const FluentTester: React.FunctionComponent<FluentTesterProps> = (props:
                 disabled={index == selectedTestIndex}
                 onClick={() => setSelectedTestIndex(index)}
                 style={fluentTesterStyles.testListItem}
-                testID={description.testPageButton}
+                /* For Android E2E testing purposes, testProps must be passed in after accessibilityLabel. */
+                {...testProps(description.testPageButton)}
                 // This ref so focus can be set on it when the app mounts in win32. Without this, focus won't be set anywhere.
                 {...(index === 0 && { componentRef: focusOnMountRef })}
               >
@@ -164,7 +171,11 @@ export const FluentTester: React.FunctionComponent<FluentTesterProps> = (props:
   const MobileTestList: React.FunctionComponent = React.memo(() => {
     return (
       <View style={{ ...mobileStyles.testList, display: isTestListVisible ? 'flex' : 'none' }}>
-        <ScrollView contentContainerStyle={fluentTesterStyles.testListContainerStyle}>
+        <ScrollView
+          contentContainerStyle={fluentTesterStyles.testListContainerStyle}
+          /* For Android E2E testing purposes, testProps must be passed in after accessibilityLabel. */
+          {...testProps(TESTPAGE_BUTTONS_SCROLLVIEWER)}
+        >
           {sortedTestComponents.map((description, index) => {
             return (
               <View key={index}>
@@ -178,9 +189,8 @@ export const FluentTester: React.FunctionComponent<FluentTesterProps> = (props:
                     }
                   }}
                   style={mobileStyles.testListItem}
-                  testID={description.testPageButton}
-                  // Please read http://93days.me/testing-react-native-application/ to understand why we set accessibilityLabel here.
-                  accessibilityLabel={description.testPageButton}
+                  /* For Android E2E testing purposes, testProps must be passed in after accessibilityLabel. */
+                  {...testProps(description.testPageButton)}
                 >
                   {description.name}
                 </Text>
@@ -203,7 +213,12 @@ export const FluentTester: React.FunctionComponent<FluentTesterProps> = (props:
 
   return (
     // On iOS, the accessible prop must be set to false because iOS does not support nested accessibility elements
-    <RootView style={themedStyles.root} accessible={Platform.OS !== 'ios'} testID={ROOT_VIEW}>
+    <RootView
+      style={themedStyles.root}
+      accessible={Platform.OS !== 'ios'}
+      /* For Android E2E testing purposes, testProps must be passed in after accessibilityLabel. */
+      {...testProps(ROOT_VIEW)}
+    >
       <Header enableSinglePaneView={enableSinglePaneView} enableBackButtonIOS={!onTestListView} onBackButtonPressedIOS={onBackPress} />
       <HeaderSeparator />
       <View style={fluentTesterStyles.testRoot}>

package/src/TestComponents/Avatar/E2EAvatarTest.tsx

@@ -1,6 +1,7 @@
 import { Avatar } from '@fluentui-react-native/avatar';
 import * as React from 'react';
 import { View } from 'react-native';
+import { testProps } from '../Common/TestProps';
 import {
   AVATAR_ACCESSIBILITY_LABEL,
   AVATAR_ACCESSIBILITY_HINT,
@@ -13,12 +14,18 @@ export const E2EAvatarTest: React.FunctionComponent = () => {
   return (
     <View>
       <Avatar
-        testID={AVATAR_TEST_COMPONENT}
         accessibilityHint={AVATAR_ACCESSIBILITY_HINT}
         accessibilityLabel={AVATAR_ACCESSIBILITY_LABEL}
         accessibilityRole={AVATAR_ACCESSIBILITY_ROLE}
+        /* For Android E2E testing purposes, testProps must be passed in after accessibilityLabel. */
+        {...testProps(AVATAR_TEST_COMPONENT)}
+      />
+      <Avatar
+        name="Richard"
+        badge={{ status: 'available' }}
+        /* For Android E2E testing purposes, testProps must be passed in after accessibilityLabel. */
+        {...testProps(AVATAR_SECONDARY_TEST_COMPONENT)}
       />
-      <Avatar testID={AVATAR_SECONDARY_TEST_COMPONENT} name="Richard" badge={{ status: 'available' }} />
     </View>
   );
 };

package/src/TestComponents/Badge/E2EBadgeTest.tsx

@@ -1,15 +1,28 @@
 import { Badge, PresenceBadge } from '@fluentui-react-native/badge';
 import * as React from 'react';
 import { View } from 'react-native';
+import { testProps } from '../Common/TestProps';
 import { BADGE_TEST_COMPONENT, BADGE_SECONDARY_TEST_COMPONENT } from '../../../../E2E/src/Badge/consts';
 
 export const E2EBadgeTest: React.FunctionComponent = () => {
   return (
     <View>
-      <Badge testID={BADGE_TEST_COMPONENT} appearance="outline" size="extraLarge" badgeColor="success" shape="square">
+      <Badge
+        /* For Android E2E testing purposes, testProps must be passed in after accessibilityLabel. */
+        {...testProps(BADGE_TEST_COMPONENT)}
+        appearance="outline"
+        size="extraLarge"
+        badgeColor="success"
+        shape="square"
+      >
         Basic Badge
       </Badge>
-      <PresenceBadge testID={BADGE_SECONDARY_TEST_COMPONENT} status="available" outOfOffice={true} />
+      <PresenceBadge
+        /* For Android E2E testing purposes, testProps must be passed in after accessibilityLabel. */
+        {...testProps(BADGE_SECONDARY_TEST_COMPONENT)}
+        status="available"
+        outOfOffice={true}
+      />
     </View>
   );
 };

package/src/TestComponents/Button/E2EButtonTest.tsx

@@ -18,6 +18,7 @@ import {
   BUTTON_FOCUSABLE_TEST_COMPONENT_LABEL,
 } from '../../../../E2E/src/Button/consts';
 import { IViewWin32Props } from '@office-iss/react-native-win32';
+import { testProps } from '../Common/TestProps';
 
 export const E2EButtonExperimentalTest: React.FunctionComponent = () => {
   const [buttonPressed, setButtonPressed] = React.useState(false);
@@ -48,30 +49,53 @@ export const E2EButtonExperimentalTest: React.FunctionComponent = () => {
   return (
     <View>
       <Stack style={stackStyle}>
-        <Button testID={BUTTON_TEST_COMPONENT} onClick={onClick} accessibilityLabel={BUTTON_ACCESSIBILITY_LABEL}>
+        <Button
+          onClick={onClick}
+          accessibilityLabel={BUTTON_ACCESSIBILITY_LABEL}
+          /* For Android E2E testing purposes, testProps must be passed in after accessibilityLabel. */
+          {...testProps(BUTTON_TEST_COMPONENT)}
+        >
           This is a button for E2E testing
         </Button>
-        <Button testID={BUTTON_NO_A11Y_LABEL_COMPONENT} onClick={onClick} accessibilityRole="menuitem">
+        <Button
+          onClick={onClick}
+          accessibilityRole="menuitem"
+          /* For Android E2E testing purposes, testProps must be passed in after accessibilityLabel. */
+          {...testProps(BUTTON_NO_A11Y_LABEL_COMPONENT)}
+        >
           {BUTTON_TEST_COMPONENT_LABEL}
         </Button>
         <Button
-          testID={BUTTON_PRESS_TEST_COMPONENT}
           onClick={onClick}
           accessibilityLabel={BUTTON_PRESS_TEST_COMPONENT_LABEL}
           {...keyPressProps}
+          /* For Android E2E testing purposes, testProps must be passed in after accessibilityLabel. */
+          {...testProps(BUTTON_PRESS_TEST_COMPONENT)}
         >
           Press &quot;a&quot; or &quot;b&quot; after focusing this button
         </Button>
         <Button
-          testID={BUTTON_FOCUSABLE_TEST_COMPONENT}
           onClick={onClick}
           accessibilityLabel={BUTTON_FOCUSABLE_TEST_COMPONENT_LABEL}
           focusable={false}
+          /* For Android E2E testing purposes, testProps must be passed in after accessibilityLabel. */
+          {...testProps(BUTTON_FOCUSABLE_TEST_COMPONENT)}
         >
           This button isn&apos;t focusable (but isn&apos;t disabled or indeterminate either)
         </Button>
-        {buttonPressed ? <Text testID={BUTTON_ON_PRESS}>Button Pressed</Text> : null}
-        {keyDetected ? <Text testID={BUTTON_ON_KEY}>Button Key Press detected: {keyDetected}</Text> : null}
+        {buttonPressed ? (
+          <Text
+            /* For Android E2E testing purposes, testProps must be passed in after accessibilityLabel. */
+            {...testProps(BUTTON_ON_PRESS)}
+          >
+            Button Pressed
+          </Text>
+        ) : null}
+        {keyDetected ? (
+          <Text /* For Android E2E testing purposes, testProps must be passed in after accessibilityLabel. */ {...testProps(BUTTON_ON_KEY)}>
+            Button Key Press detected: {keyDetected}
+          </Text>
+        ) : null}
       </Stack>
     </View>
   );

package/src/TestComponents/Button/deprecated/E2EButtonTest.tsx

@@ -11,6 +11,7 @@ import {
   BUTTON_ACCESSIBILITY_LABEL_DEPRECATED,
   BUTTON_TEST_COMPONENT_LABEL_DEPRECATED,
 } from '../../../../../E2E/src/Button/consts';
+import { testProps } from '../../Common/TestProps';
 
 export const E2EButtonTest_deprecated: React.FunctionComponent = () => {
   const [buttonPressed, setButtonPressed] = React.useState(false);
@@ -24,12 +25,25 @@ export const E2EButtonTest_deprecated: React.FunctionComponent = () => {
       <Stack style={stackStyle}>
         <Button
           content="This is a button for E2E testing"
-          testID={BUTTON_TEST_COMPONENT_DEPRECATED}
           onClick={onClick}
           accessibilityLabel={BUTTON_ACCESSIBILITY_LABEL_DEPRECATED}
+          /* For Android E2E testing purposes, testProps must be passed in after accessibilityLabel. */
+          {...testProps(BUTTON_TEST_COMPONENT_DEPRECATED)}
         />
-        <Button content={BUTTON_TEST_COMPONENT_LABEL_DEPRECATED} testID={BUTTON_NO_A11Y_LABEL_COMPONENT_DEPRECATED} onClick={onClick} />
-        {buttonPressed ? <Text testID={BUTTON_ON_PRESS_DEPRECATED}>Button Pressed</Text> : null}
+        <Button
+          content={BUTTON_TEST_COMPONENT_LABEL_DEPRECATED}
+          onClick={onClick}
+          /* For Android E2E testing purposes, testProps must be passed in after accessibilityLabel. */
+          {...testProps(BUTTON_NO_A11Y_LABEL_COMPONENT_DEPRECATED)}
+        />
+        {buttonPressed ? (
+          <Text
+            /* For Android E2E testing purposes, testProps must be passed in after accessibilityLabel. */
+            {...testProps(BUTTON_ON_PRESS_DEPRECATED)}
+          >
+            Button Pressed
+          </Text>
+        ) : null}
       </Stack>
     </View>
   );

package/src/TestComponents/Callout/CalloutE2ETest.tsx

@@ -3,6 +3,7 @@ import { ScreenRect, View } from 'react-native';
 import { ButtonV1 as Button, Callout, Text, DismissBehaviors } from '@fluentui/react-native';
 import { Switch } from '@fluentui-react-native/switch';
 import { BUTTON_TO_OPEN_CALLOUT, CALLOUT_ACCESSIBILITY_LABEL, CALLOUT_TEST_COMPONENT } from '../../../../E2E/src/Callout/consts';
+import { testProps } from '../Common/TestProps';
 
 export const E2ECalloutTest: React.FunctionComponent = () => {
   const [showCallout, setShowCallout] = React.useState(false);
@@ -42,7 +43,11 @@ export const E2ECalloutTest: React.FunctionComponent = () => {
             />
           ))}
         </View>
-        <Button onClick={toggleShowCallout} testID={BUTTON_TO_OPEN_CALLOUT}>
+        <Button
+          onClick={toggleShowCallout}
+          /* For Android E2E testing purposes, testProps must be passed in after accessibilityLabel. */
+          {...testProps(BUTTON_TO_OPEN_CALLOUT)}
+        >
           Press for Callout
         </Button>
         <Text selectable={true}>
@@ -53,7 +58,6 @@ export const E2ECalloutTest: React.FunctionComponent = () => {
 
       {showCallout && (
         <Callout
-          testID={CALLOUT_TEST_COMPONENT}
           anchorRect={myRect}
           onDismiss={onDismissCallout}
           onShow={onShowCallout}
@@ -61,6 +65,8 @@ export const E2ECalloutTest: React.FunctionComponent = () => {
           accessibilityRole="alert"
           accessibilityOnShowAnnouncement="Be informed that a customized callout has been opened."
           dismissBehaviors={Object.keys(dismissBehaviors).filter((behavior) => dismissBehaviors[behavior]) as DismissBehaviors[]}
+          /* For Android E2E testing purposes, testProps must be passed in after accessibilityLabel. */
+          {...testProps(CALLOUT_TEST_COMPONENT)}
         >
           <View style={{ padding: 20, borderWidth: 2, borderColor: 'black' }}>
             <Text>just some text so it does not take focus and is not empty.</Text>

package/src/TestComponents/Checkbox/CheckboxE2ETest.tsx

@@ -10,6 +10,7 @@ import {
   CHECKBOX_ACCESSIBILITY_LABEL,
 } from '../../../../E2E/src/Checkbox/consts';
 import { Stack } from '@fluentui-react-native/stack';
+import { testProps } from '../Common/TestProps';
 
 export const E2ECheckboxTest: React.FunctionComponent = () => {
   const [checkboxPressed, setCheckboxPressed] = React.useState(false);
@@ -28,11 +29,22 @@ export const E2ECheckboxTest: React.FunctionComponent = () => {
           accessibilityLabel={CHECKBOX_ACCESSIBILITY_LABEL}
           disabled={false}
           label="Testing accessibilityLabel"
-          testID={CHECKBOX_TEST_COMPONENT}
           onChange={onClick}
+          /* For Android E2E testing purposes, testProps must be passed in after accessibilityLabel. */
+          {...testProps(CHECKBOX_TEST_COMPONENT)}
         />
-        <Checkbox label={CHECKBOX_TEST_COMPONENT_LABEL} testID={CHECKBOX_NO_A11Y_LABEL_COMPONENT} />
-        {checkboxPressed ? <Text testID={CHECKBOX_ON_PRESS}>Checkbox Selected</Text> : null}
+        <Checkbox
+          label={CHECKBOX_TEST_COMPONENT_LABEL}
+          /* For Android E2E testing purposes, testProps must be passed in after accessibilityLabel. */
+          {...testProps(CHECKBOX_NO_A11Y_LABEL_COMPONENT)}
+        />
+        {checkboxPressed ? (
+          <Text /* For Android E2E testing purposes, testProps must be passed in after accessibilityLabel. */
+            {...testProps(CHECKBOX_ON_PRESS)}
+          >
+            Checkbox Selected
+          </Text>
+        ) : null}
       </Stack>
     </View>
   );

package/src/TestComponents/CheckboxExperimental/E2ECheckboxExperimentalTest.tsx

@@ -11,6 +11,7 @@ import {
 } from '../../../../E2E/src/CheckboxExperimental/consts';
 import { Stack } from '@fluentui-react-native/stack';
 import { Text } from '@fluentui/react-native';
+import { testProps } from '../Common/TestProps';
 
 export const E2ECheckboxExperimentalTest: React.FunctionComponent = () => {
   const [checkboxPressed, setCheckboxPressed] = React.useState(false);
@@ -29,11 +30,23 @@ export const E2ECheckboxExperimentalTest: React.FunctionComponent = () => {
           accessibilityLabel={EXPERIMENTAL_CHECKBOX_ACCESSIBILITY_LABEL}
           disabled={false}
           label="Testing accessibilityLabel"
-          testID={EXPERIMENTAL_CHECKBOX_TEST_COMPONENT}
           onChange={onClick}
+          /* For Android E2E testing purposes, testProps must be passed in after accessibilityLabel. */
+          {...testProps(EXPERIMENTAL_CHECKBOX_TEST_COMPONENT)}
         />
-        <Checkbox label={EXPERIMENTAL_CHECKBOX_TEST_COMPONENT_LABEL} testID={EXPERIMENTAL_CHECKBOX_NO_A11Y_LABEL_COMPONENT} />
-        {checkboxPressed ? <Text testID={EXPERIMENTAL_CHECKBOX_ON_PRESS}>Checkbox Selected</Text> : null}
+        <Checkbox
+          label={EXPERIMENTAL_CHECKBOX_TEST_COMPONENT_LABEL}
+          /* For Android E2E testing purposes, testProps must be passed in after accessibilityLabel. */
+          {...testProps(EXPERIMENTAL_CHECKBOX_NO_A11Y_LABEL_COMPONENT)}
+        />
+        {checkboxPressed ? (
+          <Text
+            /* For Android E2E testing purposes, testProps must be passed in after accessibilityLabel. */
+            {...testProps(EXPERIMENTAL_CHECKBOX_ON_PRESS)}
+          >
+            Checkbox Selected
+          </Text>
+        ) : null}
       </Stack>
     </View>
   );

package/src/TestComponents/Common/MenuPicker.tsx

@@ -1,5 +1,6 @@
 import * as React from 'react';
 import { Picker } from '@react-native-picker/picker';
+import { testProps } from './TestProps';
 
 /*
  * The MenuPicker was created because the RN Core Picker was deprecated (preventing us from updating to RN 0.66).
@@ -33,14 +34,20 @@ export const MenuPicker: React.FunctionComponent<MenuPickerProps> = (props: Menu
 
   return (
     <Picker
-      testID={testID}
       prompt={prompt}
       selectedValue={selectedItemKey}
       onValueChange={(value: string, index: number) => onChange(value, index)}
       style={{ ...style }}
+      /* For Android E2E testing purposes, testProps must be passed in after accessibilityLabel. */
+      {...testProps(testID)}
     >
       {collection.map((item, index) => (
-        <Picker.Item label={item.label} key={index} value={item.value} testID={item.testID} />
+        <Picker.Item
+          label={item.label}
+          key={index}
+          value={item.value} /* For Android E2E testing purposes, testProps must be passed in after accessibilityLabel. */
+          {...testProps(item.testID)}
+        />
       ))}
     </Picker>
   );

package/src/TestComponents/Common/TestProps.tsx

@@ -0,0 +1,23 @@
+import { Platform } from 'react-native';
+// Please read http://93days.me/testing-react-native-application/ to understand why we set accessibilityLabel here.
+
+/**
+ * The underlying Android test drivers use accessibilityLabel to find elements. However, all other platforms use testID.
+ * Because of this, we're adding the testProps function that takes in a unique identifier and returns the correct prop based on the platform
+ * (testID for Win32, Windows, macOS, iOS; accessibilityId for Android).
+ *
+ * If explict accessibilityLabel is being used for other platforms, apply testProps after it to override it for Android.
+ * @param id The string to be used as the test identifier
+ * @returns an object with the correct test identifier prop based on platform
+ */
+export function testProps(id) {
+  return Platform.select({
+    android: {
+      accessible: true,
+      accessibilityLabel: id,
+    },
+    default: {
+      testID: id,
+    },
+  });
+}

package/src/TestComponents/ContextualMenu/E2EContextualMenuTest.tsx

@@ -3,6 +3,7 @@ import * as React from 'react';
 import { Text, View, Switch } from 'react-native';
 import { ButtonV1 as Button, ContextualMenu, ContextualMenuItem, Separator } from '@fluentui/react-native';
 import { CONTEXTUALMENUITEM_TEST_COMPONENT, CONTEXTUALMENU_TEST_COMPONENT } from '../../../../E2E/src/ContextualMenu/consts';
+import { testProps } from '../Common/TestProps';
 
 export const E2EContextualMenuTest: React.FunctionComponent = () => {
   const stdBtnRef = React.useRef(null);
@@ -75,7 +76,12 @@ export const E2EContextualMenuTest: React.FunctionComponent = () => {
               <Text style={{ color: 'blue' }}>none</Text>
             )}
           </Text>
-          <Button onClick={toggleShowContextualMenu} componentRef={stdBtnRef} testID={CONTEXTUALMENU_TEST_COMPONENT}>
+          <Button
+            onClick={toggleShowContextualMenu}
+            componentRef={stdBtnRef}
+            /* For Android E2E testing purposes, testProps must be passed in after accessibilityLabel. */
+            {...testProps(CONTEXTUALMENU_TEST_COMPONENT)}
+          >
             Press for ContextualMenu
           </Button>
         </View>
@@ -92,7 +98,12 @@ export const E2EContextualMenuTest: React.FunctionComponent = () => {
           shouldFocusOnContainer={focusOnContainer}
           isBeakVisible={isBeakVisible}
         >
-          <ContextualMenuItem text="MenuItem 1" itemKey="1" testID={CONTEXTUALMENUITEM_TEST_COMPONENT} />
+          <ContextualMenuItem
+            text="MenuItem 1"
+            itemKey="1"
+            /* For Android E2E testing purposes, testProps must be passed in after accessibilityLabel. */
+            {...testProps(CONTEXTUALMENUITEM_TEST_COMPONENT)}
+          />
           <ContextualMenuItem text="MenuItem 2" itemKey="2" />
           <ContextualMenuItem text="Disabled Menu Item" itemKey="3" disabled />
           <ContextualMenuItem text="MenuItem 4" itemKey="4" />

package/src/TestComponents/FocusZone/FocusZoneE2ETest.tsx

@@ -17,6 +17,7 @@ import {
   FOCUSZONE_DIRECTION_PICKER,
 } from '../../../../E2E/src/FocusZone/consts';
 import { focusZoneTestStyles, GridButton } from './styles';
+import { testProps } from '../Common/TestProps';
 
 export const FocusZoneDirections: FocusZoneDirection[] = ['bidirectional', 'horizontal', 'vertical', 'none'];
 
@@ -28,9 +29,17 @@ export const FocusZoneListWrapper: React.FunctionComponent<FocusZoneListWrapperP
   const buttonProps: ButtonProps = { children: 'Click to Focus', style: focusZoneTestStyles.listWrapperButton };
   return (
     <>
-      <Button {...buttonProps} testID={beforeID} />
+      <Button
+        {...buttonProps}
+        /* For Android E2E testing purposes, testProps must be passed in after accessibilityLabel. */
+        {...testProps(beforeID)}
+      />
       {children}
-      <Button {...buttonProps} testID={afterID} />
+      <Button
+        {...buttonProps}
+        /* For Android E2E testing purposes, testProps must be passed in after accessibilityLabel. */
+        {...testProps(afterID)}
+      />
     </>
   );
 };
@@ -53,10 +62,11 @@ export const GridOfButtons: React.FunctionComponent<GridOfButtonsProps> = (props
               const gridIndex = heightIndex * props.gridWidth + widthIndex + 1;
               return (
                 <GridButton
-                  testID={props.e2etesting ? FOCUSZONE_GRID_BUTTON(gridIndex) : undefined}
                   key={widthIndex}
                   style={focusZoneTestStyles.focusZoneButton}
                   componentRef={gridIndex === props.tabbableIdx ? props.tabRef : undefined}
+                  /* For Android E2E testing purposes, testProps must be passed in after accessibilityLabel. */
+                  {...testProps(props.e2etesting ? FOCUSZONE_GRID_BUTTON(gridIndex) : undefined)}
                 >
                   <Text>{gridIndex}</Text>
                 </GridButton>
@@ -81,11 +91,14 @@ export const FocusZone2D: React.FunctionComponent = () => {
   return (
     <View style={commonTestStyles.root}>
       <View style={commonTestStyles.settings}>
-        <Text variant="subheaderSemibold" testID={FOCUSZONE_TEST_COMPONENT}>
+        <Text
+          variant="subheaderSemibold"
+          /* For Android E2E testing purposes, testProps must be passed in after accessibilityLabel. */
+          {...testProps(FOCUSZONE_TEST_COMPONENT)}
+        >
           FocusZone Direction
         </Text>
         <MenuButton
-          testID={FOCUSZONE_DIRECTION_PICKER}
           content={`Current direction: ${direction}`}
           menuItems={FocusZoneDirections.map((dir) => ({
             itemKey: dir,
@@ -93,20 +106,36 @@ export const FocusZone2D: React.FunctionComponent = () => {
             testID: FOCUSZONE_DIRECTION_ID(dir),
           }))}
           onItemClick={(dir) => setDirection(dir as FocusZoneDirection)}
+          /* For Android E2E testing purposes, testProps must be passed in after accessibilityLabel. */
+          {...testProps(FOCUSZONE_DIRECTION_PICKER)}
+        />
+        <Switch
+          /* For Android E2E testing purposes, testProps must be passed in after accessibilityLabel. */
+          {...testProps(FOCUSZONE_TWO_DIM_SWITCH)}
+          label="2D Navigation"
+          checked={is2DNav}
+          onChange={(_, checked) => set2dNav(checked)}
+        />
+        <Switch
+          /* For Android E2E testing purposes, testProps must be passed in after accessibilityLabel. */
+          {...testProps(FOCUSZONE_DISABLED_SWITCH)}
+          label="Disabled"
+          checked={isDisabled}
+          onChange={(_, checked) => setDisabled(checked)}
         />
-        <Switch testID={FOCUSZONE_TWO_DIM_SWITCH} label="2D Navigation" checked={is2DNav} onChange={(_, checked) => set2dNav(checked)} />
-        <Switch testID={FOCUSZONE_DISABLED_SWITCH} label="Disabled" checked={isDisabled} onChange={(_, checked) => setDisabled(checked)} />
         <Switch
-          testID={FOCUSZONE_CIRCLE_NAV_SWITCH}
+          /* For Android E2E testing purposes, testProps must be passed in after accessibilityLabel. */
+          {...testProps(FOCUSZONE_CIRCLE_NAV_SWITCH)}
           label="Circular Navigation"
           checked={isCircularNav}
           onChange={(_, checked) => setIsCircularNav(checked)}
         />
         <Switch
-          testID={FOCUSZONE_DEFAULT_TABBABLE_SWITCH}
           label="Use Default Tabbable Element"
           checked={useDeffaultTabbableElement}
           onChange={(_, checked) => setUseDeffaultTabbableElement(checked)}
+          /* For Android E2E testing purposes, testProps must be passed in after accessibilityLabel. */
+          {...testProps(FOCUSZONE_DEFAULT_TABBABLE_SWITCH)}
         />
       </View>