@fluentui-react-native/tester 0.103.0 → 0.103.1

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

@@ -45,6 +45,18 @@ exports.focusZoneTestStyles = react_native_1.StyleSheet.create({
         marginHorizontal: 20,
         marginBottom: 100,
     },
+    smallBoxStyle: {
+        width: 20,
+        height: 20,
+        backgroundColor: 'lightgrey',
+        margin: 5,
+    },
+    wideBoxStyle: {
+        width: 150,
+        height: 20,
+        backgroundColor: 'lightgrey',
+        margin: 5,
+    },
 });
 exports.GridButton = button_1.ButtonV1.compose({
     slots: {

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/TestComponents/FocusZone/styles.ts"],"names":[],"mappings":";;;AAAA,6CAAgD;AAChD,uDAA8C;AAC9C,wDAAmE;AACnE,oDAAmD;AAEtC,QAAA,mBAAmB,GAAG,yBAAU,CAAC,MAAM,CAAC;IACnD,kBAAkB,EAAE;QAClB,aAAa,EAAE,KAAK;QACpB,YAAY,EAAE,YAAY;QAC1B,UAAU,EAAE,YAAY;QACxB,OAAO,EAAE,EAAE;KACZ;IACD,oBAAoB,EAAE;QACpB,WAAW,EAAE,CAAC;QACd,OAAO,EAAE,CAAC;QACV,MAAM,EAAE,CAAC;KACV;IACD,eAAe,EAAE;QACf,MAAM,EAAE,EAAE;QACV,KAAK,EAAE,GAAG;QACV,MAAM,EAAE,EAAE;KACX;IACD,iBAAiB,EAAE;QACjB,cAAc,EAAE,EAAE;KACnB;IACD,YAAY,EAAE;QACZ,WAAW,EAAE,CAAC;QACd,WAAW,EAAE,QAAQ;KACtB;IACD,UAAU,EAAE;QACV,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,KAAK;QACpB,QAAQ,EAAE,EAAE;KACb;IACD,eAAe,EAAE;QACf,MAAM,EAAE,GAAG;QACX,KAAK,EAAE,GAAG;KACX;IACD,sBAAsB,EAAE;QACtB,eAAe,EAAE,MAAM;KACxB;IACD,gBAAgB,EAAE;QAChB,gBAAgB,EAAE,EAAE;QACpB,YAAY,EAAE,GAAG;KAClB;CACF,CAAC,CAAC;AAEU,QAAA,UAAU,GAAG,iBAAM,CAAC,OAAO,CAAC;IACvC,KAAK,EAAE;QACL,IAAI,EAAE,mBAAI;QACV,IAAI,EAAE,WAAI;QACV,OAAO,EAAE,mBAAI;KACd;IACD,SAAS,EAAE;QACT,OAAO,EAAE;YACP,KAAK,EAAE,EAAE,WAAW,EAAE,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,cAAc,EAAE,QAAQ,EAAE;SAC1E;KACF;CACF,CAAC,CAAC;AAEU,QAAA,aAAa,GAAG,mBAAI,CAAC,SAAS,CAAC;IAC1C,MAAM,EAAE,EAAE,OAAO,EAAE,mBAAmB,EAAE;IACxC,IAAI,EAAE,EAAE,KAAK,EAAE,EAAE,kBAAkB,EAAE,WAAW,EAAE,EAAE;CACrD,CAAC,CAAC"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/TestComponents/FocusZone/styles.ts"],"names":[],"mappings":";;;AAAA,6CAAgD;AAChD,uDAA8C;AAC9C,wDAAmE;AACnE,oDAAmD;AAEtC,QAAA,mBAAmB,GAAG,yBAAU,CAAC,MAAM,CAAC;IACnD,kBAAkB,EAAE;QAClB,aAAa,EAAE,KAAK;QACpB,YAAY,EAAE,YAAY;QAC1B,UAAU,EAAE,YAAY;QACxB,OAAO,EAAE,EAAE;KACZ;IACD,oBAAoB,EAAE;QACpB,WAAW,EAAE,CAAC;QACd,OAAO,EAAE,CAAC;QACV,MAAM,EAAE,CAAC;KACV;IACD,eAAe,EAAE;QACf,MAAM,EAAE,EAAE;QACV,KAAK,EAAE,GAAG;QACV,MAAM,EAAE,EAAE;KACX;IACD,iBAAiB,EAAE;QACjB,cAAc,EAAE,EAAE;KACnB;IACD,YAAY,EAAE;QACZ,WAAW,EAAE,CAAC;QACd,WAAW,EAAE,QAAQ;KACtB;IACD,UAAU,EAAE;QACV,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,KAAK;QACpB,QAAQ,EAAE,EAAE;KACb;IACD,eAAe,EAAE;QACf,MAAM,EAAE,GAAG;QACX,KAAK,EAAE,GAAG;KACX;IACD,sBAAsB,EAAE;QACtB,eAAe,EAAE,MAAM;KACxB;IACD,gBAAgB,EAAE;QAChB,gBAAgB,EAAE,EAAE;QACpB,YAAY,EAAE,GAAG;KAClB;IACD,aAAa,EAAE;QACb,KAAK,EAAE,EAAE;QACT,MAAM,EAAE,EAAE;QACV,eAAe,EAAE,WAAW;QAC5B,MAAM,EAAE,CAAC;KACV;IACD,YAAY,EAAE;QACZ,KAAK,EAAE,GAAG;QACV,MAAM,EAAE,EAAE;QACV,eAAe,EAAE,WAAW;QAC5B,MAAM,EAAE,CAAC;KACV;CACF,CAAC,CAAC;AAEU,QAAA,UAAU,GAAG,iBAAM,CAAC,OAAO,CAAC;IACvC,KAAK,EAAE;QACL,IAAI,EAAE,mBAAI;QACV,IAAI,EAAE,WAAI;QACV,OAAO,EAAE,mBAAI;KACd;IACD,SAAS,EAAE;QACT,OAAO,EAAE;YACP,KAAK,EAAE,EAAE,WAAW,EAAE,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,cAAc,EAAE,QAAQ,EAAE;SAC1E;KACF;CACF,CAAC,CAAC;AAEU,QAAA,aAAa,GAAG,mBAAI,CAAC,SAAS,CAAC;IAC1C,MAAM,EAAE,EAAE,OAAO,EAAE,mBAAmB,EAAE;IACxC,IAAI,EAAE,EAAE,KAAK,EAAE,EAAE,kBAAkB,EAAE,WAAW,EAAE,EAAE;CACrD,CAAC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui-react-native/tester",
-  "version": "0.103.0",
+  "version": "0.103.1",
   "description": "A test app to test FluentUI React Native Components during development",
   "license": "MIT",
   "author": "Microsoft <fluentuinativeowners@microsoft.com>",
@@ -38,39 +38,39 @@
   "dependencies": {
     "@fluentui-react-native/android-theme": ">=0.12.9 <1.0.0",
     "@fluentui-react-native/apple-theme": ">=0.16.3 <1.0.0",
-    "@fluentui-react-native/avatar": "^1.2.23",
-    "@fluentui-react-native/badge": ">=0.1.45 <1.0.0",
-    "@fluentui-react-native/button": ">=0.26.0 <1.0.0",
+    "@fluentui-react-native/avatar": "^1.2.24",
+    "@fluentui-react-native/badge": ">=0.1.46 <1.0.0",
+    "@fluentui-react-native/button": ">=0.26.1 <1.0.0",
     "@fluentui-react-native/default-theme": ">=0.16.5 <1.0.0",
-    "@fluentui-react-native/dropdown": ">=0.4.15 <1.0.0",
+    "@fluentui-react-native/dropdown": ">=0.5.0 <1.0.0",
     "@fluentui-react-native/experimental-activity-indicator": ">=0.6.12 <1.0.0",
     "@fluentui-react-native/experimental-avatar": ">=0.16.16 <1.0.0",
-    "@fluentui-react-native/experimental-button": "0.16.40",
-    "@fluentui-react-native/experimental-checkbox": "0.12.30",
+    "@fluentui-react-native/experimental-button": "0.16.41",
+    "@fluentui-react-native/experimental-checkbox": "0.12.31",
     "@fluentui-react-native/experimental-expander": "0.4.14",
-    "@fluentui-react-native/experimental-link": "^0.1.1",
-    "@fluentui-react-native/experimental-menu-button": ">=0.4.46 <1.0.0",
+    "@fluentui-react-native/experimental-link": "^0.1.2",
+    "@fluentui-react-native/experimental-menu-button": ">=0.4.47 <1.0.0",
     "@fluentui-react-native/experimental-native-date-picker": ">=0.7.3 <1.0.0",
-    "@fluentui-react-native/experimental-radio-group": "^0.7.2",
-    "@fluentui-react-native/experimental-shadow": "0.2.31",
+    "@fluentui-react-native/experimental-radio-group": "^0.7.3",
+    "@fluentui-react-native/experimental-shadow": "0.2.32",
     "@fluentui-react-native/experimental-shimmer": "0.7.13",
-    "@fluentui-react-native/experimental-tabs": "0.5.27",
+    "@fluentui-react-native/experimental-tabs": "0.5.28",
     "@fluentui-react-native/experimental-text": ">=0.11.14 <1.0.0",
     "@fluentui-react-native/framework": ">=0.8.12 <1.0.0",
     "@fluentui-react-native/icon": "0.13.17",
-    "@fluentui-react-native/interactive-hooks": ">=0.19.0 <1.0.0",
-    "@fluentui-react-native/menu": "^1.0.53",
+    "@fluentui-react-native/interactive-hooks": ">=0.19.1 <1.0.0",
+    "@fluentui-react-native/menu": "^1.0.54",
     "@fluentui-react-native/merge-props": ">=0.5.1 <1.0.0",
-    "@fluentui-react-native/notification": "0.17.25",
+    "@fluentui-react-native/notification": "0.17.26",
     "@fluentui-react-native/stack": ">=0.7.16 <1.0.0",
-    "@fluentui-react-native/switch": "^0.6.19",
+    "@fluentui-react-native/switch": "^0.6.20",
     "@fluentui-react-native/text": ">=0.15.8 <1.0.0",
     "@fluentui-react-native/theme": ">=0.7.6 <1.0.0",
     "@fluentui-react-native/theme-types": ">=0.22.0 <1.0.0",
     "@fluentui-react-native/themed-stylesheet": "^1.4.1",
     "@fluentui-react-native/theming-utils": ">=0.16.2 <1.0.0",
     "@fluentui-react-native/win32-theme": ">=0.22.0 <1.0.0",
-    "@fluentui/react-native": ">=0.32.39 <1.0.0",
+    "@fluentui/react-native": ">=0.32.40 <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/E2E/ActivityIndicator/specs/ActivityIndicator.spec.ios.ts

@@ -1,7 +1,7 @@
 import NavigateAppPage from '../../common/NavigateAppPage';
 import ActivityIndicatorPageObject from '../pages/ActivityIndicatorPageObject';
 import { PAGE_TIMEOUT, BOOT_APP_TIMEOUT } from '../../common/consts';
-import { Platform } from '../../common/BasePage';
+import { MobilePlatform } from '../../common/BasePage';
 
 // Before testing begins, allow up to 60 seconds for app to open
 describe('Activity Indicator Testing Initialization', function () {
@@ -11,7 +11,7 @@ describe('Activity Indicator Testing Initialization', function () {
   });
 
   it('Click and navigate to Activity Indicator test page', async () => {
-    await ActivityIndicatorPageObject.scrollToComponentButton(Platform.iOS);
+    await ActivityIndicatorPageObject.mobileScrollToComponentButton(MobilePlatform.iOS);
     await ActivityIndicatorPageObject.waitForButtonDisplayed(PAGE_TIMEOUT);
 
     /* Click on component button to navigate to test page */

package/src/E2E/ActivityIndicator/specs/ActivityIndicator.spec.win.ts

@@ -1,7 +1,6 @@
 import NavigateAppPage from '../../common/NavigateAppPage';
 import ActivityIndicatorPageObject from '../pages/ActivityIndicatorPageObject';
 import { PAGE_TIMEOUT, BOOT_APP_TIMEOUT } from '../../common/consts';
-import { Platform } from '../../common/BasePage';
 
 // Before testing begins, allow up to 60 seconds for app to open
 describe('Activity Indicator Testing Initialization', function () {
@@ -11,9 +10,6 @@ describe('Activity Indicator Testing Initialization', function () {
   });
 
   it('Click and navigate to Activity Indicator test page', async () => {
-    await ActivityIndicatorPageObject.scrollToComponentButton(Platform.Win32);
-    await ActivityIndicatorPageObject.waitForButtonDisplayed(PAGE_TIMEOUT);
-
     /* Click on component button to navigate to test page */
     await NavigateAppPage.clickAndGoToActivityIndicatorPage();
     await ActivityIndicatorPageObject.waitForPageDisplayed(PAGE_TIMEOUT);

package/src/E2E/Avatar/specs/Avatar.spec.ios.ts

@@ -1,7 +1,7 @@
 import NavigateAppPage from '../../common/NavigateAppPage';
 import AvatarPageObject from '../pages/AvatarPageObject';
 import { PAGE_TIMEOUT, BOOT_APP_TIMEOUT } from '../../common/consts';
-import { Platform } from '../../common/BasePage';
+import { MobilePlatform } from '../../common/BasePage';
 
 // Before testing begins, allow up to 60 seconds for app to open
 describe('Avatar Testing Initialization', function () {
@@ -11,7 +11,7 @@ describe('Avatar Testing Initialization', function () {
   });
 
   it('Click and navigate to Avatar test page', async () => {
-    await AvatarPageObject.scrollToComponentButton(Platform.iOS);
+    await AvatarPageObject.mobileScrollToComponentButton(MobilePlatform.iOS);
     await AvatarPageObject.waitForButtonDisplayed(PAGE_TIMEOUT);
 
     /* Click on component button to navigate to test page */

package/src/E2E/Avatar/specs/Avatar.spec.win.ts

@@ -11,7 +11,6 @@ import {
   ACCESSIBILITY_ROLE_IMAGE,
   ACCESSIBILITY_ROLE_LINK,
 } from '../../../TestComponents/Avatar/consts';
-import { Platform } from '../../common/BasePage';
 
 // Before testing begins, allow up to 60 seconds for app to open
 describe('Avatar Testing Initialization', function () {
@@ -21,10 +20,6 @@ describe('Avatar Testing Initialization', function () {
   });
 
   it('Click and navigate to Avatar test page', async () => {
-    /* Scroll to component test page button in scrollview if not already visible*/
-    await AvatarPageObject.scrollToComponentButton(Platform.Win32);
-    await AvatarPageObject.waitForButtonDisplayed(PAGE_TIMEOUT);
-
     /* Click on component button to navigate to test page */
     await NavigateAppPage.clickAndGoToAvatarPage();
     await AvatarPageObject.waitForPageDisplayed(PAGE_TIMEOUT);

package/src/E2E/Badge/specs/Badge.spec.ios.ts

@@ -1,7 +1,7 @@
 import NavigateAppPage from '../../common/NavigateAppPage';
 import BasicBadgePageObject from '../pages/BasicBadgePageObject';
 import { PAGE_TIMEOUT, BOOT_APP_TIMEOUT } from '../../common/consts';
-import { Platform } from '../../common/BasePage';
+import { MobilePlatform } from '../../common/BasePage';
 
 // Before testing begins, allow up to 60 seconds for app to open
 describe('Badge Testing Initialization', function () {
@@ -11,7 +11,7 @@ describe('Badge Testing Initialization', function () {
   });
 
   it('Click and navigate to Badge test page', async () => {
-    await BasicBadgePageObject.scrollToComponentButton(Platform.iOS);
+    await BasicBadgePageObject.mobileScrollToComponentButton(MobilePlatform.iOS);
     await BasicBadgePageObject.waitForButtonDisplayed(PAGE_TIMEOUT);
 
     /* Click on component button to navigate to test page */

package/src/E2E/Badge/specs/Badge.spec.win.ts

@@ -1,7 +1,6 @@
 import NavigateAppPage from '../../common/NavigateAppPage';
 import BasicBadgePageObject from '../pages/BasicBadgePageObject';
 import { PAGE_TIMEOUT, BOOT_APP_TIMEOUT } from '../../common/consts';
-import { Platform } from '../../common/BasePage';
 
 // Before testing begins, allow up to 60 seconds for app to open
 describe('Badge Testing Initialization', function () {
@@ -11,10 +10,6 @@ describe('Badge Testing Initialization', function () {
   });
 
   it('Click and navigate to Badge test page', async () => {
-    /* Scroll to component test page button in scrollview if not already visible*/
-    await BasicBadgePageObject.scrollToComponentButton(Platform.Win32);
-    await BasicBadgePageObject.waitForButtonDisplayed(PAGE_TIMEOUT);
-
     /* Click on component button to navigate to test page */
     await NavigateAppPage.clickAndGoToBadgePage();
     await BasicBadgePageObject.waitForPageDisplayed(PAGE_TIMEOUT);

package/src/E2E/Button/specs/Button.spec.ios.ts

@@ -1,7 +1,7 @@
 import NavigateAppPage from '../../common/NavigateAppPage';
 import ButtonPageObject from '../pages/ButtonPageObject';
 import { PAGE_TIMEOUT, BOOT_APP_TIMEOUT } from '../../common/consts';
-import { Platform } from '../../common/BasePage';
+import { MobilePlatform } from '../../common/BasePage';
 
 // Before testing begins, allow up to 60 seconds for app to open
 describe('Button Testing Initialization', function () {
@@ -11,7 +11,7 @@ describe('Button Testing Initialization', function () {
   });
 
   it('Click and navigate to Button test page', async () => {
-    await ButtonPageObject.scrollToComponentButton(Platform.iOS);
+    await ButtonPageObject.mobileScrollToComponentButton(MobilePlatform.iOS);
     await ButtonPageObject.waitForButtonDisplayed(PAGE_TIMEOUT);
 
     /* Click on component button to navigate to test page */

package/src/E2E/Button/specs/Button.spec.win.ts

@@ -1,6 +1,6 @@
 import NavigateAppPage from '../../common/NavigateAppPage';
 import ButtonPageObject, { ButtonSelector } from '../pages/ButtonPageObject';
-import { ComponentSelector, Platform } from '../../common/BasePage';
+import { ComponentSelector } from '../../common/BasePage';
 import { PAGE_TIMEOUT, BOOT_APP_TIMEOUT, BUTTON_A11Y_ROLE, Keys } from '../../common/consts';
 import { BUTTON_ACCESSIBILITY_LABEL_DEPRECATED, BUTTON_TEST_COMPONENT_LABEL_DEPRECATED } from '../../../TestComponents/Button/consts';
 
@@ -12,10 +12,6 @@ describe('Button Testing Initialization', function () {
   });
 
   it('Click and navigate to Button test page', async () => {
-    /* Scroll to component test page button in scrollview if not already visible*/
-    await ButtonPageObject.scrollToComponentButton(Platform.Win32);
-    await ButtonPageObject.waitForButtonDisplayed(PAGE_TIMEOUT);
-
     /* Click on component button to navigate to test page */
     await NavigateAppPage.clickAndGoToButtonPage();
     await ButtonPageObject.waitForPageDisplayed(PAGE_TIMEOUT);

package/src/E2E/ButtonExperimental/specs/ButtonExperimental.spec.win.ts

@@ -1,6 +1,6 @@
 import NavigateAppPage from '../../common/NavigateAppPage';
 import ButtonExperimentalPageObject, { ButtonSelector } from '../pages/ButtonExperimentalPageObject';
-import { ComponentSelector, Platform } from '../../common/BasePage';
+import { ComponentSelector } from '../../common/BasePage';
 import { PAGE_TIMEOUT, BOOT_APP_TIMEOUT, BUTTON_A11Y_ROLE, Keys } from '../../common/consts';
 import { BUTTON_ACCESSIBILITY_LABEL, BUTTON_TEST_COMPONENT_LABEL } from '../../../TestComponents/Button/consts';
 
@@ -12,10 +12,6 @@ describe('Experimental Button Testing Initialization', function () {
   });
 
   it('Click and navigate to Button test page', async () => {
-    /* Scroll to component test page button in scrollview if not already visible*/
-    await ButtonExperimentalPageObject.scrollToComponentButton(Platform.Win32);
-    await ButtonExperimentalPageObject.waitForButtonDisplayed(PAGE_TIMEOUT);
-
     /* Click on component button to navigate to test page */
     await NavigateAppPage.clickAndGoToButtonPage();
     await ButtonExperimentalPageObject.waitForPageDisplayed(PAGE_TIMEOUT);

package/src/E2E/Callout/specs/Callout.spec.win.ts

@@ -1,7 +1,6 @@
 import NavigateAppPage from '../../common/NavigateAppPage';
 import CalloutPageObject from '../pages/CalloutPageObject.win';
 import { PAGE_TIMEOUT, BOOT_APP_TIMEOUT } from '../../common/consts';
-import { Platform } from '../../common/BasePage';
 
 // Before testing begins, allow up to 60 seconds for app to open
 describe('Callout Testing Initialization', function () {
@@ -11,10 +10,6 @@ describe('Callout Testing Initialization', function () {
   });
 
   it('Click and navigate to Callout test page', async () => {
-    /* Scroll to component test page button in scrollview if not already visible*/
-    await CalloutPageObject.scrollToComponentButton(Platform.Win32);
-    await CalloutPageObject.waitForButtonDisplayed(PAGE_TIMEOUT);
-
     /* Click on component button to navigate to test page */
     await NavigateAppPage.clickAndGoToCalloutPage();
     await CalloutPageObject.waitForPageDisplayed(PAGE_TIMEOUT);

package/src/E2E/Checkbox/specs/Checkbox.spec.ios.ts

@@ -1,7 +1,7 @@
 import NavigateAppPage from '../../common/NavigateAppPage';
 import CheckboxPageObject from '../pages/CheckboxPageObject';
 import { PAGE_TIMEOUT, BOOT_APP_TIMEOUT } from '../../common/consts';
-import { Platform } from '../../common/BasePage';
+import { MobilePlatform } from '../../common/BasePage';
 
 describe('Checkbox Testing Initialization', () => {
   it('Wait for app load', async () => {
@@ -10,7 +10,7 @@ describe('Checkbox Testing Initialization', () => {
   });
 
   it('Click and navigate to Checkbox test page', async () => {
-    await CheckboxPageObject.scrollToComponentButton(Platform.iOS);
+    await CheckboxPageObject.mobileScrollToComponentButton(MobilePlatform.iOS);
     await CheckboxPageObject.waitForButtonDisplayed(PAGE_TIMEOUT);
 
     /* Click on component button to navigate to test page */

package/src/E2E/Checkbox/specs/Checkbox.spec.win.ts

@@ -1,6 +1,6 @@
 import NavigateAppPage from '../../common/NavigateAppPage';
 import CheckboxPageObject, { CheckboxSelector } from '../pages/CheckboxPageObject';
-import { ComponentSelector, Platform } from '../../common/BasePage';
+import { ComponentSelector } from '../../common/BasePage';
 import { CHECKBOX_TEST_COMPONENT_LABEL, CHECKBOX_ACCESSIBILITY_LABEL } from '../../../TestComponents/Checkbox/consts';
 import { CHECKBOX_A11Y_ROLE, PAGE_TIMEOUT, BOOT_APP_TIMEOUT, Keys } from '../../common/consts';
 
@@ -11,10 +11,6 @@ describe('Checkbox Testing Initialization', () => {
   });
 
   it('Click and navigate to Checkbox test page', async () => {
-    /* Scroll to component test page button in scrollview if not already visible*/
-    await CheckboxPageObject.scrollToComponentButton(Platform.Win32);
-    await CheckboxPageObject.waitForButtonDisplayed(PAGE_TIMEOUT);
-
     /* Click on component button to navigate to test page */
     await NavigateAppPage.clickAndGoToCheckboxPage();
     await CheckboxPageObject.waitForPageDisplayed(PAGE_TIMEOUT);

package/src/E2E/Checkbox/specs/Checkbox.spec.windows.ts

@@ -1,6 +1,6 @@
 import NavigateAppPage from '../../common/NavigateAppPage';
 import CheckboxPageObject from '../pages/CheckboxPageObject';
-import { ComponentSelector, Platform } from '../../common/BasePage';
+import { ComponentSelector } from '../../common/BasePage';
 import { CHECKBOX_TEST_COMPONENT_LABEL, CHECKBOX_ACCESSIBILITY_LABEL } from '../../../TestComponents/Checkbox/consts';
 import { CHECKBOX_A11Y_ROLE, PAGE_TIMEOUT, BOOT_APP_TIMEOUT } from '../../common/consts';
 
@@ -11,10 +11,6 @@ describe('Checkbox Testing Initialization', () => {
   });
 
   it('Click and navigate to Checkbox test page', async () => {
-    /* Scroll to component test page button in scrollview if not already visible*/
-    await CheckboxPageObject.scrollToComponentButton(Platform.Win32);
-    await CheckboxPageObject.waitForButtonDisplayed(PAGE_TIMEOUT);
-
     /* Click on component button to navigate to test page */
     await NavigateAppPage.clickAndGoToCheckboxPage();
     await CheckboxPageObject.waitForPageDisplayed(PAGE_TIMEOUT);

package/src/E2E/CheckboxExperimental/specs/ExperimentalCheckbox.spec.ios.ts

@@ -1,7 +1,7 @@
 import NavigateAppPage from '../../common/NavigateAppPage';
 import ExperimentalCheckboxPageObject from '../pages/ExperimentalCheckboxPageObject';
 import { PAGE_TIMEOUT, BOOT_APP_TIMEOUT } from '../../common/consts';
-import { Platform } from '../../common/BasePage';
+import { MobilePlatform } from '../../common/BasePage';
 
 describe('Experimental Checkbox Testing Initialization', () => {
   it('Wait for app load', async () => {
@@ -10,7 +10,7 @@ describe('Experimental Checkbox Testing Initialization', () => {
   });
 
   it('Click and navigate to Experimental Checkbox test page', async () => {
-    await ExperimentalCheckboxPageObject.scrollToComponentButton(Platform.iOS);
+    await ExperimentalCheckboxPageObject.mobileScrollToComponentButton(MobilePlatform.iOS);
     await ExperimentalCheckboxPageObject.waitForButtonDisplayed(PAGE_TIMEOUT);
 
     /* Click on component button to navigate to test page */

package/src/E2E/CheckboxExperimental/specs/ExperimentalCheckbox.spec.win.ts

@@ -1,6 +1,6 @@
 import NavigateAppPage from '../../common/NavigateAppPage';
 import ExperimentalCheckboxPageObject, { ExperimentalCheckboxSelector } from '../pages/ExperimentalCheckboxPageObject';
-import { ComponentSelector, Platform } from '../../common/BasePage';
+import { ComponentSelector } from '../../common/BasePage';
 import {
   EXPERIMENTAL_CHECKBOX_TEST_COMPONENT_LABEL,
   EXPERIMENTAL_CHECKBOX_ACCESSIBILITY_LABEL,
@@ -14,10 +14,6 @@ describe('Experimental Checkbox Testing Initialization', () => {
   });
 
   it('Click and navigate to Experimental Checkbox test page', async () => {
-    /* Scroll to component test page button in scrollview if not already visible*/
-    await ExperimentalCheckboxPageObject.scrollToComponentButton(Platform.Win32);
-    await ExperimentalCheckboxPageObject.waitForButtonDisplayed(PAGE_TIMEOUT);
-
     /* Click on component button to navigate to test page */
     await NavigateAppPage.clickAndGoToCheckboxExperimentalPage();
     await ExperimentalCheckboxPageObject.waitForPageDisplayed(PAGE_TIMEOUT);

package/src/E2E/ContextualMenu/specs/ContextualMenu.spec.win.ts

@@ -1,7 +1,6 @@
 import NavigateAppPage from '../../common/NavigateAppPage';
 import ContextualMenuPageObjectObject, { ContextualMenuSelector } from '../pages/ContextualMenuPageObject.win';
 import { PAGE_TIMEOUT, BOOT_APP_TIMEOUT, Keys } from '../../common/consts';
-import { Platform } from '../../common/BasePage';
 
 // Before testing begins, allow up to 60 seconds for app to open
 describe('ContextualMenu Testing Initialization', function () {
@@ -11,10 +10,6 @@ describe('ContextualMenu Testing Initialization', function () {
   });
 
   it('Click and navigate to ContextualMenu test page', async () => {
-    /* Scroll to component test page button in scrollview if not already visible*/
-    await ContextualMenuPageObjectObject.scrollToComponentButton(Platform.Win32);
-    await ContextualMenuPageObjectObject.waitForButtonDisplayed(PAGE_TIMEOUT);
-
     /* Click on component button to navigate to test page */
     await NavigateAppPage.clickAndGoToContextualMenuPage();
     await ContextualMenuPageObjectObject.waitForPageDisplayed(PAGE_TIMEOUT);

package/src/E2E/FocusTrapZone/specs/FocusTrapZone.spec.win.ts

@@ -1,7 +1,6 @@
 import NavigateAppPage from '../../common/NavigateAppPage';
 import FocusTrapZonePageObject from '../pages/FocusTrapZonePageObject.win';
 import { PAGE_TIMEOUT, BOOT_APP_TIMEOUT } from '../../common/consts';
-import { Platform } from '../../common/BasePage';
 
 // Before testing begins, allow up to 60 seconds for app to open
 describe('FocusTrapZone Testing Initialization', function () {
@@ -11,10 +10,6 @@ describe('FocusTrapZone Testing Initialization', function () {
   });
 
   it('Click and navigate to FocusTrapZone test page', async () => {
-    /* Scroll to component test page button in scrollview if not already visible*/
-    await FocusTrapZonePageObject.scrollToComponentButton(Platform.Win32);
-    await FocusTrapZonePageObject.waitForButtonDisplayed(PAGE_TIMEOUT);
-
     /* Click on component button to navigate to test page */
     await NavigateAppPage.clickAndGoToFocusTrapZonePage();
     await FocusTrapZonePageObject.waitForPageDisplayed(PAGE_TIMEOUT);

package/src/E2E/FocusZone/specs/FocusZone.spec.win.ts

@@ -1,7 +1,6 @@
 import NavigateAppPage from '../../common/NavigateAppPage';
 import FocusZonePageObject, { GridButtonSelector, GridFocusZoneOption } from '../pages/FocusZonePageObject';
 import { PAGE_TIMEOUT, BOOT_APP_TIMEOUT, Keys } from '../../common/consts';
-import { Platform } from '../../common/BasePage';
 
 // Before testing begins, allow up to 60 seconds for app to open
 describe('FocusZone Testing Initialization', function () {
@@ -11,10 +10,6 @@ describe('FocusZone Testing Initialization', function () {
   });
 
   it('Click and navigate to FocusZone test page', async () => {
-    /* Scroll to component test page button in scrollview if not already visible*/
-    await FocusZonePageObject.scrollToComponentButton(Platform.Win32);
-    await FocusZonePageObject.waitForButtonDisplayed(PAGE_TIMEOUT);
-
     /* Click on component button to navigate to test page */
     await NavigateAppPage.clickAndGoToFocusZonePage();
     await FocusZonePageObject.waitForPageDisplayed(PAGE_TIMEOUT);

package/src/E2E/Icon/specs/Icon.spec.ios.ts

@@ -1,7 +1,7 @@
 import NavigateAppPage from '../../common/NavigateAppPage';
 import IconPageObject from '../pages/IconPageObject';
 import { PAGE_TIMEOUT, BOOT_APP_TIMEOUT } from '../../common/consts';
-import { Platform } from '../../common/BasePage';
+import { MobilePlatform } from '../../common/BasePage';
 
 // Before testing begins, allow up to 60 seconds for app to open
 describe('Icon Testing Initialization', function () {
@@ -11,7 +11,7 @@ describe('Icon Testing Initialization', function () {
   });
 
   it('Click and navigate to Icon test page', async () => {
-    await IconPageObject.scrollToComponentButton(Platform.iOS);
+    await IconPageObject.mobileScrollToComponentButton(MobilePlatform.iOS);
     await IconPageObject.waitForButtonDisplayed(PAGE_TIMEOUT);
 
     /* Click on component button to navigate to test page */

package/src/E2E/Icon/specs/Icon.spec.win.ts

@@ -1,7 +1,6 @@
 import NavigateAppPage from '../../common/NavigateAppPage';
 import IconPageObject from '../pages/IconPageObject';
 import { PAGE_TIMEOUT, BOOT_APP_TIMEOUT } from '../../common/consts';
-import { Platform } from '../../common/BasePage';
 
 // Before testing begins, allow up to 60 seconds for app to open
 describe('Icon Testing Initialization', function () {
@@ -11,10 +10,6 @@ describe('Icon Testing Initialization', function () {
   });
 
   it('Click and navigate to Icon test page', async () => {
-    /* Scroll to component test page button in scrollview if not already visible*/
-    await IconPageObject.scrollToComponentButton(Platform.Win32);
-    await IconPageObject.waitForButtonDisplayed(PAGE_TIMEOUT);
-
     /* Click on component button to navigate to test page */
     await NavigateAppPage.clickAndGoToIconPage();
     await IconPageObject.waitForPageDisplayed(PAGE_TIMEOUT);

package/src/E2E/Link/specs/Link.spec.ios.ts

@@ -1,7 +1,7 @@
 import NavigateAppPage from '../../common/NavigateAppPage';
 import LinkPageObject from '../pages/LinkPageObject';
 import { PAGE_TIMEOUT, BOOT_APP_TIMEOUT } from '../../common/consts';
-import { Platform } from '../../common/BasePage';
+import { MobilePlatform } from '../../common/BasePage';
 
 // Before testing begins, allow up to 60 seconds for app to open
 describe('Link Testing Initialization', function () {
@@ -11,7 +11,7 @@ describe('Link Testing Initialization', function () {
   });
 
   it('Click and navigate to Link test page', async () => {
-    await LinkPageObject.scrollToComponentButton(Platform.iOS);
+    await LinkPageObject.mobileScrollToComponentButton(MobilePlatform.iOS);
     await LinkPageObject.waitForButtonDisplayed(PAGE_TIMEOUT);
 
     /* Click on component button to navigate to test page */

package/src/E2E/Link/specs/Link.spec.win.ts

@@ -1,6 +1,6 @@
 import NavigateAppPage from '../../common/NavigateAppPage';
 import LinkPageObject from '../pages/LinkPageObject';
-import { ComponentSelector, Platform } from '../../common/BasePage';
+import { ComponentSelector } from '../../common/BasePage';
 import { LINK_ACCESSIBILITY_LABEL } from '../../../TestComponents/Link/consts';
 import { LINK_A11Y_ROLE, PAGE_TIMEOUT, BOOT_APP_TIMEOUT } from '../../common/consts';
 
@@ -12,10 +12,6 @@ describe('Link Testing Initialization', function () {
   });
 
   it('Click and navigate to Link test page', async () => {
-    /* Scroll to component test page button in scrollview if not already visible*/
-    await LinkPageObject.scrollToComponentButton(Platform.Win32);
-    await LinkPageObject.waitForButtonDisplayed(PAGE_TIMEOUT);
-
     /* Click on component button to navigate to test page */
     await NavigateAppPage.clickAndGoToLinkPage();
     await LinkPageObject.waitForPageDisplayed(PAGE_TIMEOUT);

package/src/E2E/LinkExperimental/specs/Link.spec.win.ts

@@ -1,6 +1,6 @@
 import NavigateAppPage from '../../common/NavigateAppPage';
 import ExperimentalLinkPageObject from '../pages/LinkPageObject';
-import { ComponentSelector, Platform } from '../../common/BasePage';
+import { ComponentSelector } from '../../common/BasePage';
 import { EXPERIMENTAL_LINK_ACCESSIBILITY_LABEL } from '../../../TestComponents/LinkExperimental/consts';
 import { LINK_A11Y_ROLE, PAGE_TIMEOUT, BOOT_APP_TIMEOUT } from '../../common/consts';
 
@@ -12,10 +12,6 @@ describe('Link Testing Initialization', function () {
   });
 
   it('Click and navigate to Link test page', async () => {
-    /* Scroll to component test page button in scrollview if not already visible*/
-    await ExperimentalLinkPageObject.scrollToComponentButton(Platform.Win32);
-    await ExperimentalLinkPageObject.waitForButtonDisplayed(PAGE_TIMEOUT);
-
     /* Click on component button to navigate to test page */
     await NavigateAppPage.clickAndGoToLinkExperimentalPage();
     await ExperimentalLinkPageObject.waitForPageDisplayed(PAGE_TIMEOUT);

package/src/E2E/Menu/specs/Menu.spec.win.ts

@@ -2,7 +2,6 @@ import NavigateAppPage from '../../common/NavigateAppPage';
 import MenuPageObject, { MenuComponentSelector } from '../pages/MenuPageObject';
 import { PAGE_TIMEOUT, BOOT_APP_TIMEOUT, Keys, MENUITEM_A11Y_ROLE, ExpandCollapseState } from '../../common/consts';
 import { MENUITEM_TEST_LABEL } from '../../../TestComponents/Menu/consts';
-import { Platform } from '../../common/BasePage';
 
 // Before testing begins, allow up to 60 seconds for app to open
 describe('Menu Testing Initialization', function () {
@@ -12,10 +11,6 @@ describe('Menu Testing Initialization', function () {
   });
 
   it('Click and navigate to Menu test page', async () => {
-    /* Scroll to component test page button in scrollview if not already visible*/
-    await MenuPageObject.scrollToComponentButton(Platform.Win32);
-    await MenuPageObject.waitForButtonDisplayed(PAGE_TIMEOUT);
-
     /* Click on component button to navigate to test page */
     await NavigateAppPage.clickAndGoToMenuPage();
     await MenuPageObject.waitForPageDisplayed(PAGE_TIMEOUT);

package/src/E2E/MenuButton/specs/MenuButton.spec.win.ts

@@ -2,7 +2,7 @@ import NavigateAppPage from '../../common/NavigateAppPage';
 import MenuButtonPageObject, { MenuButtonSelector } from '../pages/MenuButtonPageObject.win';
 import { PAGE_TIMEOUT, BOOT_APP_TIMEOUT, MENUBUTTON_A11Y_ROLE, Keys } from '../../common/consts';
 import { MENU_BUTTON_ACCESSIBILITY_LABEL, MENU_BUTTON_TEST_COMPONENT_LABEL } from '../../../TestComponents/MenuButton/consts';
-import { ComponentSelector, Platform } from '../../common/BasePage';
+import { ComponentSelector } from '../../common/BasePage';
 
 // Before testing begins, allow up to 60 seconds for app to open
 describe('MenuButton Testing Initialization', function () {
@@ -12,10 +12,6 @@ describe('MenuButton Testing Initialization', function () {
   });
 
   it('Click and navigate to MenuButton test page', async () => {
-    /* Scroll to component test page button in scrollview if not already visible*/
-    await MenuButtonPageObject.scrollToComponentButton(Platform.Win32);
-    await MenuButtonPageObject.waitForButtonDisplayed(PAGE_TIMEOUT);
-
     /* Click on component button to navigate to test page */
     await NavigateAppPage.clickAndGoToMenuButtonPage();
     await MenuButtonPageObject.waitForPageDisplayed(PAGE_TIMEOUT);

package/src/E2E/MenuButtonExperimental/specs/ExperimentalMenuButton.spec.win.ts

@@ -5,7 +5,7 @@ import {
   EXPERIMENTAL_MENU_BUTTON_ACCESSIBILITY_LABEL,
   EXPERIMENTAL_MENU_BUTTON_TEST_COMPONENT_LABEL,
 } from '../../../TestComponents/MenuButtonExperimental/consts';
-import { ComponentSelector, Platform } from '../../common/BasePage';
+import { ComponentSelector } from '../../common/BasePage';
 
 // Before testing begins, allow up to 60 seconds for app to open
 describe('Experimental MenuButton Testing Initialization', function () {
@@ -15,10 +15,6 @@ describe('Experimental MenuButton Testing Initialization', function () {
   });
 
   it('Click and navigate to Experimental MenuButton test page', async () => {
-    /* Scroll to component test page button in scrollview if not already visible*/
-    await ExperimentalMenuButtonPageObject.scrollToComponentButton(Platform.Win32);
-    await ExperimentalMenuButtonPageObject.waitForButtonDisplayed(PAGE_TIMEOUT);
-
     /* Click on component button to navigate to test page */
     await NavigateAppPage.clickAndGoToExperimentalMenuButtonPage();
     await ExperimentalMenuButtonPageObject.waitForPageDisplayed(PAGE_TIMEOUT);

package/src/E2E/Persona/specs/Persona.spec.ios.ts

@@ -1,7 +1,7 @@
 import NavigateAppPage from '../../common/NavigateAppPage';
 import PersonaPageObject from '../pages/PersonaPageObject';
 import { PAGE_TIMEOUT, BOOT_APP_TIMEOUT } from '../../common/consts';
-import { Platform } from '../../common/BasePage';
+import { MobilePlatform } from '../../common/BasePage';
 
 // Before testing begins, allow up to 60 seconds for app to open
 describe('Persona Testing Initialization', function () {
@@ -11,7 +11,7 @@ describe('Persona Testing Initialization', function () {
   });
 
   it('Click and navigate to Persona test page', async () => {
-    await PersonaPageObject.scrollToComponentButton(Platform.iOS);
+    await PersonaPageObject.mobileScrollToComponentButton(MobilePlatform.iOS);
     await PersonaPageObject.waitForButtonDisplayed(PAGE_TIMEOUT);
 
     /* Click on component button to navigate to test page */