@fluentui-react-native/tester 0.126.12 → 0.126.13

package/src/TestComponents/TextExperimental/StandardUsage.tsx

@@ -4,12 +4,17 @@ import { Text } from '@fluentui-react-native/experimental-text';
 import { Stack } from '@fluentui-react-native/stack';
 import { stackStyle } from '../Common/styles';
 import { HOMEPAGE_EXPERIMENTAL_TEXT_BUTTON } from '../../../../E2E/src/TextExperimental/consts';
+import { testProps } from '../Common/TestProps';
 
 export const StandardUsage: React.FunctionComponent = () => {
   return (
     <View>
       <Stack style={stackStyle} gap={5}>
-        <Text variant="captionStandard" testID={HOMEPAGE_EXPERIMENTAL_TEXT_BUTTON}>
+        <Text
+          variant="captionStandard"
+          /* For Android E2E testing purposes, testProps must be passed in after accessibilityLabel. */
+          {...testProps(HOMEPAGE_EXPERIMENTAL_TEXT_BUTTON)}
+        >
           CaptionStandard
         </Text>
         <Text variant="secondaryStandard">SecondaryStandard</Text>

package/src/TestComponents/Theme/ThemeTest.tsx

@@ -50,7 +50,7 @@ const Panel: React.FunctionComponent = () => {
       <PrimaryButton onClick={onClick} content="Primary Button" disabled={disabled} />
       <Button onClick={onClick} content="Default Button" disabled={disabled} />
       <StealthButton onClick={onClick} content="Stealth Button" disabled={disabled} />
-      <Text testID={THEME_TESTPAGE}>This is a text element</Text>
+      <Text>This is a text element</Text>
       <Button onClick={onClick} content="This button has longer text" disabled={disabled} />
     </View>
   );
@@ -103,6 +103,7 @@ const SwatchList: React.FunctionComponent = () => {
 const themeSections: TestSection[] = [
   {
     name: 'Component Examples',
+    testID: THEME_TESTPAGE,
     component: Panel,
   },
   {

package/src/TestComponents/Tokens/TokenTest.tsx

@@ -9,6 +9,7 @@ import { commonTestStyles } from '../Common/styles';
 import { Text } from '@fluentui/react-native';
 import { Test, TestSection, PlatformStatus } from '../Test';
 import { TOKENS_TEST_COMPONENT, TOKEN_TESTPAGE } from '../../../../E2E/src/Tokens/consts';
+import { testProps } from '../Common/TestProps';
 
 const getThemedStyles = themedStyleSheet((theme: Theme) => {
   return {
@@ -49,7 +50,11 @@ const ColorToken: React.FunctionComponent<ColorTokenProps> = (p: ColorTokenProps
   const themedStyles = getThemedStyles(useTheme());
   return (
     <View style={styles.swatchItem}>
-      <View style={[getSwatchColorStyle(p.name, p.color), themedStyles.swatch]} testID={TOKENS_TEST_COMPONENT} />
+      <View
+        style={[getSwatchColorStyle(p.name, p.color), themedStyles.swatch]}
+        /* For Android E2E testing purposes, testProps must be passed in after accessibilityLabel. */
+        {...testProps(TOKENS_TEST_COMPONENT)}
+      />
       <Text>{p.name}</Text>
     </View>
   );