@fluentui-react-native/tester-core 0.1.1

package/lib-commonjs/TestComponents/FocusZone/FocusZoneE2ETest.js

@@ -0,0 +1,159 @@
+'use strict';
+var __importDefault =
+  (this && this.__importDefault) ||
+  function (mod) {
+    return mod && mod.__esModule ? mod : { default: mod };
+  };
+Object.defineProperty(exports, '__esModule', { value: true });
+exports.FocusZone2D =
+  exports.GridOfButtons =
+  exports.FocusZoneListWrapper =
+  exports.FocusZoneTabNavigations =
+  exports.FocusZoneDirections =
+    void 0;
+const jsx_runtime_1 = require('react/jsx-runtime');
+const react_1 = __importDefault(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 switch_1 = require('@fluentui-react-native/switch');
+const styles_1 = require('./styles');
+const styles_2 = require('../Common/styles');
+const TestProps_1 = require('../Common/TestProps');
+exports.FocusZoneDirections = ['bidirectional', 'horizontal', 'vertical', 'none'];
+exports.FocusZoneTabNavigations = ['None', 'NavigateWrap', 'NavigateStopAtEnds', 'Normal'];
+// Buttons by default focus on click on Win32, but they don't on the Mac, so place focus explicitly for convenience
+function useFocusOnClickForMac() {
+  const componentRef = react_1.default.useRef(null);
+  const onClick = react_1.default.useCallback(() => componentRef.current?.focus(), [componentRef]);
+  return react_native_1.Platform.OS === 'macos' ? { componentRef, onClick } : {};
+}
+const FocusZoneListWrapper = ({ beforeID, afterID, children }) => {
+  const buttonProps = { children: 'Click to Focus', style: styles_1.focusZoneTestStyles.listWrapperButton };
+  return jsx_runtime_1.jsxs(jsx_runtime_1.Fragment, {
+    children: [
+      jsx_runtime_1.jsx(button_1.ButtonV1, { ...buttonProps, ...useFocusOnClickForMac(), ...(0, TestProps_1.testProps)(beforeID) }),
+      children,
+      jsx_runtime_1.jsx(button_1.ButtonV1, { ...buttonProps, ...useFocusOnClickForMac(), ...(0, TestProps_1.testProps)(afterID) }),
+    ],
+  });
+};
+exports.FocusZoneListWrapper = FocusZoneListWrapper;
+const GridOfButtons = (props) => {
+  return jsx_runtime_1.jsx(react_native_1.View, {
+    style: styles_1.focusZoneTestStyles.dashedBorder,
+    children: [...Array(props.gridHeight)].map((_value, heightIndex) => {
+      return jsx_runtime_1.jsx(
+        react_native_1.View,
+        {
+          style: styles_1.focusZoneTestStyles.focusZoneViewStyle,
+          children: [...Array(props.gridWidth)].map((_value, widthIndex) => {
+            const gridIndex = heightIndex * props.gridWidth + widthIndex + 1;
+            return jsx_runtime_1.jsx(
+              styles_1.GridButton,
+              {
+                style: styles_1.focusZoneTestStyles.focusZoneButton,
+                componentRef: gridIndex === props.tabbableIdx ? props.tabRef : undefined,
+                ...(0, TestProps_1.testProps)(props.e2etesting ? (0, e2e_testing_1.FOCUSZONE_GRID_BUTTON)(gridIndex) : undefined),
+                children: jsx_runtime_1.jsx(react_native_2.Text, { children: gridIndex }),
+              },
+              widthIndex,
+            );
+          }),
+        },
+        heightIndex,
+      );
+    }),
+  });
+};
+exports.GridOfButtons = GridOfButtons;
+const FocusZone2D = () => {
+  const [is2DNav, set2dNav] = react_1.default.useState(false);
+  const [isDisabled, setDisabled] = react_1.default.useState(false);
+  const [isCircularNav, setIsCircularNav] = react_1.default.useState(false);
+  const [useDeffaultTabbableElement, setUseDeffaultTabbableElement] = react_1.default.useState(false);
+  const [direction, setDirection] = react_1.default.useState('bidirectional');
+  const tabbableRef = react_1.default.useRef(null);
+  return jsx_runtime_1.jsxs(react_native_1.View, {
+    style: styles_2.commonTestStyles.root,
+    children: [
+      jsx_runtime_1.jsxs(react_native_1.View, {
+        style: styles_2.commonTestStyles.settings,
+        children: [
+          jsx_runtime_1.jsx(react_native_2.Text, {
+            variant: 'subheaderSemibold',
+            ...(0, TestProps_1.testProps)(e2e_testing_1.FOCUSZONE_TEST_COMPONENT),
+            children: 'FocusZone Direction',
+          }),
+          jsx_runtime_1.jsx(react_native_2.MenuButton, {
+            content: `Current direction: ${direction}`,
+            menuItems: exports.FocusZoneDirections.map((dir) => ({
+              itemKey: dir,
+              text: dir,
+              testID: (0, e2e_testing_1.FOCUSZONE_DIRECTION_ID)(dir),
+            })),
+            onItemClick: (dir) => setDirection(dir),
+            ...(0, TestProps_1.testProps)(e2e_testing_1.FOCUSZONE_DIRECTION_PICKER),
+          }),
+          jsx_runtime_1.jsx(
+            switch_1.Switch,
+            /* For Android E2E testing purposes, testProps must be passed in after accessibilityLabel. */
+            {
+              ...(0, TestProps_1.testProps)(e2e_testing_1.FOCUSZONE_TWO_DIM_SWITCH),
+              label: '2D Navigation',
+              checked: is2DNav,
+              onChange: (_, checked) => set2dNav(checked),
+            },
+          ),
+          jsx_runtime_1.jsx(
+            switch_1.Switch,
+            /* For Android E2E testing purposes, testProps must be passed in after accessibilityLabel. */
+            {
+              ...(0, TestProps_1.testProps)(e2e_testing_1.FOCUSZONE_DISABLED_SWITCH),
+              label: 'Disabled',
+              checked: isDisabled,
+              onChange: (_, checked) => setDisabled(checked),
+            },
+          ),
+          jsx_runtime_1.jsx(
+            switch_1.Switch,
+            /* For Android E2E testing purposes, testProps must be passed in after accessibilityLabel. */
+            {
+              ...(0, TestProps_1.testProps)(e2e_testing_1.FOCUSZONE_CIRCLE_NAV_SWITCH),
+              label: 'Circular Navigation',
+              checked: isCircularNav,
+              onChange: (_, checked) => setIsCircularNav(checked),
+            },
+          ),
+          jsx_runtime_1.jsx(switch_1.Switch, {
+            label: 'Use Default Tabbable Element',
+            checked: useDeffaultTabbableElement,
+            onChange: (_, checked) => setUseDeffaultTabbableElement(checked),
+            ...(0, TestProps_1.testProps)(e2e_testing_1.FOCUSZONE_DEFAULT_TABBABLE_SWITCH),
+          }),
+        ],
+      }),
+      jsx_runtime_1.jsx(exports.FocusZoneListWrapper, {
+        beforeID: e2e_testing_1.FOCUSZONE_GRID_BEFORE,
+        afterID: e2e_testing_1.FOCUSZONE_GRID_AFTER,
+        children: jsx_runtime_1.jsx(react_native_2.FocusZone, {
+          disabled: isDisabled,
+          use2DNavigation: is2DNav,
+          focusZoneDirection: direction,
+          isCircularNavigation: isCircularNav,
+          defaultTabbableElement: useDeffaultTabbableElement ? tabbableRef : undefined,
+          children: jsx_runtime_1.jsx(exports.GridOfButtons, {
+            gridWidth: 3,
+            gridHeight: 3,
+            tabRef: tabbableRef,
+            tabbableIdx: 4,
+            e2etesting: true,
+          }),
+        }),
+      }),
+    ],
+  });
+};
+exports.FocusZone2D = FocusZone2D;
+//# sourceMappingURL=FocusZoneE2ETest.js.map

package/lib-commonjs/TestComponents/FocusZone/FocusZoneE2ETest.js.map

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

package/lib-commonjs/TestComponents/FocusZone/FocusZoneTest.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+export declare const FirstFocusTest: () => import('react/jsx-runtime').JSX.Element;
+export declare const FocusZoneTest: React.FunctionComponent;
+//# sourceMappingURL=FocusZoneTest.d.ts.map

package/lib-commonjs/TestComponents/FocusZone/FocusZoneTest.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FocusZoneTest.d.ts","sourceRoot":"","sources":["../../../src/TestComponents/FocusZone/FocusZoneTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA8N/B,eAAO,MAAM,cAAc,+CAwC1B,CAAC;AA0DF,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,iBAYjC,CAAC"}

package/lib-commonjs/TestComponents/FocusZone/FocusZoneTest.js

@@ -0,0 +1,408 @@
+'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.FocusZoneTest = exports.FirstFocusTest = 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 experimental_checkbox_1 = require('@fluentui-react-native/experimental-checkbox');
+const FocusZoneE2ETest_1 = require('./FocusZoneE2ETest');
+const styles_1 = require('./styles');
+const MenuPicker_1 = require('../Common/MenuPicker');
+const Test_1 = require('../Test');
+const directionCollection = FocusZoneE2ETest_1.FocusZoneDirections.map((dir) => ({ label: dir, value: dir }));
+const Checkboxes = (props) => {
+  return jsx_runtime_1.jsxs(react_native_1.View, {
+    style: styles_1.focusZoneTestStyles.dashedBorder,
+    children: [
+      jsx_runtime_1.jsx(experimental_checkbox_1.Checkbox, { label: 'Option A', ...props }),
+      jsx_runtime_1.jsx(experimental_checkbox_1.Checkbox, { label: 'Option B', ...props }),
+      jsx_runtime_1.jsx(experimental_checkbox_1.Checkbox, { label: 'Option C', ...props }),
+    ],
+  });
+};
+const DirectionalFocusZone = () => {
+  const [direction, setDirection] = React.useState('none');
+  return jsx_runtime_1.jsxs(jsx_runtime_1.Fragment, {
+    children: [
+      jsx_runtime_1.jsx(MenuPicker_1.MenuPicker, {
+        prompt: 'Direction',
+        selected: direction,
+        onChange: setDirection,
+        collection: directionCollection,
+      }),
+      jsx_runtime_1.jsx(react_native_2.FocusZone, { focusZoneDirection: direction, children: jsx_runtime_1.jsx(Checkboxes, {}) }),
+    ],
+  });
+};
+const CommonUsageFocusZone = () => {
+  return jsx_runtime_1.jsxs(FocusZoneE2ETest_1.FocusZoneListWrapper, {
+    children: [
+      jsx_runtime_1.jsxs(react_native_2.FocusZone, {
+        isCircularNavigation: true,
+        children: [
+          jsx_runtime_1.jsx(styles_1.SubheaderText, { children: 'FocusZone with Circular Navigation' }),
+          jsx_runtime_1.jsx(Checkboxes, {}),
+        ],
+      }),
+      jsx_runtime_1.jsxs(react_native_2.FocusZone, {
+        disabled: true,
+        children: [jsx_runtime_1.jsx(styles_1.SubheaderText, { children: 'Disabled FocusZone' }), jsx_runtime_1.jsx(Checkboxes, {})],
+      }),
+    ],
+  });
+};
+const FocusZoneInsideScrollView = () => {
+  return jsx_runtime_1.jsx(FocusZoneE2ETest_1.FocusZoneListWrapper, {
+    children: jsx_runtime_1.jsx(react_native_2.FocusZone, {
+      focusZoneDirection: 'bidirectional',
+      children: jsx_runtime_1.jsxs(react_native_1.View, {
+        style: styles_1.focusZoneTestStyles.dashedBorder,
+        children: [
+          jsx_runtime_1.jsx(button_1.ButtonV1, { style: styles_1.focusZoneTestStyles.listWrapperButton, children: 'Inside Focus Zone' }),
+          jsx_runtime_1.jsxs(react_native_1.ScrollView, {
+            focusable: false,
+            style: styles_1.focusZoneTestStyles.scrollViewStyle,
+            contentContainerStyle: styles_1.focusZoneTestStyles.scrollViewContentStyle,
+            showsVerticalScrollIndicator: true,
+            children: [
+              jsx_runtime_1.jsx(button_1.ButtonV1, { style: styles_1.focusZoneTestStyles.scrollViewButton, children: '1' }),
+              jsx_runtime_1.jsx(button_1.ButtonV1, { style: styles_1.focusZoneTestStyles.scrollViewButton, children: '2' }),
+              jsx_runtime_1.jsx(button_1.ButtonV1, { style: styles_1.focusZoneTestStyles.scrollViewButton, children: '3' }),
+            ],
+          }),
+        ],
+      }),
+    }),
+  });
+};
+const FocusZoneNoFocusableElements = () => {
+  return jsx_runtime_1.jsx(react_native_2.FocusZone, { children: jsx_runtime_1.jsx(Checkboxes, { disabled: true }) });
+};
+const FocusZoneNoProps = () => {
+  return jsx_runtime_1.jsx(react_native_2.FocusZone, { children: jsx_runtime_1.jsx(Checkboxes, {}) });
+};
+const FocusZoneTabNavigationComponent = () => {
+  const [tabNavigation, setTabNavigation] = React.useState('None');
+  return jsx_runtime_1.jsxs(react_native_1.View, {
+    children: [
+      jsx_runtime_1.jsx(react_native_2.Text, { children: 'FocusZone Tab Navigation' }),
+      jsx_runtime_1.jsx(react_native_2.MenuButton, {
+        content: `Current tab key navigation: ${tabNavigation}`,
+        menuItems: FocusZoneE2ETest_1.FocusZoneTabNavigations.map((dir) => ({
+          itemKey: dir,
+          text: dir,
+        })),
+        onItemClick: (dir) => setTabNavigation(dir),
+      }),
+      jsx_runtime_1.jsx(react_native_2.FocusZone, { tabKeyNavigation: tabNavigation, children: jsx_runtime_1.jsx(Checkboxes, {}) }),
+    ],
+  });
+};
+const TinyBox = () => {
+  const ref = React.useRef(null);
+  const onPress = (0, react_native_2.useOnPressWithFocus)(ref, null);
+  return jsx_runtime_1.jsx(react_native_1.Pressable, {
+    focusable: true,
+    style: styles_1.focusZoneTestStyles.smallBoxStyle,
+    ref: ref,
+    onPress: onPress,
+  });
+};
+const WideBox = () => {
+  const ref = React.useRef(null);
+  const onPress = (0, react_native_2.useOnPressWithFocus)(ref, null);
+  return jsx_runtime_1.jsx(react_native_1.Pressable, {
+    focusable: true,
+    style: styles_1.focusZoneTestStyles.wideBoxStyle,
+    ref: ref,
+    onPress: onPress,
+  });
+};
+const TinyText = () => {
+  return jsx_runtime_1.jsx(react_native_2.Text, { selectable: true, style: styles_1.focusZoneTestStyles.smallBoxStyle, children: 'Hi' });
+};
+const WideText = () => {
+  return jsx_runtime_1.jsx(react_native_2.Text, {
+    selectable: true,
+    style: styles_1.focusZoneTestStyles.wideBoxStyle,
+    children: 'Hello world',
+  });
+};
+const DifferentSizesTest = () => {
+  return jsx_runtime_1.jsx(react_native_2.FocusZone, {
+    focusZoneDirection: 'bidirectional',
+    children: jsx_runtime_1.jsxs(react_native_1.View, {
+      style: styles_1.focusZoneTestStyles.dashedBorder,
+      children: [
+        jsx_runtime_1.jsx(WideBox, {}),
+        jsx_runtime_1.jsx(TinyBox, {}),
+        jsx_runtime_1.jsx(WideBox, {}),
+        jsx_runtime_1.jsx(TinyText, {}),
+        jsx_runtime_1.jsx(WideText, {}),
+      ],
+    }),
+  });
+};
+const NestedFocusZone = () => {
+  return jsx_runtime_1.jsx(FocusZoneE2ETest_1.FocusZoneListWrapper, {
+    children: jsx_runtime_1.jsxs(jsx_runtime_1.Fragment, {
+      children: [
+        jsx_runtime_1.jsx(react_native_2.Text, { children: 'Parent FocusZone, vertical' }),
+        jsx_runtime_1.jsx(react_native_1.View, {
+          style: styles_1.focusZoneTestStyles.nestedFocusZoneStyle,
+          children: jsx_runtime_1.jsxs(react_native_2.FocusZone, {
+            focusZoneDirection: 'vertical',
+            children: [
+              jsx_runtime_1.jsx(react_native_2.Text, { children: 'Inner FocusZone 1, horizontal' }),
+              jsx_runtime_1.jsx(react_native_2.FocusZone, {
+                focusZoneDirection: 'horizontal',
+                children: jsx_runtime_1.jsx(FocusZoneE2ETest_1.GridOfButtons, { gridWidth: 3, gridHeight: 1 }),
+              }),
+              jsx_runtime_1.jsx(react_native_2.Text, { children: 'Inner FocusZone 2, horizontal' }),
+              jsx_runtime_1.jsx(react_native_2.FocusZone, {
+                focusZoneDirection: 'horizontal',
+                children: jsx_runtime_1.jsx(FocusZoneE2ETest_1.GridOfButtons, { gridWidth: 3, gridHeight: 1 }),
+              }),
+              jsx_runtime_1.jsx(button_1.ButtonV1, { children: 'Inside Focus Zone' }),
+            ],
+          }),
+        }),
+      ],
+    }),
+  });
+};
+const FocusZoneGrid = () => {
+  const [isCircularNavigation, setCircularNavigation] = React.useState(true);
+  const [tabNavigation, setTabNavigation] = React.useState('None');
+  const onCircularNavigationChange = React.useCallback((_, isChecked) => setCircularNavigation(isChecked), []);
+  return jsx_runtime_1.jsx(FocusZoneE2ETest_1.FocusZoneListWrapper, {
+    children: jsx_runtime_1.jsxs(jsx_runtime_1.Fragment, {
+      children: [
+        jsx_runtime_1.jsx(react_native_2.Text, { children: 'FocusZone Grid' }),
+        jsx_runtime_1.jsx(experimental_checkbox_1.Checkbox, {
+          label: 'Circular Navigation',
+          checked: isCircularNavigation,
+          onChange: onCircularNavigationChange,
+        }),
+        jsx_runtime_1.jsx(react_native_2.MenuButton, {
+          content: `Tab key navigation: ${tabNavigation}`,
+          menuItems: FocusZoneE2ETest_1.FocusZoneTabNavigations.map((dir) => ({
+            itemKey: dir,
+            text: dir,
+          })),
+          onItemClick: (dir) => setTabNavigation(dir),
+        }),
+        jsx_runtime_1.jsx(react_native_2.FocusZone, {
+          isCircularNavigation: true,
+          tabKeyNavigation: tabNavigation,
+          children: jsx_runtime_1.jsx(FocusZoneE2ETest_1.GridOfButtons, { gridWidth: 3, gridHeight: 3 }),
+        }),
+      ],
+    }),
+  });
+};
+const FocusZoneTextInput = () => {
+  return jsx_runtime_1.jsx(FocusZoneE2ETest_1.FocusZoneListWrapper, {
+    children: jsx_runtime_1.jsxs(jsx_runtime_1.Fragment, {
+      children: [
+        jsx_runtime_1.jsx(react_native_2.Text, { children: 'FocusZone Grid' }),
+        jsx_runtime_1.jsx(react_native_2.FocusZone, { children: jsx_runtime_1.jsx(react_native_1.TextInput, { multiline: true }) }),
+      ],
+    }),
+  });
+};
+const FirstFocusTest = () => {
+  const outerNormalRef = React.useRef(null);
+  const innerNormalRef = React.useRef(null);
+  const innerDirectRef = React.useRef(null);
+  const innerFZRef = React.useRef(null);
+  const outerNativeID = 'nativeIDToOuterButton';
+  const innerNativeID = 'nativeIDToInnerButton';
+  const innerDirectNativeID = 'nativeIDDirectToInnerButton';
+  const [outerFocusZoneTabbableElement, setOuterFocusZoneTabbableElement] = React.useState();
+  const [innerFocusZoneTabbableElement, setInnerFocusZoneTabbableElement] = React.useState();
+  return jsx_runtime_1.jsxs(react_native_2.FocusZone, {
+    defaultTabbableElement: outerFocusZoneTabbableElement,
+    tabKeyNavigation: 'Normal',
+    children: [
+      jsx_runtime_1.jsxs(react_native_1.View, {
+        children: [
+          jsx_runtime_1.jsx(button_1.ButtonV1, {
+            onClick: () => setOuterFocusZoneTabbableElement(undefined),
+            children: 'clear OuterFocusZone',
+          }),
+          jsx_runtime_1.jsx(button_1.ButtonV1, {
+            componentRef: outerNormalRef,
+            onClick: () => setOuterFocusZoneTabbableElement(outerNormalRef),
+            children: 'Test ref',
+          }),
+          jsx_runtime_1.jsx(button_1.ButtonV1, {
+            nativeID: outerNativeID,
+            onClick: () => setOuterFocusZoneTabbableElement(outerNativeID),
+            children: 'Test nativeId',
+          }),
+        ],
+      }),
+      jsx_runtime_1.jsxs(react_native_2.FocusZone, {
+        componentRef: innerFZRef,
+        defaultTabbableElement: innerFocusZoneTabbableElement,
+        children: [
+          jsx_runtime_1.jsx(button_1.ButtonV1, {
+            onClick: () => setInnerFocusZoneTabbableElement(undefined),
+            children: 'clear InnerFocusZone',
+          }),
+          jsx_runtime_1.jsx(button_1.ButtonV1, {
+            componentRef: innerDirectRef,
+            onClick: () => setOuterFocusZoneTabbableElement(innerDirectRef),
+            children: 'Test nested (direct ref)',
+          }),
+          jsx_runtime_1.jsx(button_1.ButtonV1, {
+            nativeID: innerDirectNativeID,
+            onClick: () => setOuterFocusZoneTabbableElement(innerDirectNativeID),
+            children: 'Test nested (direct nativeID)',
+          }),
+          jsx_runtime_1.jsx(button_1.ButtonV1, {
+            componentRef: innerNormalRef,
+            onClick: () => setInnerFocusZoneTabbableElement(innerNormalRef),
+            children: 'Test inner zone (ref)',
+          }),
+          jsx_runtime_1.jsx(button_1.ButtonV1, {
+            nativeID: innerNativeID,
+            onClick: () => setInnerFocusZoneTabbableElement(innerNativeID),
+            children: 'Test inner zone (nativeID)',
+          }),
+          jsx_runtime_1.jsx(button_1.ButtonV1, {
+            onClick: () => setOuterFocusZoneTabbableElement(innerFZRef),
+            children: 'Test nested (transitive)',
+          }),
+        ],
+      }),
+    ],
+  });
+};
+exports.FirstFocusTest = FirstFocusTest;
+const focusZoneSections = [
+  {
+    name: 'First Focus FocusZone Usage',
+    component: exports.FirstFocusTest,
+    testID: e2e_testing_1.FOCUSZONE_TESTPAGE,
+  },
+  {
+    name: 'Common FocusZone Usage',
+    component: CommonUsageFocusZone,
+    testID: e2e_testing_1.FOCUSZONE_TESTPAGE,
+  },
+  {
+    name: 'Directional FocusZone Usage',
+    component: DirectionalFocusZone,
+  },
+  {
+    name: 'FocusZone with Tab Key Abstraction',
+    component: FocusZoneTabNavigationComponent,
+  },
+  {
+    name: 'ScrollView inside FocusZone',
+    component: FocusZoneInsideScrollView,
+  },
+  {
+    name: 'FocusZone with no focusable components',
+    component: FocusZoneNoFocusableElements,
+  },
+  {
+    name: 'FocusZone with no props',
+    component: FocusZoneNoProps,
+  },
+  {
+    name: 'Different Sized Children',
+    component: DifferentSizesTest,
+  },
+  {
+    name: 'Nested FocusZone',
+    component: NestedFocusZone,
+  },
+  {
+    name: 'FocusZone Grid',
+    component: FocusZoneGrid,
+  },
+  {
+    name: 'FocusZone with TextInput',
+    component: FocusZoneTextInput,
+  },
+];
+const e2eSections = [
+  {
+    name: '2D Navigation + E2E Testing',
+    component: FocusZoneE2ETest_1.FocusZone2D,
+  },
+];
+const FocusZoneTest = () => {
+  const status = {
+    win32Status: 'Production',
+    uwpStatus: 'Backlog',
+    iosStatus: 'Backlog',
+    macosStatus: 'Production',
+    androidStatus: 'Backlog',
+  };
+  return jsx_runtime_1.jsx(Test_1.Test, {
+    name: 'FocusZone Test',
+    description: 'No description.',
+    sections: focusZoneSections,
+    status: status,
+    e2eSections: e2eSections,
+  });
+};
+exports.FocusZoneTest = FocusZoneTest;
+//# sourceMappingURL=FocusZoneTest.js.map

package/lib-commonjs/TestComponents/FocusZone/FocusZoneTest.js.map

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

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

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

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

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

package/lib-commonjs/TestComponents/FocusZone/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('./FocusZoneTest'), exports);
+//# sourceMappingURL=index.js.map

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

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