@fluentui-react-native/tester-core 0.1.1

package/lib-commonjs/FluentTester.js

@@ -0,0 +1,263 @@
+'use strict';
+var __createBinding =
+  (this && this.__createBinding) ||
+  (Object.create
+    ? function (o, m, k, k2) {
+        if (k2 === undefined) k2 = k;
+        var desc = Object.getOwnPropertyDescriptor(m, k);
+        if (!desc || ('get' in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+          desc = {
+            enumerable: true,
+            get: function () {
+              return m[k];
+            },
+          };
+        }
+        Object.defineProperty(o, k2, desc);
+      }
+    : function (o, m, k, k2) {
+        if (k2 === undefined) k2 = k;
+        o[k2] = m[k];
+      });
+var __setModuleDefault =
+  (this && this.__setModuleDefault) ||
+  (Object.create
+    ? function (o, v) {
+        Object.defineProperty(o, 'default', { enumerable: true, value: v });
+      }
+    : function (o, v) {
+        o['default'] = v;
+      });
+var __importStar =
+  (this && this.__importStar) ||
+  (function () {
+    var ownKeys = function (o) {
+      ownKeys =
+        Object.getOwnPropertyNames ||
+        function (o) {
+          var ar = [];
+          for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+          return ar;
+        };
+      return ownKeys(o);
+    };
+    return function (mod) {
+      if (mod && mod.__esModule) return mod;
+      var result = {};
+      if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== 'default') __createBinding(result, mod, k[i]);
+      __setModuleDefault(result, mod);
+      return result;
+    };
+  })();
+Object.defineProperty(exports, '__esModule', { value: true });
+exports.FluentTester = void 0;
+const jsx_runtime_1 = require('react/jsx-runtime');
+const React = __importStar(require('react'));
+const react_native_1 = require('react-native');
+const react_native_2 = require('@fluentui/react-native');
+const button_1 = require('@fluentui-react-native/button');
+const e2e_testing_1 = require('@fluentui-react-native/e2e-testing');
+const e2e_testing_2 = require('@fluentui-react-native/e2e-testing');
+const theme_types_1 = require('@fluentui-react-native/theme-types');
+const themed_stylesheet_1 = require('@fluentui-react-native/themed-stylesheet');
+const styles_1 = require('./TestComponents/Common/styles');
+const TestProps_1 = require('./TestComponents/Common/TestProps');
+const testPages_1 = require('./testPages');
+const ThemePickers_1 = require('./theme/ThemePickers');
+const getThemedStyles = (0, themed_stylesheet_1.themedStyleSheet)((t) => {
+  return {
+    root: {
+      backgroundColor: t.colors.neutralBackground1,
+      flex: 1,
+      flexGrow: 1,
+      flexDirection: 'column',
+      justifyContent: 'flex-start',
+      alignItems: 'stretch',
+      padding: 4,
+    },
+    testSeparator: {
+      borderColor: t.colors.menuDivider,
+      borderWidth: 0.1,
+    },
+  };
+});
+const EmptyComponent = () => {
+  return jsx_runtime_1.jsx(react_native_1.Text, {
+    style: styles_1.fluentTesterStyles.noTest,
+    children: 'Select a component from the test list.',
+  });
+};
+const HeaderSeparator = react_native_2.Separator.customize((t) => ({
+  color: t.colors.bodyFrameDivider,
+  separatorWidth: 2,
+}));
+const TestListSeparator = react_native_2.Separator.customize((t) => ({
+  color: t.colors.menuDivider,
+  separatorWidth: 2,
+}));
+const Header = React.memo((props) => {
+  const { enableSinglePaneView, enableBackButtonIOS, onBackButtonPressedIOS } = props;
+  const theme = (0, theme_types_1.useTheme)();
+  const headerStyle = enableSinglePaneView ? styles_1.fluentTesterStyles.headerWithBackButton : styles_1.fluentTesterStyles.header;
+  const backButtonTitle = react_native_1.I18nManager.isRTL ? 'Back ›' : '‹ Back';
+  return jsx_runtime_1.jsxs(react_native_1.View, {
+    style: headerStyle,
+    children: [
+      jsx_runtime_1.jsx(react_native_2.TextV1, {
+        style: styles_1.fluentTesterStyles.testHeader,
+        variant: 'heroLargeSemibold',
+        color: theme.host.palette?.TextEmphasis,
+        ...(0, TestProps_1.testProps)(e2e_testing_1.BASE_TESTPAGE),
+        children: '\u269B FluentUI Tests',
+      }),
+      jsx_runtime_1.jsxs(react_native_1.View, {
+        style: styles_1.fluentTesterStyles.header,
+        children: [
+          react_native_1.Platform.OS === 'ios' &&
+            !react_native_1.Platform.isPad &&
+            jsx_runtime_1.jsx(button_1.ButtonV1, {
+              appearance: 'subtle',
+              style: styles_1.fluentTesterStyles.backButton,
+              onClick: onBackButtonPressedIOS,
+              disabled: !enableBackButtonIOS,
+              children: backButtonTitle,
+            }),
+          jsx_runtime_1.jsx(ThemePickers_1.ThemePickers, {}),
+        ],
+      }),
+    ],
+  });
+});
+// filters and sorts tests alphabetically
+const filteredTestComponents = testPages_1.tests.filter((test) => test.platforms.includes(react_native_1.Platform.OS));
+const sortedTestComponents = filteredTestComponents.sort((a, b) => a.name.localeCompare(b.name));
+const FluentTester = (props) => {
+  const { enableSinglePaneView } = props;
+  const [selectedTestIndex, setSelectedTestIndex] = React.useState(-1);
+  const [onTestListView, setOnTestListView] = React.useState(true);
+  const theme = (0, theme_types_1.useTheme)();
+  const themedStyles = getThemedStyles(theme);
+  const removeBackHandler = React.useMemo(() => {
+    return {
+      remove: undefined,
+    };
+  }, []);
+  const onBackPress = React.useCallback(() => {
+    setOnTestListView(true);
+    if (react_native_1.Platform.OS === 'android' && removeBackHandler.remove) {
+      removeBackHandler.remove();
+    }
+    return true;
+  }, []);
+  const TestComponent = selectedTestIndex == -1 ? EmptyComponent : sortedTestComponents[selectedTestIndex].component;
+  // This is used to initially bring focus to the app on win32
+  const focusOnMountRef = React.useRef(null);
+  React.useEffect(() => {
+    if (react_native_1.Platform.OS === 'win32') {
+      focusOnMountRef.current?.focus();
+    }
+  }, []);
+  const RootView = react_native_1.Platform.select({
+    ios: react_native_1.SafeAreaView,
+    default: react_native_1.View,
+  });
+  const isTestListVisible = !enableSinglePaneView || (enableSinglePaneView && onTestListView);
+  const isTestSectionVisible = !enableSinglePaneView || (enableSinglePaneView && !onTestListView);
+  const TestList = React.memo(() => {
+    return jsx_runtime_1.jsxs(react_native_1.View, {
+      style: styles_1.fluentTesterStyles.testList,
+      children: [
+        jsx_runtime_1.jsx(react_native_1.ScrollView, {
+          contentContainerStyle: styles_1.fluentTesterStyles.testListContainerStyle,
+          ...(0, TestProps_1.testProps)(e2e_testing_1.TESTPAGE_BUTTONS_SCROLLVIEWER),
+          children: sortedTestComponents.map((description, index) => {
+            return jsx_runtime_1.jsx(
+              button_1.ButtonV1,
+              {
+                appearance: 'subtle',
+                disabled: index == selectedTestIndex,
+                onClick: () => setSelectedTestIndex(index),
+                style: styles_1.fluentTesterStyles.testListItem,
+                ...(0, TestProps_1.testProps)(description.testPageButton),
+                ...(index === 0 && { componentRef: focusOnMountRef }),
+                children: description.name,
+              },
+              index,
+            );
+          }),
+        }),
+        jsx_runtime_1.jsx(TestListSeparator, { vertical: true, style: styles_1.fluentTesterStyles.testListSeparator }),
+      ],
+    });
+  });
+  const MobileTestList = React.memo(() => {
+    return jsx_runtime_1.jsx(react_native_1.View, {
+      style: { ...styles_1.mobileStyles.testList, display: isTestListVisible ? 'flex' : 'none' },
+      children: jsx_runtime_1.jsx(react_native_1.ScrollView, {
+        contentContainerStyle: styles_1.fluentTesterStyles.testListContainerStyle,
+        ...(0, TestProps_1.testProps)(e2e_testing_1.TESTPAGE_BUTTONS_SCROLLVIEWER),
+        children: sortedTestComponents.map((description, index) => {
+          return jsx_runtime_1.jsxs(
+            react_native_1.View,
+            {
+              children: [
+                jsx_runtime_1.jsx(
+                  react_native_2.TextV1,
+                  {
+                    onPress: () => {
+                      setOnTestListView(false);
+                      setSelectedTestIndex(index);
+                      if (react_native_1.Platform.OS === 'android') {
+                        // add the listener and remember the remove function so it can be cleaned up later
+                        removeBackHandler.remove = react_native_1.BackHandler.addEventListener('hardwareBackPress', onBackPress).remove;
+                      }
+                    },
+                    style: styles_1.mobileStyles.testListItem,
+                    ...(0, TestProps_1.testProps)(description.testPageButton),
+                    children: description.name,
+                  },
+                  index,
+                ),
+                jsx_runtime_1.jsx(react_native_2.Separator, { style: themedStyles.testSeparator }),
+              ],
+            },
+            index,
+          );
+        }),
+      }),
+    });
+  });
+  const TestComponentView = () => {
+    return jsx_runtime_1.jsx(react_native_1.ScrollView, {
+      keyboardShouldPersistTaps: 'handled', // Prevents keyboard from dismissing when tapping on a text input
+      contentContainerStyle: styles_1.fluentTesterStyles.testSection,
+      ...(0, TestProps_1.testProps)(e2e_testing_1.TESTPAGE_CONTENT_SCROLLVIEWER),
+      children: jsx_runtime_1.jsx(TestComponent, {}),
+    });
+  };
+  return (
+    // On iOS, the accessible prop must be set to false because iOS does not support nested accessibility elements
+    jsx_runtime_1.jsxs(RootView, {
+      style: themedStyles.root,
+      accessible: react_native_1.Platform.OS !== 'ios',
+      ...(0, TestProps_1.testProps)(e2e_testing_2.ROOT_VIEW),
+      children: [
+        jsx_runtime_1.jsx(Header, {
+          enableSinglePaneView: enableSinglePaneView,
+          enableBackButtonIOS: !onTestListView,
+          onBackButtonPressedIOS: onBackPress,
+        }),
+        jsx_runtime_1.jsx(HeaderSeparator, {}),
+        jsx_runtime_1.jsxs(react_native_1.View, {
+          style: styles_1.fluentTesterStyles.testRoot,
+          children: [
+            enableSinglePaneView ? jsx_runtime_1.jsx(MobileTestList, {}) : jsx_runtime_1.jsx(TestList, {}),
+            isTestSectionVisible && jsx_runtime_1.jsx(TestComponentView, {}),
+          ],
+        }),
+      ],
+    })
+  );
+};
+exports.FluentTester = FluentTester;
+//# sourceMappingURL=FluentTester.js.map

package/lib-commonjs/FluentTester.js.map

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

package/lib-commonjs/FluentTesterApp.d.ts

@@ -0,0 +1,3 @@
+import type { FluentTesterProps } from './FluentTester';
+export declare const FluentTesterApp: (props: FluentTesterProps) => import('react/jsx-runtime').JSX.Element;
+//# sourceMappingURL=FluentTesterApp.d.ts.map

package/lib-commonjs/FluentTesterApp.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FluentTesterApp.d.ts","sourceRoot":"","sources":["../src/FluentTesterApp.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAIxD,eAAO,MAAM,eAAe,uEA6C3B,CAAC"}

package/lib-commonjs/FluentTesterApp.js

@@ -0,0 +1,58 @@
+/**
+ * Copyright (c) Microsoft Corporation.
+ * Licensed under the MIT License.
+ * @format
+ */
+'use strict';
+Object.defineProperty(exports, '__esModule', { value: true });
+exports.FluentTesterApp = void 0;
+const jsx_runtime_1 = require('react/jsx-runtime');
+const react_native_1 = require('react-native');
+const experimental_appearance_additions_1 = require('@fluentui-react-native/experimental-appearance-additions');
+const theme_1 = require('@fluentui-react-native/theme');
+const FluentTester_1 = require('./FluentTester');
+const index_1 = require('./theme/index');
+const FluentTesterApp = (props) => {
+  const sizeClass = (0, experimental_appearance_additions_1.useHorizontalSizeClass)();
+  const isMobile =
+    react_native_1.Platform.OS === 'android' || (react_native_1.Platform.OS === 'ios' && react_native_1.Platform.isPad === false);
+  // If on iPad we are presented in a Split View or Slide Over context, show the single pane view.
+  const shouldShowSinglePane = isMobile || (!isMobile && sizeClass === 'compact');
+  const customTheme = new theme_1.ThemeReference(
+    index_1.testerTheme,
+    () => {
+      return {
+        colors: { brandBackground2: 'red' }, // Overrides the buttonBackground color token, all other colors are kept in-tact.
+      };
+    },
+    () => {
+      return {
+        colors: {
+          hostColorPink: 'pink', // New custom color key.
+          hostColorBrandText: 'purple', // New custom color key.
+          hostColorButtonBackground: 'yellow', // New custom color key.
+        },
+        spacing: {
+          s1: '10px',
+        },
+      };
+    },
+    () => {
+      // Any other recipe.
+      return {
+        colors: {
+          yellowBrandColor: 'yellow', // New custom color key.
+          hostColorButtonBackground: 'green', // Overrides custom color key 'hostColorButtonBackground' - it is green in theme now.
+        },
+      };
+    },
+  );
+  // Use the custom colors for Android and iOS.
+  const fluentTesterTheme = isMobile ? customTheme : index_1.testerTheme;
+  return jsx_runtime_1.jsx(theme_1.ThemeProvider, {
+    theme: fluentTesterTheme,
+    children: jsx_runtime_1.jsx(FluentTester_1.FluentTester, { enableSinglePaneView: shouldShowSinglePane, ...props }),
+  });
+};
+exports.FluentTesterApp = FluentTesterApp;
+//# sourceMappingURL=FluentTesterApp.js.map

package/lib-commonjs/FluentTesterApp.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FluentTesterApp.js","sourceRoot":"","sources":["../src/FluentTesterApp.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,YAAY,CAAC;;;;AAEb,+CAAwC;AAExC,gHAAkG;AAClG,wDAA6E;AAG7E,iDAA8C;AAC9C,yCAA4C;AAErC,MAAM,eAAe,GAAG,CAAC,KAAwB,EAAE,EAAE,CAAC;IAC3D,MAAM,SAAS,GAAG,IAAA,0DAAsB,GAAE,CAAC;IAC3C,MAAM,QAAQ,GAAG,uBAAQ,CAAC,EAAE,KAAK,SAAS,IAAI,CAAC,uBAAQ,CAAC,EAAE,KAAK,KAAK,IAAI,uBAAQ,CAAC,KAAK,KAAK,KAAK,CAAC,CAAC;IAElG,gGAAgG;IAChG,MAAM,oBAAoB,GAAG,QAAQ,IAAI,CAAC,CAAC,QAAQ,IAAI,SAAS,KAAK,SAAS,CAAC,CAAC;IAEhF,MAAM,WAAW,GAAG,IAAI,sBAAc,CACpC,mBAAW,EACX,GAAG,EAAE,CAAC;QACJ,OAAO;YACL,MAAM,EAAE,EAAE,gBAAgB,EAAE,KAAK,EAAE,EAAE,iFAAiF;SACvH,CAAC;IAAA,CACH,EACD,GAAG,EAAE,CAAC;QACJ,OAAO;YACL,MAAM,EAAE;gBACN,aAAa,EAAE,MAAM,EAAE,wBAAwB;gBAC/C,kBAAkB,EAAE,QAAQ,EAAE,wBAAwB;gBACtD,yBAAyB,EAAE,QAAQ,EAAE,wBAAwB;aAC9D;YACD,OAAO,EAAE;gBACP,EAAE,EAAE,MAAM;aACX;SACF,CAAC;IAAA,CACH,EACD,GAAG,EAAE,CAAC;QACJ,oBAAoB;QACpB,OAAO;YACL,MAAM,EAAE;gBACN,gBAAgB,EAAE,QAAQ,EAAE,wBAAwB;gBACpD,yBAAyB,EAAE,OAAO,EAAE,qFAAqF;aAC1H;SACF,CAAC;IAAA,CACH,CACF,CAAC;IAEF,6CAA6C;IAC7C,MAAM,iBAAiB,GAAmB,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,mBAAW,CAAC;IAE/E,OAAO,CACL,kBAAC,qBAAa,IAAC,KAAK,EAAE,iBAAiB,YACrC,kBAAC,2BAAY,IAAC,oBAAoB,EAAE,oBAAoB,KAAM,KAAK,GAAI,GACzD,CACjB,CAAC;AAAA,CACH,CAAC;AA7CW,QAAA,eAAe,GAAf,eAAe,CA6C1B"}

package/lib-commonjs/TestComponents/ActivityIndicator/ActivityIndicatorTest.d.ts

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

package/lib-commonjs/TestComponents/ActivityIndicator/ActivityIndicatorTest.d.ts.map

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

package/lib-commonjs/TestComponents/ActivityIndicator/ActivityIndicatorTest.js

@@ -0,0 +1,170 @@
+'use strict';
+var __createBinding =
+  (this && this.__createBinding) ||
+  (Object.create
+    ? function (o, m, k, k2) {
+        if (k2 === undefined) k2 = k;
+        var desc = Object.getOwnPropertyDescriptor(m, k);
+        if (!desc || ('get' in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+          desc = {
+            enumerable: true,
+            get: function () {
+              return m[k];
+            },
+          };
+        }
+        Object.defineProperty(o, k2, desc);
+      }
+    : function (o, m, k, k2) {
+        if (k2 === undefined) k2 = k;
+        o[k2] = m[k];
+      });
+var __setModuleDefault =
+  (this && this.__setModuleDefault) ||
+  (Object.create
+    ? function (o, v) {
+        Object.defineProperty(o, 'default', { enumerable: true, value: v });
+      }
+    : function (o, v) {
+        o['default'] = v;
+      });
+var __importStar =
+  (this && this.__importStar) ||
+  (function () {
+    var ownKeys = function (o) {
+      ownKeys =
+        Object.getOwnPropertyNames ||
+        function (o) {
+          var ar = [];
+          for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+          return ar;
+        };
+      return ownKeys(o);
+    };
+    return function (mod) {
+      if (mod && mod.__esModule) return mod;
+      var result = {};
+      if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== 'default') __createBinding(result, mod, k[i]);
+      __setModuleDefault(result, mod);
+      return result;
+    };
+  })();
+Object.defineProperty(exports, '__esModule', { value: true });
+exports.ActivityIndicatorTest = void 0;
+const jsx_runtime_1 = require('react/jsx-runtime');
+const React = __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 experimental_activity_indicator_1 = require('@fluentui-react-native/experimental-activity-indicator');
+const stack_1 = require('@fluentui-react-native/stack');
+const styles_1 = require('../Common/styles');
+const Test_1 = require('../Test');
+const BasicActivityIndicator = () => {
+  const [animating, setAnimating] = React.useState(true);
+  const [hidesWhenStopped, setHidesWhenStopped] = React.useState(true);
+  return jsx_runtime_1.jsx(stack_1.Stack, {
+    style: styles_1.stackStyle,
+    children: jsx_runtime_1.jsxs(react_native_1.View, {
+      style: styles_1.commonTestStyles.root,
+      children: [
+        jsx_runtime_1.jsxs(react_native_1.View, {
+          style: styles_1.commonTestStyles.settings,
+          children: [
+            jsx_runtime_1.jsxs(react_native_1.View, {
+              style: styles_1.commonTestStyles.switch,
+              children: [
+                jsx_runtime_1.jsx(react_native_2.Text, { children: 'Animating' }),
+                jsx_runtime_1.jsx(react_native_1.Switch, { value: animating, onValueChange: setAnimating }),
+              ],
+            }),
+            jsx_runtime_1.jsxs(react_native_1.View, {
+              style: styles_1.commonTestStyles.switch,
+              children: [
+                jsx_runtime_1.jsx(react_native_2.Text, { children: 'HidesWhenStopped' }),
+                jsx_runtime_1.jsx(react_native_1.Switch, { value: hidesWhenStopped, onValueChange: setHidesWhenStopped }),
+              ],
+            }),
+          ],
+        }),
+        jsx_runtime_1.jsx(experimental_activity_indicator_1.ActivityIndicator, {
+          animating: animating,
+          hidesWhenStopped: hidesWhenStopped,
+        }),
+      ],
+    }),
+  });
+};
+const ActivityIndicatorMainTest = () => {
+  return jsx_runtime_1.jsxs(stack_1.Stack, {
+    style: styles_1.stackStyle,
+    children: [
+      jsx_runtime_1.jsx(react_native_2.Text, { children: 'Extra Small' }),
+      jsx_runtime_1.jsx(experimental_activity_indicator_1.ActivityIndicator, { size: 'xSmall' }),
+      jsx_runtime_1.jsx(react_native_2.Text, { children: 'Small' }),
+      jsx_runtime_1.jsx(experimental_activity_indicator_1.ActivityIndicator, { size: 'small' }),
+      jsx_runtime_1.jsx(react_native_2.Text, { children: 'Medium' }),
+      jsx_runtime_1.jsx(experimental_activity_indicator_1.ActivityIndicator, { size: 'medium' }),
+      jsx_runtime_1.jsx(react_native_2.Text, { children: 'Large' }),
+      jsx_runtime_1.jsx(experimental_activity_indicator_1.ActivityIndicator, { size: 'large' }),
+      jsx_runtime_1.jsx(react_native_2.Text, { children: 'Extra Large' }),
+      jsx_runtime_1.jsx(experimental_activity_indicator_1.ActivityIndicator, { size: 'xLarge' }),
+      jsx_runtime_1.jsx(react_native_2.Text, { children: 'Size=xLarge and Line Thickness=large' }),
+      jsx_runtime_1.jsx(experimental_activity_indicator_1.ActivityIndicator, { size: 'xLarge', lineThickness: 'large' }),
+      jsx_runtime_1.jsx(react_native_2.Text, { children: 'Color props' }),
+      jsx_runtime_1.jsx(experimental_activity_indicator_1.ActivityIndicator, {
+        activityIndicatorColor: 'orange',
+        accessibilityLabel: 'orange progressbar',
+      }),
+    ],
+  });
+};
+const CustomizedActivityIndicator = experimental_activity_indicator_1.ActivityIndicator.customize({
+  activityIndicatorColor: 'orange',
+  size: 'large',
+});
+const CustomizedActivityIndicatorTest = () => {
+  return jsx_runtime_1.jsxs(stack_1.Stack, {
+    style: styles_1.stackStyle,
+    children: [
+      jsx_runtime_1.jsx(react_native_2.Text, { children: 'Customized Activity Indicator' }),
+      jsx_runtime_1.jsx(CustomizedActivityIndicator, {}),
+    ],
+  });
+};
+const activityIndicatorSections = [
+  {
+    name: 'Base ActivityIndicator',
+    testID: e2e_testing_1.ACTIVITY_INDICATOR_TESTPAGE,
+    component: BasicActivityIndicator,
+  },
+  {
+    name: 'ActivityIndicator',
+    testID: e2e_testing_1.ACTIVITY_INDICATOR_TESTPAGE,
+    component: ActivityIndicatorMainTest,
+  },
+  {
+    name: 'Customized ActivityIndicator',
+    testID: e2e_testing_1.ACTIVITY_INDICATOR_TESTPAGE,
+    component: CustomizedActivityIndicatorTest,
+  },
+];
+const ActivityIndicatorTest = () => {
+  const status = {
+    win32Status: 'Deprecated',
+    uwpStatus: 'Deprecated',
+    iosStatus: 'Deprecated',
+    macosStatus: 'Deprecated',
+    androidStatus: 'Deprecated',
+  };
+  const description =
+    'ActivityIndicator is a visual representation that data is being loaded. It is implemented with a View wrapping an Animated SVG. The View is to ensure that AccessibilityRole works. AccessibilityRole currently does not work on SVGs.';
+  return jsx_runtime_1.jsx(Test_1.Test, {
+    name: 'ActivityIndicator Test',
+    description: description,
+    sections: activityIndicatorSections,
+    status: status,
+  });
+};
+exports.ActivityIndicatorTest = ActivityIndicatorTest;
+//# sourceMappingURL=ActivityIndicatorTest.js.map

package/lib-commonjs/TestComponents/ActivityIndicator/ActivityIndicatorTest.js.map

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

package/lib-commonjs/TestComponents/ActivityIndicator/index.d.ts

@@ -0,0 +1,2 @@
+export * from './ActivityIndicatorTest';
+//# sourceMappingURL=index.d.ts.map

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

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

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

@@ -0,0 +1,29 @@
+'use strict';
+var __createBinding =
+  (this && this.__createBinding) ||
+  (Object.create
+    ? function (o, m, k, k2) {
+        if (k2 === undefined) k2 = k;
+        var desc = Object.getOwnPropertyDescriptor(m, k);
+        if (!desc || ('get' in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+          desc = {
+            enumerable: true,
+            get: function () {
+              return m[k];
+            },
+          };
+        }
+        Object.defineProperty(o, k2, desc);
+      }
+    : function (o, m, k, k2) {
+        if (k2 === undefined) k2 = k;
+        o[k2] = m[k];
+      });
+var __exportStar =
+  (this && this.__exportStar) ||
+  function (m, exports) {
+    for (var p in m) if (p !== 'default' && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+  };
+Object.defineProperty(exports, '__esModule', { value: true });
+__exportStar(require('./ActivityIndicatorTest'), exports);
+//# sourceMappingURL=index.js.map

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

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

package/lib-commonjs/TestComponents/Avatar/AvatarTest.d.ts

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

package/lib-commonjs/TestComponents/Avatar/AvatarTest.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarTest.d.ts","sourceRoot":"","sources":["../../../src/TestComponents/Avatar/AvatarTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAmC/B,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,iBAiB9B,CAAC"}

package/lib-commonjs/TestComponents/Avatar/AvatarTest.js

@@ -0,0 +1,54 @@
+'use strict';
+Object.defineProperty(exports, '__esModule', { value: true });
+exports.AvatarTest = void 0;
+const jsx_runtime_1 = require('react/jsx-runtime');
+const react_native_1 = require('react-native');
+const e2e_testing_1 = require('@fluentui-react-native/e2e-testing');
+const Test_1 = require('../Test');
+const BasicAvatar_1 = require('./BasicAvatar');
+const CustomizedAvatar_1 = require('./CustomizedAvatar');
+const E2EAvatarTest_1 = require('./E2EAvatarTest');
+const avatarSections = [
+  {
+    name: 'Standard Usage',
+    testID: e2e_testing_1.AVATAR_TESTPAGE,
+    component: BasicAvatar_1.StandardUsage,
+  },
+  ...react_native_1.Platform.select({
+    android: [null],
+    default: [
+      {
+        name: 'Customize Usage',
+        component: CustomizedAvatar_1.CustomizeUsage,
+      },
+    ],
+  }),
+];
+const e2eSections = [
+  {
+    name: 'Avatar E2E',
+    component: E2EAvatarTest_1.E2EAvatarTest,
+  },
+];
+const AvatarTest = () => {
+  const status = {
+    win32Status: 'Production',
+    uwpStatus: 'Backlog',
+    iosStatus: 'Production',
+    macosStatus: 'Production',
+    androidStatus: 'Production',
+  };
+  const description =
+    'AvatarView is a visual representation of a user, entity, or group. If an image is supplied, it is cropped to a circle of the requested size. If an image is not supplied, initials are extracted from the given name and email address provided and displayed on a colorful background.';
+  const spec = 'https://github.com/microsoft/fluentui-react-native/blob/main/packages/components/Avatar/SPEC.md';
+  return jsx_runtime_1.jsx(Test_1.Test, {
+    name: 'Avatar Test',
+    description: description,
+    spec: spec,
+    sections: avatarSections,
+    status: status,
+    e2eSections: e2eSections,
+  });
+};
+exports.AvatarTest = AvatarTest;
+//# sourceMappingURL=AvatarTest.js.map

package/lib-commonjs/TestComponents/Avatar/AvatarTest.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarTest.js","sourceRoot":"","sources":["../../../src/TestComponents/Avatar/AvatarTest.tsx"],"names":[],"mappings":";;;;AACA,+CAAwC;AAExC,oEAAqE;AAGrE,kCAA+B;AAC/B,+CAA8C;AAC9C,yDAAoD;AACpD,mDAAgD;AAEhD,MAAM,cAAc,GAAkB;IACpC;QACE,IAAI,EAAE,gBAAgB;QACtB,MAAM,EAAE,6BAAe;QACvB,SAAS,EAAE,2BAAa;KACzB;IACD,GAAG,uBAAQ,CAAC,MAAM,CAAC;QACjB,OAAO,EAAE,CAAC,IAAI,CAAC;QACf,OAAO,EAAE;YACP;gBACE,IAAI,EAAE,iBAAiB;gBACvB,SAAS,EAAE,iCAAc;aAC1B;SACF;KACF,CAAC;CACH,CAAC;AAEF,MAAM,WAAW,GAAkB;IACjC;QACE,IAAI,EAAE,YAAY;QAClB,SAAS,EAAE,6BAAa;KACzB;CACF,CAAC;AAEK,MAAM,UAAU,GAA4B,GAAG,EAAE,CAAC;IACvD,MAAM,MAAM,GAAmB;QAC7B,WAAW,EAAE,YAAY;QACzB,SAAS,EAAE,SAAS;QACpB,SAAS,EAAE,YAAY;QACvB,WAAW,EAAE,YAAY;QACzB,aAAa,EAAE,YAAY;KAC5B,CAAC;IAEF,MAAM,WAAW,GACf,yRAAyR,CAAC;IAE5R,MAAM,IAAI,GAAG,iGAAiG,CAAC;IAE/G,OAAO,CACL,kBAAC,WAAI,IAAC,IAAI,EAAC,aAAa,EAAC,WAAW,EAAE,WAAW,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,WAAW,GAAI,CACtI,CAAC;AAAA,CACH,CAAC;AAjBW,QAAA,UAAU,GAAV,UAAU,CAiBrB"}

package/lib-commonjs/TestComponents/Avatar/BasicAvatar.android.d.ts

@@ -0,0 +1,3 @@
+import type { FunctionComponent } from 'react';
+export declare const StandardUsage: FunctionComponent;
+//# sourceMappingURL=BasicAvatar.android.d.ts.map

package/lib-commonjs/TestComponents/Avatar/BasicAvatar.android.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BasicAvatar.android.d.ts","sourceRoot":"","sources":["../../../src/TestComponents/Avatar/BasicAvatar.android.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAc/C,eAAO,MAAM,aAAa,EAAE,iBAwP3B,CAAC"}