@fluentui-react-native/tester 0.84.3 → 0.85.0

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

@@ -1 +1 @@
-{"version":3,"file":"FluentTesterApp.d.ts","sourceRoot":"","sources":["../src/FluentTesterApp.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAgB,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAiCjE,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAYtE,CAAC"}
+{"version":3,"file":"FluentTesterApp.d.ts","sourceRoot":"","sources":["../src/FluentTesterApp.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAgB,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAgCjE,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAYtE,CAAC"}

package/lib-commonjs/FluentTesterApp.js

@@ -6,7 +6,6 @@ var theme_1 = require("@fluentui-react-native/theme");
 var React = (0, tslib_1.__importStar)(require("react"));
 var react_native_1 = require("react-native");
 var FluentTester_1 = require("./FluentTester");
-var testPages_1 = require("./testPages");
 var index_1 = require("./theme/index");
 /**
  * Hook that "guesses" our Size Class on iOS based on our window width.
@@ -42,7 +41,7 @@ var FluentTesterApp = function (props) {
     // If on iPad we are presented in a Split View or Slide Over context, show the single pane view.
     var shouldShowSinglePane = isMobile || (!isMobile && sizeClass === 'compact');
     return (React.createElement(theme_1.ThemeProvider, { theme: index_1.testerTheme },
-        React.createElement(FluentTester_1.FluentTester, (0, tslib_1.__assign)({ enabledTests: testPages_1.tests, enableSinglePaneView: shouldShowSinglePane }, props))));
+        React.createElement(FluentTester_1.FluentTester, (0, tslib_1.__assign)({ enableSinglePaneView: shouldShowSinglePane }, props))));
 };
 exports.FluentTesterApp = FluentTesterApp;
 //# sourceMappingURL=FluentTesterApp.js.map

package/lib-commonjs/FluentTesterApp.js.map

@@ -1 +1 @@
-{"version":3,"file":"FluentTesterApp.js","sourceRoot":"","sources":["../src/FluentTesterApp.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;AAEb,sDAA6D;AAC7D,wDAA+B;AAC/B,6CAA6D;AAC7D,+CAAiE;AACjE,yCAAoC;AACpC,uCAA4C;AAI5C;;;;;;;;GAQG;AACH,IAAM,0BAA0B,GAAuB;IACrD,IAAI,uBAAQ,CAAC,EAAE,KAAK,KAAK,EAAE;QACzB;;;WAGG;QACH,sDAAsD;QACtD,IAAM,KAAK,GAAG,IAAA,kCAAmB,GAAE,CAAC,KAAK,CAAC;QAC1C,IAAI,uBAAQ,CAAC,KAAK,IAAI,KAAK,GAAG,GAAG,EAAE;YACjC,OAAO,SAAS,CAAC;SAClB;aAAM;YACL,OAAO,SAAS,CAAC;SAClB;KACF;SAAM;QACL,OAAO,SAAS,CAAC;KAClB;AACH,CAAC,CAAC;AAEK,IAAM,eAAe,GAA+C,UAAC,KAAK;IAC/E,IAAM,SAAS,GAAG,0BAA0B,EAAE,CAAC;IAC/C,IAAM,QAAQ,GAAG,uBAAQ,CAAC,EAAE,IAAI,SAAS,IAAI,CAAC,uBAAQ,CAAC,EAAE,KAAK,KAAK,IAAI,uBAAQ,CAAC,KAAK,KAAK,KAAK,CAAC,CAAC;IAEjG,gGAAgG;IAChG,IAAM,oBAAoB,GAAG,QAAQ,IAAI,CAAC,CAAC,QAAQ,IAAI,SAAS,KAAK,SAAS,CAAC,CAAC;IAEhF,OAAO,CACL,oBAAC,qBAAa,IAAC,KAAK,EAAE,mBAAW;QAC/B,oBAAC,2BAAY,0BAAC,YAAY,EAAE,iBAAK,EAAE,oBAAoB,EAAE,oBAAoB,IAAM,KAAK,EAAI,CAC9E,CACjB,CAAC;AACJ,CAAC,CAAC;AAZW,QAAA,eAAe,mBAY1B"}
+{"version":3,"file":"FluentTesterApp.js","sourceRoot":"","sources":["../src/FluentTesterApp.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;AAEb,sDAA6D;AAC7D,wDAA+B;AAC/B,6CAA6D;AAC7D,+CAAiE;AACjE,uCAA4C;AAI5C;;;;;;;;GAQG;AACH,IAAM,0BAA0B,GAAuB;IACrD,IAAI,uBAAQ,CAAC,EAAE,KAAK,KAAK,EAAE;QACzB;;;WAGG;QACH,sDAAsD;QACtD,IAAM,KAAK,GAAG,IAAA,kCAAmB,GAAE,CAAC,KAAK,CAAC;QAC1C,IAAI,uBAAQ,CAAC,KAAK,IAAI,KAAK,GAAG,GAAG,EAAE;YACjC,OAAO,SAAS,CAAC;SAClB;aAAM;YACL,OAAO,SAAS,CAAC;SAClB;KACF;SAAM;QACL,OAAO,SAAS,CAAC;KAClB;AACH,CAAC,CAAC;AAEK,IAAM,eAAe,GAA+C,UAAC,KAAK;IAC/E,IAAM,SAAS,GAAG,0BAA0B,EAAE,CAAC;IAC/C,IAAM,QAAQ,GAAG,uBAAQ,CAAC,EAAE,IAAI,SAAS,IAAI,CAAC,uBAAQ,CAAC,EAAE,KAAK,KAAK,IAAI,uBAAQ,CAAC,KAAK,KAAK,KAAK,CAAC,CAAC;IAEjG,gGAAgG;IAChG,IAAM,oBAAoB,GAAG,QAAQ,IAAI,CAAC,CAAC,QAAQ,IAAI,SAAS,KAAK,SAAS,CAAC,CAAC;IAEhF,OAAO,CACL,oBAAC,qBAAa,IAAC,KAAK,EAAE,mBAAW;QAC/B,oBAAC,2BAAY,0BAAC,oBAAoB,EAAE,oBAAoB,IAAM,KAAK,EAAI,CACzD,CACjB,CAAC;AACJ,CAAC,CAAC;AAZW,QAAA,eAAe,mBAY1B"}

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

@@ -3,5 +3,6 @@ export declare type TestDescription = {
     name: string;
     component: React.FunctionComponent;
     testPage: string;
+    platforms: string[];
 };
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/TestComponents/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,oBAAY,eAAe,GAAG;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,KAAK,CAAC,iBAAiB,CAAC;IACnC,QAAQ,EAAE,MAAM,CAAC;CAClB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/TestComponents/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,oBAAY,eAAe,GAAG;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,KAAK,CAAC,iBAAiB,CAAC;IACnC,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,EAAE,CAAC;CACrB,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"testPages.d.ts","sourceRoot":"","sources":["../src/testPages.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AA+BnD,eAAO,MAAM,KAAK,EAAE,eAAe,EAuJlC,CAAC"}
+{"version":3,"file":"testPages.d.ts","sourceRoot":"","sources":["../src/testPages.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAoCnD,eAAO,MAAM,KAAK,EAAE,eAAe,EAoNlC,CAAC"}

package/lib-commonjs/testPages.js

@@ -1,12 +1,25 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.tests = void 0;
+var ActivityIndicator_1 = require("./TestComponents/ActivityIndicator");
 var Avatar_1 = require("./TestComponents/Avatar");
 var Badge_1 = require("./TestComponents/Badge");
 var Button_1 = require("./TestComponents/Button");
+var Callout_1 = require("./TestComponents/Callout");
 var Checkbox_1 = require("./TestComponents/Checkbox");
+var CheckboxExperimental_1 = require("./TestComponents/CheckboxExperimental");
+var ContextualMenu_1 = require("./TestComponents/ContextualMenu");
+var NativeDatePicker_1 = require("./TestComponents/NativeDatePicker");
+// import { DrawerTest, HOMEPAGE_DRAWER_BUTTON } from './TestComponents/Drawer';
+// import { ExpanderTest, HOMEPAGE_EXPANDER_BUTTON } from './TestComponents/Expander';
 var FocusTrapZone_1 = require("./TestComponents/FocusTrapZone");
+var FocusZone_1 = require("./TestComponents/FocusZone");
+var Icon_1 = require("./TestComponents/Icon");
 var Link_1 = require("./TestComponents/Link");
+var Menu_1 = require("./TestComponents/Menu");
+var MenuButton_1 = require("./TestComponents/MenuButton");
+var MenuButtonExperimental_1 = require("./TestComponents/MenuButtonExperimental");
+var Notification_1 = require("./TestComponents/Notification");
 var Persona_1 = require("./TestComponents/Persona");
 var PersonaCoin_1 = require("./TestComponents/PersonaCoin");
 var Pressable_1 = require("./TestComponents/Pressable");
@@ -15,171 +28,224 @@ var Separator_1 = require("./TestComponents/Separator");
 var Shadow_1 = require("./TestComponents/Shadow");
 var Shimmer_1 = require("./TestComponents/Shimmer");
 var Svg_1 = require("./TestComponents/Svg");
+var Switch_1 = require("./TestComponents/Switch");
+var Tabs_1 = require("./TestComponents/Tabs");
+var TabsExperimental_1 = require("./TestComponents/TabsExperimental");
 var Text_1 = require("./TestComponents/Text");
+var TextExperimental_1 = require("./TestComponents/TextExperimental");
 var Theme_1 = require("./TestComponents/Theme");
-var FocusZone_1 = require("./TestComponents/FocusZone");
-var Icon_1 = require("./TestComponents/Icon");
-var Callout_1 = require("./TestComponents/Callout");
-var ContextualMenu_1 = require("./TestComponents/ContextualMenu");
-var ActivityIndicator_1 = require("./TestComponents/ActivityIndicator");
-var MenuButton_1 = require("./TestComponents/MenuButton");
 var Tokens_1 = require("./TestComponents/Tokens");
-var Expander_1 = require("./TestComponents/Expander");
-var CheckboxExperimental_1 = require("./TestComponents/CheckboxExperimental");
-var TextExperimental_1 = require("./TestComponents/TextExperimental");
-var MenuButtonExperimental_1 = require("./TestComponents/MenuButtonExperimental");
-var Menu_1 = require("./TestComponents/Menu");
-var Notification_1 = require("./TestComponents/Notification");
 exports.tests = [
     {
-        name: 'ActivityIndicator Test',
+        name: 'ActivityIndicator',
         component: ActivityIndicator_1.ActivityIndicatorTest,
         testPage: ActivityIndicator_1.HOMEPAGE_ACTIVITY_INDICATOR_BUTTON,
+        platforms: ['android', 'ios', 'macos', 'web', 'win32', 'windows'],
+    },
+    {
+        name: 'Avatar',
+        component: Avatar_1.AvatarTest,
+        testPage: Avatar_1.HOMEPAGE_AVATAR_BUTTON,
+        platforms: ['android', 'ios', 'macos', 'web', 'win32', 'windows'],
     },
     {
-        name: 'Avatar Test',
+        name: 'Avatar (Native)',
         component: Avatar_1.NativeAvatarTest,
         testPage: Avatar_1.HOMEPAGE_NATIVE_AVATAR_BUTTON,
+        platforms: ['ios', 'macos'],
     },
     {
-        name: 'Badge Test',
+        name: 'Badge',
         component: Badge_1.BadgeTest,
         testPage: Badge_1.HOMEPAGE_BADGE_BUTTON,
+        platforms: ['android', 'ios', 'macos', 'web', 'win32', 'windows'],
     },
     {
-        name: 'Button Test',
+        name: 'Button',
         component: Button_1.ButtonTest,
         testPage: Button_1.HOMEPAGE_BUTTON_BUTTON,
+        platforms: ['android', 'ios', 'macos', 'web', 'win32', 'windows'],
+    },
+    {
+        name: 'Callout',
+        component: Callout_1.CalloutTest,
+        testPage: Callout_1.HOMEPAGE_CALLOUT_BUTTON,
+        platforms: ['android', 'macos', 'win32', 'windows'],
     },
     {
-        name: 'Focus Trap Zone Test',
+        name: 'Checkbox',
+        component: Checkbox_1.CheckboxTest,
+        testPage: Checkbox_1.HOMEPAGE_CHECKBOX_BUTTON,
+        platforms: ['android', 'ios', 'macos', 'web', 'win32', 'windows'],
+    },
+    {
+        name: 'Checkbox (Experimental)',
+        component: CheckboxExperimental_1.ExperimentalCheckboxTest,
+        testPage: CheckboxExperimental_1.HOMEPAGE_CHECKBOX_EXPERIMENTAL_BUTTON,
+        platforms: ['android', 'ios', 'macos', 'win32'], // 'windows': GH#935: Temporarily disabling while SVGs don't work in windows
+    },
+    {
+        name: 'ContextualMenu',
+        component: ContextualMenu_1.ContextualMenuTest,
+        testPage: ContextualMenu_1.HOMEPAGE_CONTEXTUALMENU_BUTTON,
+        platforms: ['android', 'macos', 'win32'],
+    },
+    {
+        name: 'Date Picker (Native)',
+        component: NativeDatePicker_1.NativeDatePickerTest,
+        testPage: NativeDatePicker_1.HOMEPAGE_NATIVEDATEPICKER_BUTTON,
+        platforms: ['ios'],
+    },
+    // {
+    //   name: 'Drawer',
+    //   component: DrawerTest,
+    //   testPage: HOMEPAGE_DRAWER_BUTTON,
+    //   platforms: ['android'],
+    // },
+    // GH##1027 Temporarily disabling while the test doesn't load
+    // {
+    //   name: 'Expander',
+    //   component: ExpanderTest,
+    //   testPage: HOMEPAGE_EXPANDER_BUTTON,
+    //   platforms: ['windows'],
+    // },
+    {
+        name: 'Focus Trap Zone',
         component: FocusTrapZone_1.FocusTrapTest,
         testPage: FocusTrapZone_1.HOMEPAGE_FOCUSTRAPZONE_BUTTON,
+        platforms: ['android', 'win32'],
     },
     {
-        name: 'FocusZone Test',
+        name: 'FocusZone',
         component: FocusZone_1.FocusZoneTest,
         testPage: FocusZone_1.HOMEPAGE_FOCUSZONE_BUTTON,
+        platforms: ['macos', 'win32'],
     },
     {
-        name: 'Icon Test',
+        name: 'Icon',
         component: Icon_1.IconTest,
         testPage: Icon_1.HOMEPAGE_ICON_BUTTON,
+        platforms: ['android', 'ios', 'macos', 'win32'],
     },
     {
-        name: 'Pressable Test',
-        component: Pressable_1.PressableTest,
-        testPage: Pressable_1.HOMEPAGE_PRESSABLE_BUTTON,
-    },
-    {
-        name: 'Link Test',
+        name: 'Link',
         component: Link_1.LinkTest,
         testPage: Link_1.HOMEPAGE_LINK_BUTTON,
+        platforms: ['android', 'ios', 'macos', 'web', 'win32', 'windows'],
     },
     {
-        name: 'Shadow Test',
-        component: Shadow_1.ShadowTest,
-        testPage: Shadow_1.HOMEPAGE_SHADOW_BUTTON,
-    },
-    {
-        name: 'Separator Test',
-        component: Separator_1.SeparatorTest,
-        testPage: Separator_1.HOMEPAGE_SEPARATOR_BUTTON,
+        name: 'Menu',
+        component: Menu_1.MenuTest,
+        testPage: Menu_1.HOMEPAGE_MENU_BUTTON,
+        platforms: ['macos', 'win32'],
     },
     {
-        name: 'Shimmer Test',
-        component: Shimmer_1.ShimmerTest,
-        testPage: Shimmer_1.HOMEPAGE_SHIMMER_BUTTON,
+        name: 'MenuButton',
+        component: MenuButton_1.MenuButtonTest,
+        testPage: MenuButton_1.HOMEPAGE_MENUBUTTON_BUTTON,
+        platforms: ['macos', 'win32'],
     },
     {
-        name: 'Text Test',
-        component: Text_1.TextTest,
-        testPage: Text_1.HOMEPAGE_TEXT_BUTTON,
+        name: 'MenuButton (Experimental)',
+        component: MenuButtonExperimental_1.ExperimentalMenuButtonTest,
+        testPage: MenuButtonExperimental_1.HOMEPAGE_EXPERIMENTAL_MENU_BUTTON,
+        platforms: ['macos', 'win32'],
     },
     {
-        name: 'Experimental Text Test',
-        component: TextExperimental_1.TextExperimentalTest,
-        testPage: TextExperimental_1.HOMEPAGE_EXPERIMENTAL_TEXT_BUTTON,
+        name: 'Notification',
+        component: Notification_1.NotificationTest,
+        testPage: Notification_1.HOMEPAGE_NOTIFICATION_BUTTON,
+        platforms: ['android', 'ios'],
     },
     {
-        name: 'Theme Test',
-        component: Theme_1.ThemeTest,
-        testPage: Theme_1.HOMEPAGE_THEME_BUTTON,
+        name: 'Persona',
+        component: Persona_1.PersonaTest,
+        testPage: Persona_1.HOMEPAGE_PERSONA_BUTTON,
+        platforms: ['android', 'ios', 'macos', 'web', 'win32', 'windows'],
     },
     {
-        name: 'PersonaCoin Test',
+        name: 'PersonaCoin',
         component: PersonaCoin_1.PersonaCoinTest,
         testPage: PersonaCoin_1.HOMEPAGE_PERSONACOIN_BUTTON,
+        platforms: ['android', 'ios', 'macos', 'web', 'win32', 'windows'],
+    },
+    {
+        name: 'Pressable',
+        component: Pressable_1.PressableTest,
+        testPage: Pressable_1.HOMEPAGE_PRESSABLE_BUTTON,
+        platforms: ['android', 'ios', 'macos', 'web', 'win32', 'windows'],
     },
     {
-        name: 'RadioGroup Test',
+        name: 'RadioGroup',
         component: RadioGroup_1.RadioGroupTest,
         testPage: RadioGroup_1.HOMEPAGE_RADIOGROUP_BUTTON,
+        platforms: ['android', 'ios', 'macos', 'web', 'win32'],
     },
     {
-        name: 'Persona Test',
-        component: Persona_1.PersonaTest,
-        testPage: Persona_1.HOMEPAGE_PERSONA_BUTTON,
+        name: 'Separator',
+        component: Separator_1.SeparatorTest,
+        testPage: Separator_1.HOMEPAGE_SEPARATOR_BUTTON,
+        platforms: ['android', 'ios', 'macos', 'web', 'win32', 'windows'],
     },
     {
-        name: 'Checkbox Test',
-        component: Checkbox_1.CheckboxTest,
-        testPage: Checkbox_1.HOMEPAGE_CHECKBOX_BUTTON,
+        name: 'Shadow',
+        component: Shadow_1.ShadowTest,
+        testPage: Shadow_1.HOMEPAGE_SHADOW_BUTTON,
+        platforms: ['ios', 'macos', 'win32'],
     },
     {
-        name: 'Experimental Checkbox',
-        component: CheckboxExperimental_1.ExperimentalCheckboxTest,
-        testPage: CheckboxExperimental_1.HOMEPAGE_CHECKBOX_EXPERIMENTAL_BUTTON,
+        name: 'Shimmer',
+        component: Shimmer_1.ShimmerTest,
+        testPage: Shimmer_1.HOMEPAGE_SHIMMER_BUTTON,
+        platforms: ['android', 'ios', 'macos', 'win32'],
     },
     {
-        name: 'Svg Test',
+        name: 'Svg',
         component: Svg_1.SvgTest,
         testPage: Svg_1.HOMEPAGE_SVG_BUTTON,
+        platforms: ['android', 'ios', 'macos', 'win32'],
     },
     {
-        name: 'Callout Test',
-        component: Callout_1.CalloutTest,
-        testPage: Callout_1.HOMEPAGE_CALLOUT_BUTTON,
-    },
-    {
-        name: 'ContextualMenu Test',
-        component: ContextualMenu_1.ContextualMenuTest,
-        testPage: ContextualMenu_1.HOMEPAGE_CONTEXTUALMENU_BUTTON,
-    },
-    {
-        name: 'ActivityIndicator Test',
-        component: ActivityIndicator_1.ActivityIndicatorTest,
-        testPage: ActivityIndicator_1.HOMEPAGE_ACTIVITY_INDICATOR_BUTTON,
+        name: 'Switch',
+        component: Switch_1.SwitchTest,
+        testPage: Switch_1.HOMEPAGE_SWITCH_BUTTON,
+        platforms: ['win32'],
     },
     {
-        name: 'MenuButton Test',
-        component: MenuButton_1.MenuButtonTest,
-        testPage: MenuButton_1.HOMEPAGE_MENUBUTTON_BUTTON,
+        name: 'Tabs',
+        component: Tabs_1.TabsTest,
+        testPage: Tabs_1.HOMEPAGE_TABS_BUTTON,
+        platforms: ['macos', 'win32', 'windows'],
     },
     {
-        name: 'Tokens Test',
-        component: Tokens_1.TokenTest,
-        testPage: Tokens_1.HOMEPAGE_TOKEN_BUTTON,
+        name: 'Tabs (Experimental)',
+        component: TabsExperimental_1.ExperimentalTabsTest,
+        testPage: TabsExperimental_1.HOMEPAGE_EXPERIMENTAL_TABS_BUTTON,
+        platforms: ['macos', 'win32', 'windows'],
     },
     {
-        name: 'Expander Test',
-        component: Expander_1.ExpanderTest,
-        testPage: Expander_1.HOMEPAGE_EXPANDER_BUTTON,
+        name: 'Text',
+        component: Text_1.TextTest,
+        testPage: Text_1.HOMEPAGE_TEXT_BUTTON,
+        platforms: ['android', 'ios', 'macos', 'web', 'win32', 'windows'],
     },
     {
-        name: 'Experimental MenuButton Test',
-        component: MenuButtonExperimental_1.ExperimentalMenuButtonTest,
-        testPage: MenuButtonExperimental_1.HOMEPAGE_EXPERIMENTAL_MENU_BUTTON,
+        name: 'Text (Experimental)',
+        component: TextExperimental_1.TextExperimentalTest,
+        testPage: TextExperimental_1.HOMEPAGE_EXPERIMENTAL_TEXT_BUTTON,
+        platforms: ['android', 'ios', 'macos', 'web', 'win32', 'windows'],
     },
     {
-        name: 'Menu Test',
-        component: Menu_1.MenuTest,
-        testPage: Menu_1.HOMEPAGE_MENU_BUTTON,
+        name: 'Theme',
+        component: Theme_1.ThemeTest,
+        testPage: Theme_1.HOMEPAGE_THEME_BUTTON,
+        platforms: ['android', 'ios', 'macos', 'web', 'win32', 'windows'],
     },
     {
-        name: 'Notification Test',
-        component: Notification_1.NotificationTest,
-        testPage: Notification_1.HOMEPAGE_NOTIFICATION_BUTTON,
+        name: 'Tokens',
+        component: Tokens_1.TokenTest,
+        testPage: Tokens_1.HOMEPAGE_TOKEN_BUTTON,
+        platforms: ['android', 'ios', 'macos', 'web', 'win32', 'windows'],
     },
 ];
 //# sourceMappingURL=testPages.js.map

package/lib-commonjs/testPages.js.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui-react-native/tester",
-  "version": "0.84.3",
+  "version": "0.85.0",
   "description": "A test app to test FluentUI React Native Components during development",
   "license": "MIT",
   "author": "Microsoft <fluentuinativeowners@microsoft.com>",
@@ -47,7 +47,7 @@
     "@fluentui-react-native/experimental-checkbox": "0.12.10",
     "@fluentui-react-native/experimental-expander": "0.4.0",
     "@fluentui-react-native/experimental-menu-button": ">=0.4.17 <1.0.0",
-    "@fluentui-react-native/experimental-native-date-picker": ">=0.6.1 <1.0.0",
+    "@fluentui-react-native/experimental-native-date-picker": ">=0.7.0 <1.0.0",
     "@fluentui-react-native/experimental-shadow": "0.2.10",
     "@fluentui-react-native/experimental-shimmer": "0.7.0",
     "@fluentui-react-native/experimental-tabs": "0.5.9",

package/src/FluentTester.tsx

@@ -4,11 +4,11 @@ import { ButtonV1 as Button } from '@fluentui-react-native/button';
 import { themedStyleSheet } from '@fluentui-react-native/themed-stylesheet';
 import * as React from 'react';
 import { ScrollView, View, Text as RNText, Platform, SafeAreaView, BackHandler } from 'react-native';
-import { TestDescription } from './TestComponents';
 import { BASE_TESTPAGE } from './TestComponents/Common/consts';
 import { fluentTesterStyles, mobileStyles } from './TestComponents/Common/styles';
 import { useTheme } from '@fluentui-react-native/theme-types';
 import { ThemePickers } from './theme/ThemePickers';
+import { tests } from './testPages';
 
 // uncomment the below lines to enable message spy
 /**
@@ -22,7 +22,6 @@ const EmptyComponent: React.FunctionComponent = () => {
 export interface FluentTesterProps {
   initialTest?: string;
   enableSinglePaneView?: boolean;
-  enabledTests: TestDescription[];
 }
 
 const getThemedStyles = themedStyleSheet((t: Theme) => {
@@ -54,8 +53,9 @@ const TestListSeparator = Separator.customize((t) => ({
 }));
 
 export const FluentTester: React.FunctionComponent<FluentTesterProps> = (props: FluentTesterProps) => {
-  // sort tests alphabetically by name
-  const sortedTestComponents = props.enabledTests.sort((a, b) => a.name.localeCompare(b.name));
+  // filters and sorts tests alphabetically
+  const filteredTestComponents = tests.filter((test) => test.platforms.includes(Platform.OS as string));
+  const sortedTestComponents = filteredTestComponents.sort((a, b) => a.name.localeCompare(b.name));
 
   const { initialTest, enableSinglePaneView } = props;
   const initialSelectedTestIndex = sortedTestComponents.findIndex((description) => {

package/src/FluentTesterApp.tsx

@@ -4,7 +4,6 @@ import { ThemeProvider } from '@fluentui-react-native/theme';
 import * as React from 'react';
 import { Platform, useWindowDimensions } from 'react-native';
 import { FluentTester, FluentTesterProps } from './FluentTester';
-import { tests } from './testPages';
 import { testerTheme } from './theme/index';
 
 type SizeClassIOS = 'regular' | 'compact' | undefined;
@@ -45,7 +44,7 @@ export const FluentTesterApp: React.FunctionComponent<FluentTesterProps> = (prop
 
   return (
     <ThemeProvider theme={testerTheme}>
-      <FluentTester enabledTests={tests} enableSinglePaneView={shouldShowSinglePane} {...props} />
+      <FluentTester enableSinglePaneView={shouldShowSinglePane} {...props} />
     </ThemeProvider>
   );
 };

package/src/TestComponents/index.ts

@@ -4,4 +4,5 @@ export type TestDescription = {
   name: string;
   component: React.FunctionComponent;
   testPage: string;
+  platforms: string[];
 };