@fluentui-react-native/tester 0.58.0 → 0.58.3

package/lib-commonjs/FluentTester/TestComponents/TabsExperimental/TabsTest.js

@@ -12,7 +12,7 @@ var consts_1 = require("./consts");
 var Test_1 = require("../Test");
 var test_svg_1 = (0, tslib_1.__importDefault)(require("./test.svg"));
 var TabsExperimentalE2ETest_1 = require("./TabsExperimentalE2ETest");
-var tabs = function () {
+var TabsMainTest = function () {
     return (React.createElement(react_native_1.View, { style: styles_1.stackStyle },
         React.createElement(experimental_tabs_1.Tabs, { label: "Tabs" },
             React.createElement(experimental_tabs_1.TabsItem, { headerText: "Home", itemKey: "A" },
@@ -22,7 +22,7 @@ var tabs = function () {
             React.createElement(experimental_tabs_1.TabsItem, { headerText: "Settings", itemKey: "C" },
                 React.createElement(experimental_text_1.Text, null, "Tabs #3")))));
 };
-var disabledTabs = function () {
+var DisabledTabs = function () {
     return (React.createElement(react_native_1.View, { style: styles_1.stackStyle },
         React.createElement(experimental_tabs_1.Tabs, { label: "Tabs" },
             React.createElement(experimental_tabs_1.TabsItem, { headerText: "Home", itemKey: "A" },
@@ -32,7 +32,7 @@ var disabledTabs = function () {
             React.createElement(experimental_tabs_1.TabsItem, { headerText: "Settings", itemKey: "C" },
                 React.createElement(experimental_text_1.Text, null, "Tabs #3")))));
 };
-var tabsCountIcon = function () {
+var TabsCountIcon = function () {
     var svgProps = {
         src: test_svg_1.default,
         viewBox: '0 0 500 500',
@@ -46,7 +46,7 @@ var tabsCountIcon = function () {
             React.createElement(experimental_tabs_1.TabsItem, { itemKey: "C", icon: { svgSource: svgProps, width: 20, height: 20 } },
                 React.createElement(experimental_text_1.Text, null, "Tabs #3")))));
 };
-var onTabsClickEvent = function () {
+var TabsClickEventTest = function () {
     var _a = React.useState('home_key'), selectedKey = _a[0], setSelectedKey = _a[1];
     var onTabsClick = React.useCallback(function (key) {
         setSelectedKey(key);
@@ -61,7 +61,7 @@ var onTabsClickEvent = function () {
             React.createElement(experimental_tabs_1.TabsItem, { headerText: "Settings", itemKey: "settings_key" },
                 React.createElement(experimental_text_1.Text, null, "Tabs #3")))));
 };
-var tabsChangingViews = function () {
+var TabsChangingViews = function () {
     // If User wants to control what gets rendered example
     var _a = React.useState('home'), selectedKey = _a[0], setSelectedKey = _a[1];
     var onTabsClick = React.useCallback(function (key) {
@@ -77,7 +77,7 @@ var tabsChangingViews = function () {
             selectedKey == 'file' && React.createElement(experimental_text_1.Text, null, "Tabs #2"),
             selectedKey == 'settings' && React.createElement(experimental_text_1.Text, null, "Tabs #3"))));
 };
-var tabsRenderSeparately = function () {
+var TabsRenderSeparately = function () {
     var _a = React.useState('rectangleRed'), selectedKey = _a[0], setSelectedKey = _a[1];
     var onTabsClick = React.useCallback(function (key) {
         setSelectedKey(key);
@@ -96,7 +96,7 @@ var tabsRenderSeparately = function () {
             React.createElement(experimental_tabs_1.TabsItem, { headerText: "Square Red", itemKey: "squareRed" }),
             React.createElement(experimental_tabs_1.TabsItem, { headerText: "Rectangle Green", itemKey: "rectangleGreen" }))));
 };
-var tabsSettingSelectedKey = function () {
+var TabsSettingSelectedKey = function () {
     // If user wants to programmatically set the selectedKey to control the view
     var _a = React.useState('home'), selectedKey = _a[0], setSelectedKey = _a[1];
     var _b = React.useState(0), currTabItemIndex = _b[0], setCurrTabItemIndex = _b[1];
@@ -116,7 +116,7 @@ var tabsSettingSelectedKey = function () {
                 React.createElement(experimental_text_1.Text, null, "Tabs #3"))),
         React.createElement(experimental_button_1.Button, { onClick: goToNextTab }, "View Next Tab")));
 };
-var tabsWithFlexibility = function () {
+var TabsWithFlexibility = function () {
     var _a = React.useState('home'), selectedKey = _a[0], setSelectedKey = _a[1];
     var goHomeTab = React.useCallback(function () {
         setSelectedKey('home');
@@ -138,31 +138,31 @@ var tabsSections = [
     {
         name: 'Default Tabs',
         testID: consts_1.EXPERIMENTAL_TABS_TESTPAGE,
-        component: tabs,
+        component: TabsMainTest,
     },
     {
         name: 'Tabs with disabled',
-        component: disabledTabs,
+        component: DisabledTabs,
     },
     {
         name: 'Trigger onTabsClick event',
-        component: onTabsClickEvent,
+        component: TabsClickEventTest,
     },
     {
         name: 'User Custom Render',
-        component: tabsChangingViews,
+        component: TabsChangingViews,
     },
     {
         name: 'Render Content Separately',
-        component: tabsRenderSeparately,
+        component: TabsRenderSeparately,
     },
     {
         name: 'Override Selected Key',
-        component: tabsSettingSelectedKey,
+        component: TabsSettingSelectedKey,
     },
     {
         name: 'More Flexibility',
-        component: tabsWithFlexibility,
+        component: TabsWithFlexibility,
     },
     {
         name: 'E2E Testing Experimental Tabs',
@@ -172,7 +172,7 @@ var tabsSections = [
 if (react_native_1.Platform.OS !== 'windows') {
     tabsSections.push({
         name: 'Count and Icon',
-        component: tabsCountIcon,
+        component: TabsCountIcon,
     });
 }
 var ExperimentalTabsTest = function () {

package/lib-commonjs/FluentTester/TestComponents/TabsExperimental/TabsTest.js.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui-react-native/tester",
-  "version": "0.58.0",
+  "version": "0.58.3",
   "description": "A test app to test FluentUI React Native Components during development",
   "license": "MIT",
   "author": "Microsoft <fluentuinativeowners@microsoft.com>",
@@ -25,31 +25,31 @@
     "directory": "apps/fluent-tester"
   },
   "dependencies": {
-    "@fluentui-react-native/android-theme": ">=0.5.4 <1.0.0",
-    "@fluentui-react-native/apple-theme": ">=0.9.10 <1.0.0",
-    "@fluentui-react-native/badge": ">=0.0.15 <1.0.0",
-    "@fluentui-react-native/button": ">=0.22.5 <1.0.0",
-    "@fluentui-react-native/default-theme": ">=0.9.10 <1.0.0",
-    "@fluentui-react-native/experimental-activity-indicator": ">=0.5.13 <1.0.0",
-    "@fluentui-react-native/experimental-avatar": ">=0.14.5 <1.0.0",
-    "@fluentui-react-native/experimental-button": "0.15.5",
-    "@fluentui-react-native/experimental-checkbox": "0.9.0",
+    "@fluentui-react-native/android-theme": ">=0.5.5 <1.0.0",
+    "@fluentui-react-native/apple-theme": ">=0.9.11 <1.0.0",
+    "@fluentui-react-native/badge": ">=0.0.17 <1.0.0",
+    "@fluentui-react-native/button": ">=0.22.7 <1.0.0",
+    "@fluentui-react-native/default-theme": ">=0.9.11 <1.0.0",
+    "@fluentui-react-native/experimental-activity-indicator": ">=0.5.15 <1.0.0",
+    "@fluentui-react-native/experimental-avatar": ">=0.14.7 <1.0.0",
+    "@fluentui-react-native/experimental-button": "0.15.7",
+    "@fluentui-react-native/experimental-checkbox": "0.10.2",
     "@fluentui-react-native/experimental-native-date-picker": ">=0.4.1 <1.0.0",
-    "@fluentui-react-native/experimental-expander": "0.3.14",
-    "@fluentui-react-native/experimental-menu-button": ">=0.3.14 <1.0.0",
-    "@fluentui-react-native/experimental-shimmer": "0.6.17",
-    "@fluentui-react-native/experimental-tabs": "0.4.24",
-    "@fluentui-react-native/experimental-text": ">=0.7.14 <1.0.0",
-    "@fluentui-react-native/framework": ">=0.7.14 <1.0.0",
-    "@fluentui-react-native/icon": "0.11.9",
-    "@fluentui-react-native/interactive-hooks": ">=0.14.0 <1.0.0",
-    "@fluentui-react-native/stack": ">=0.6.14 <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/experimental-expander": "0.3.16",
+    "@fluentui-react-native/experimental-menu-button": ">=0.3.16 <1.0.0",
+    "@fluentui-react-native/experimental-shimmer": "0.6.19",
+    "@fluentui-react-native/experimental-tabs": "0.4.26",
+    "@fluentui-react-native/experimental-text": ">=0.7.16 <1.0.0",
+    "@fluentui-react-native/framework": ">=0.7.16 <1.0.0",
+    "@fluentui-react-native/icon": "0.11.11",
+    "@fluentui-react-native/interactive-hooks": ">=0.14.2 <1.0.0",
+    "@fluentui-react-native/stack": ">=0.6.16 <1.0.0",
+    "@fluentui-react-native/theme": ">=0.6.5 <1.0.0",
+    "@fluentui-react-native/theme-types": ">=0.14.0 <1.0.0",
     "@fluentui-react-native/themed-stylesheet": "^1.3.2",
-    "@fluentui-react-native/theming-utils": ">=0.8.10 <1.0.0",
-    "@fluentui-react-native/win32-theme": ">=0.14.11 <1.0.0",
-    "@fluentui/react-native": ">=0.27.35 <1.0.0",
+    "@fluentui-react-native/theming-utils": ">=0.9.0 <1.0.0",
+    "@fluentui-react-native/win32-theme": ">=0.14.13 <1.0.0",
+    "@fluentui/react-native": ">=0.27.37 <1.0.0",
     "@react-native-community/slider": "^4.2.0",
     "@react-native-menu/menu": "^0.1.2",
     "@react-native-picker/picker": "^2.2.1",

package/src/FluentTester/TestComponents/ActivityIndicator/ActivityIndicatorTest.tsx

@@ -7,7 +7,7 @@ import { Test, TestSection, PlatformStatus } from '../Test';
 import { ACTIVITY_INDICATOR_TESTPAGE } from './consts';
 import { View, Switch } from 'react-native';
 
-const basicActivityIndicator: React.FunctionComponent = () => {
+const BasicActivityIndicator: React.FunctionComponent = () => {
   const [animating, setAnimating] = React.useState(true);
   const [hidesWhenStopped, setHidesWhenStopped] = React.useState(true);
 
@@ -30,7 +30,7 @@ const basicActivityIndicator: React.FunctionComponent = () => {
   );
 };
 
-const activityIndicatorTest: React.FunctionComponent = () => {
+const ActivityIndicatorMainTest: React.FunctionComponent = () => {
   return (
     <Stack style={stackStyle}>
       <Text>Extra Small</Text>
@@ -57,7 +57,7 @@ const CustomizedActivityIndicator = ActivityIndicator.customize({
   size: 'large',
 });
 
-const customizedActivityIndicatorTest: React.FunctionComponent = () => {
+const CustomizedActivityIndicatorTest: React.FunctionComponent = () => {
   return (
     <Stack style={stackStyle}>
       <Text>Customized Activity Indicator</Text>
@@ -70,17 +70,17 @@ const activityIndicatorSections: TestSection[] = [
   {
     name: 'Base ActivityIndicator',
     testID: ACTIVITY_INDICATOR_TESTPAGE,
-    component: basicActivityIndicator,
+    component: BasicActivityIndicator,
   },
   {
     name: 'ActivityIndicator',
     testID: ACTIVITY_INDICATOR_TESTPAGE,
-    component: activityIndicatorTest,
+    component: ActivityIndicatorMainTest,
   },
   {
     name: 'Customized ActivityIndicator',
     testID: ACTIVITY_INDICATOR_TESTPAGE,
-    component: customizedActivityIndicatorTest,
+    component: CustomizedActivityIndicatorTest,
   },
 ];
 

package/src/FluentTester/TestComponents/Callout/CalloutTest.tsx

@@ -6,7 +6,7 @@ import { Test, TestSection, PlatformStatus } from '../Test';
 import { E2ECalloutTest } from './CalloutE2ETest';
 import { fluentTesterStyles } from '../Common/styles';
 
-const standardCallout: React.FunctionComponent = () => {
+const StandardCallout: React.FunctionComponent = () => {
   const [showStandardCallout, setShowStandardCallout] = React.useState(false);
   const [isStandardCalloutVisible, setIsStandardCalloutVisible] = React.useState(false);
 
@@ -23,29 +23,35 @@ const standardCallout: React.FunctionComponent = () => {
   const [preventDismissOnClickOutside, setPreventDismissOnClickOutside] = React.useState(false);
   const [calloutDismissBehaviors, setDismissBehaviors] = React.useState<DismissBehaviors[]>([]);
 
-  const onPreventDismissOnKeyDownChange = React.useCallback((value) => {
-    setPreventDismissOnKeyDown(value);
-    if (value) {
-      setDismissBehaviors(calloutDismissBehaviors.concat('preventDismissOnKeyDown'));
-    } else {
-      const newDismissBehaviors = calloutDismissBehaviors.filter((value) => {
-        value != 'preventDismissOnKeyDown';
-      });
-      setDismissBehaviors(newDismissBehaviors);
-    }
-  }, []);
-
-  const onPreventDismissOnClickOutsideChange = React.useCallback((value) => {
-    setPreventDismissOnClickOutside(value);
-    if (value) {
-      setDismissBehaviors(calloutDismissBehaviors.concat('preventDismissOnClickOutside'));
-    } else {
-      const newDismissBehaviors = calloutDismissBehaviors.filter((value) => {
-        value != 'preventDismissOnClickOutside';
-      });
-      setDismissBehaviors(newDismissBehaviors);
-    }
-  }, []);
+  const onPreventDismissOnKeyDownChange = React.useCallback(
+    (value) => {
+      setPreventDismissOnKeyDown(value);
+      if (value) {
+        setDismissBehaviors(calloutDismissBehaviors.concat('preventDismissOnKeyDown'));
+      } else {
+        const newDismissBehaviors = calloutDismissBehaviors.filter((value) => {
+          value != 'preventDismissOnKeyDown';
+        });
+        setDismissBehaviors(newDismissBehaviors);
+      }
+    },
+    [calloutDismissBehaviors],
+  );
+
+  const onPreventDismissOnClickOutsideChange = React.useCallback(
+    (value) => {
+      setPreventDismissOnClickOutside(value);
+      if (value) {
+        setDismissBehaviors(calloutDismissBehaviors.concat('preventDismissOnClickOutside'));
+      } else {
+        const newDismissBehaviors = calloutDismissBehaviors.filter((value) => {
+          value != 'preventDismissOnClickOutside';
+        });
+        setDismissBehaviors(newDismissBehaviors);
+      }
+    },
+    [calloutDismissBehaviors],
+  );
 
   const redTargetRef = React.useRef<View>(null);
   const blueTargetRef = React.useRef<View>(null);
@@ -113,7 +119,7 @@ const standardCallout: React.FunctionComponent = () => {
 
   const addButton = React.useCallback(() => {
     setScrollviewContents((arr) => [...arr, 1]);
-  }, [setScrollviewContents, scrollviewContents]);
+  }, [setScrollviewContents]);
 
   return (
     <View>
@@ -245,7 +251,7 @@ const standardCallout: React.FunctionComponent = () => {
   );
 };
 
-const customCallout: React.FunctionComponent = () => {
+const CustomCallout: React.FunctionComponent = () => {
   const [showCustomizedCallout, setShowCustomizedCallout] = React.useState(false);
   const [isCustomizedCalloutVisible, setIsCustomizedCalloutVisible] = React.useState(false);
 
@@ -304,11 +310,11 @@ const calloutSections: TestSection[] = [
   {
     name: 'Standard Usage',
     testID: CALLOUT_TESTPAGE,
-    component: standardCallout,
+    component: StandardCallout,
   },
   {
     name: 'Customized Usage',
-    component: customCallout,
+    component: CustomCallout,
   },
   {
     name: 'E2E Testing Callout',

package/src/FluentTester/TestComponents/Checkbox/CheckboxTest.tsx

@@ -11,7 +11,7 @@ function onChangeUncontrolled(isChecked: boolean) {
   console.log(isChecked);
 }
 
-const basicCheckbox: React.FunctionComponent = () => {
+const BasicCheckbox: React.FunctionComponent = () => {
   return (
     <View>
       <Checkbox label="Unchecked checkbox (undefined)" onChange={onChangeUncontrolled} />
@@ -29,7 +29,7 @@ const basicCheckbox: React.FunctionComponent = () => {
   );
 };
 
-const otherCheckbox: React.FunctionComponent = () => {
+const OtherCheckbox: React.FunctionComponent = () => {
   const [isCheckedControlled1, setCheckedControlled1] = React.useState(false);
   const onChangeControlled1 = React.useCallback((checked) => {
     setCheckedControlled1(checked);
@@ -87,7 +87,7 @@ const HoverCheckbox = Checkbox.customize({
   },
 });
 
-const tokenCheckbox: React.FunctionComponent = () => {
+const TokenCheckbox: React.FunctionComponent = () => {
   const [checkboxColor, setCheckboxColor] = React.useState('blue');
   const [checkmarkColor, setCheckmarkColor] = React.useState('white');
 
@@ -148,15 +148,15 @@ const checkboxSections: TestSection[] = [
   {
     name: 'Basic Checkboxes',
     testID: CHECKBOX_TESTPAGE,
-    component: basicCheckbox,
+    component: BasicCheckbox,
   },
   {
     name: 'Other Implementations',
-    component: otherCheckbox,
+    component: OtherCheckbox,
   },
   {
     name: 'Token Customized Checkboxes',
-    component: tokenCheckbox,
+    component: TokenCheckbox,
   },
   {
     name: 'Checkbox for E2E Testing',

package/src/FluentTester/TestComponents/CheckboxExperimental/CheckboxTest.tsx

@@ -12,7 +12,7 @@ function onChangeUncontrolled(_e: InteractionEvent, isChecked: boolean) {
   console.log(isChecked);
 }
 
-const basicCheckbox: React.FunctionComponent = () => {
+const BasicCheckbox: React.FunctionComponent = () => {
   return (
     <View>
       <Checkbox label="Unchecked checkbox (undefined)" onChange={onChangeUncontrolled} />
@@ -23,11 +23,12 @@ const basicCheckbox: React.FunctionComponent = () => {
       <Checkbox label="Checkbox will display a tooltip" tooltip="This is a tooltip" />
       <Checkbox label="A circular checkbox" shape="circular" />
       <Checkbox label="A checkbox with label placed before" labelPosition="before" />
+      <Checkbox label="A required checkbox" required />
     </View>
   );
 };
 
-const sizeCheckbox: React.FunctionComponent = () => {
+const SizeCheckbox: React.FunctionComponent = () => {
   return (
     <View>
       <Checkbox tooltip="Medium checkbox" size="medium" />
@@ -38,7 +39,7 @@ const sizeCheckbox: React.FunctionComponent = () => {
   );
 };
 
-const otherCheckbox: React.FunctionComponent = () => {
+const OtherCheckbox: React.FunctionComponent = () => {
   const [isCheckedControlled1, setCheckedControlled1] = React.useState(false);
   const onChangeControlled1 = React.useCallback((checked) => {
     setCheckedControlled1(checked);
@@ -58,6 +59,7 @@ const otherCheckbox: React.FunctionComponent = () => {
         labelPosition="before"
         checked={Boolean(isCheckedControlled2)}
       />
+      <Checkbox label="A required checkbox with other required text" required="**" />
     </View>
   );
 };
@@ -84,7 +86,7 @@ const HoverCheckbox = Checkbox.customize({
   },
 });
 
-const tokenCheckbox: React.FunctionComponent = () => {
+const TokenCheckbox: React.FunctionComponent = () => {
   const [checkboxColor, setCheckboxColor] = React.useState('blue');
   const [checkmarkColor, setCheckmarkColor] = React.useState('white');
 
@@ -145,19 +147,19 @@ const checkboxSections: TestSection[] = [
   {
     name: 'Basic Checkboxes',
     testID: EXPERIMENTAL_CHECKBOX_TESTPAGE,
-    component: basicCheckbox,
+    component: BasicCheckbox,
   },
   {
     name: 'Size Checkboxes',
-    component: sizeCheckbox,
+    component: SizeCheckbox,
   },
   {
     name: 'Other Implementations',
-    component: otherCheckbox,
+    component: OtherCheckbox,
   },
   {
     name: 'Token Customized Checkboxes',
-    component: tokenCheckbox,
+    component: TokenCheckbox,
   },
   {
     name: 'E2E Testing for Experimental Checkbox',

package/src/FluentTester/TestComponents/Common/Slider.tsx

@@ -121,7 +121,7 @@ export const Slider: React.FunctionComponent<ISliderProps> = (props: ISliderProp
         setThumbLocation(initialThumbLocation);
       });
     }
-  }, [ref.current, initialValue, maximum, minimum]);
+  }, [ref, initialValue, maximum, minimum]);
 
   return (
     <View style={[userStyle, styles.root]}>

package/src/FluentTester/TestComponents/ContextualMenu/ContextualMenuTest.tsx

@@ -16,7 +16,7 @@ import { Test, TestSection, PlatformStatus } from '../Test';
 import { svgProps, fontProps, testImage } from '../Common/iconExamples';
 import { E2EContextualMenuTest } from './E2EContextualMenuTest';
 
-const contextualMenu: React.FunctionComponent = () => {
+const ContextualMenuMainTest: React.FunctionComponent = () => {
   const stdBtnRef = React.useRef(null);
 
   const [showContextualMenu, setShowContextualMenu] = React.useState(false);
@@ -114,7 +114,7 @@ const contextualMenu: React.FunctionComponent = () => {
   );
 };
 
-const nestedContextualMenu: React.FunctionComponent = () => {
+const NestedContextualMenu: React.FunctionComponent = () => {
   const stdBtnRef = React.useRef(null);
 
   const [showContextualMenu, setShowContextualMenu] = React.useState(false);
@@ -472,11 +472,11 @@ const contextualMenuSections: TestSection[] = [
   {
     name: 'Standard ContextualMenu',
     testID: CONTEXTUALMENU_TESTPAGE,
-    component: contextualMenu,
+    component: ContextualMenuMainTest,
   },
   {
     name: 'Nested ContextualMenu',
-    component: nestedContextualMenu,
+    component: NestedContextualMenu,
   },
   {
     name: 'IconButton with Customized ContextualMenu',

package/src/FluentTester/TestComponents/Expander/ExpanderTest.tsx

@@ -30,7 +30,7 @@ const CustomizedExpander = Expander.customize({
   chevronBorderThickness: 2,
 });
 
-const expanderTest: React.FunctionComponent = () => {
+const ExpanderMainTest: React.FunctionComponent = () => {
   /** This test page has not yet been tested and does not currently build because
    * the react-native-test-app does not yet support WinUI 2.6
    * Filed issue in react-native-test-app: https://github.com/microsoft/react-native-test-app/issues/444
@@ -87,7 +87,7 @@ const expanderTest: React.FunctionComponent = () => {
   );
 };
 
-const basicExpander: React.FunctionComponent = () => {
+const BasicExpander: React.FunctionComponent = () => {
   return (
     <Stack style={stackStyle}>
       <View style={commonStyles.root}>
@@ -104,12 +104,12 @@ const expanderSections: TestSection[] = [
   {
     name: 'BaseExpander',
     testID: EXPANDER_TESTPAGE,
-    component: basicExpander,
+    component: BasicExpander,
   },
   {
     name: 'Expander',
     testID: EXPANDER_TESTPAGE,
-    component: expanderTest,
+    component: ExpanderMainTest,
   },
 ];
 

package/src/FluentTester/TestComponents/FocusTrapZone/FocusTrapZoneTest.tsx

@@ -52,7 +52,7 @@ export const ComponentTwiddler: React.FunctionComponent<IComponentTwiddlerProps>
   );
 };
 
-const basicFocusTrapZone: React.FunctionComponent = () => {
+const BasicFocusTrapZone: React.FunctionComponent = () => {
   const [state, setState] = React.useState({
     useTrapZone: false,
     renderTrapZone: true,
@@ -133,7 +133,7 @@ const focusTrapZoneSections: TestSection[] = [
   {
     name: 'Basic FocusTrapZone Usage',
     testID: FOCUSTRAPZONE_TESTPAGE,
-    component: basicFocusTrapZone,
+    component: BasicFocusTrapZone,
   },
 ];