@fluentui-react-native/tester 0.103.11 → 0.103.12

package/src/E2E/Callout/pages/CalloutPageObject.win.ts

@@ -11,13 +11,13 @@ class CalloutPageObject extends BasePage {
   /**************** UI Element Interaction Methods ******************/
   /******************************************************************/
   async didCalloutLoad(): Promise<boolean> {
-    return await this._primaryComponent.isDisplayed();
+    return await (await this._primaryComponent).isDisplayed();
   }
 
   /* OVERRIDE: This must scroll to the button that opens the callout, not the callout (since it's not visible on load.) */
   async scrollToTestElement(): Promise<void> {
-    while (!(await this._buttonToOpenCallout.isDisplayed())) {
-      await driver.touchScroll(COMPONENT_SCROLL_COORDINATES.x, COMPONENT_SCROLL_COORDINATES.y, await this._testPage.elementId);
+    while (!(await (await this._buttonToOpenCallout).isDisplayed())) {
+      await driver.touchScroll(COMPONENT_SCROLL_COORDINATES.x, COMPONENT_SCROLL_COORDINATES.y, await (await this._testPage).elementId);
     }
   }
 

package/src/E2E/Checkbox/pages/CheckboxPageObject.ts

@@ -18,7 +18,7 @@ class CheckboxPageObject extends BasePage {
   /**************** UI Element Interaction Methods ******************/
   /******************************************************************/
   async isCheckboxChecked(): Promise<boolean> {
-    return await this._primaryComponent.isSelected();
+    return await (await this._primaryComponent).isSelected();
   }
 
   async waitForCheckboxChecked(timeout?: number): Promise<void> {
@@ -32,7 +32,7 @@ class CheckboxPageObject extends BasePage {
   /* Useful in beforeEach() hook to reset the checkbox before every test */
   async toggleCheckboxToUnchecked(): Promise<void> {
     if (await this.isCheckboxChecked()) {
-      await this._primaryComponent.click();
+      await (await this._primaryComponent).click();
     }
   }
 

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

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

package/src/E2E/CheckboxExperimental/pages/ExperimentalCheckboxPageObject.ts

@@ -18,7 +18,7 @@ class ExperimentalCheckboxPageObject extends BasePage {
   /**************** UI Element Interaction Methods ******************/
   /******************************************************************/
   async isCheckboxChecked(): Promise<boolean> {
-    return await this._primaryComponent.isSelected();
+    return await (await this._primaryComponent).isSelected();
   }
 
   async waitForCheckboxChecked(timeout?: number): Promise<void> {
@@ -32,7 +32,7 @@ class ExperimentalCheckboxPageObject extends BasePage {
   /* Useful in beforeEach() hook to reset the checkbox before every test */
   async toggleCheckboxToUnchecked(): Promise<void> {
     if (await this.isCheckboxChecked()) {
-      await this._primaryComponent.click();
+      await (await this._primaryComponent).click();
     }
   }
 

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

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

package/src/E2E/ContextualMenu/pages/ContextualMenuPageObject.win.ts

@@ -27,7 +27,7 @@ class ContextualMenuPageObject extends BasePage {
 
   /* Whether the contextual menu item is displayed or not. It should be displayed after clicking on the MenuButton */
   async contextualMenuItemDisplayed(): Promise<boolean> {
-    return await this._contextualMenuItem.isDisplayed();
+    return await (await this._contextualMenuItem).isDisplayed();
   }
 
   /* Sends a Keyboarding command on a specific UI element */

package/src/E2E/FocusTrapZone/pages/FocusTrapZonePageObject.win.ts

@@ -10,7 +10,7 @@ class FocusTrapZonePageObject extends BasePage {
   // a wrapper that adds keyboard focus functionality
   async waitForPrimaryElementDisplayed(timeout?: number): Promise<void> {
     const errorMsg = 'The FocusTrapZone UI Element did not load correctly. Please see logs.';
-    await this.waitForCondition(async () => await this._primaryComponent.isExisting(), errorMsg, timeout);
+    await this.waitForCondition(async () => await (await this._primaryComponent).isExisting(), errorMsg, timeout);
   }
 
   /*****************************************/

package/src/E2E/FocusZone/pages/FocusZonePageObject.ts

@@ -47,7 +47,7 @@ type BooleanGridFocusZoneOption =
 class FocusZonePageObject extends BasePage {
   async waitForPrimaryElementDisplayed(timeout?: number): Promise<void> {
     const errorMsg = 'The FocusZone UI Element did not load correctly. Please see logs.';
-    await this.waitForCondition(async () => await this._primaryComponent.isDisplayed(), errorMsg, timeout);
+    await this.waitForCondition(async () => await (await this._primaryComponent).isDisplayed(), errorMsg, timeout);
   }
 
   async resetTest() {

package/src/E2E/Icon/specs/Icon.spec.ios.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 { MobilePlatform } from '../../common/BasePage';
 
 // Before testing begins, allow up to 60 seconds for app to open
 describe('Icon Testing Initialization', function () {
@@ -11,7 +10,7 @@ describe('Icon Testing Initialization', function () {
   });
 
   it('Click and navigate to Icon test page', async () => {
-    await IconPageObject.mobileScrollToComponentButton(MobilePlatform.iOS);
+    await IconPageObject.mobileScrollToComponentButton();
     await IconPageObject.waitForButtonDisplayed(PAGE_TIMEOUT);
 
     /* Click on component button to navigate to test page */

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

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

package/src/E2E/MenuButton/pages/MenuButtonPageObject.win.ts

@@ -26,7 +26,7 @@ class MenuButtonPageObject extends BasePage {
 
   /* Whether the menu item is displayed or not. It should be displayed after clicking on the MenuButton */
   async menuItemDisplayed(): Promise<boolean> {
-    return await this._menuItem.isDisplayed();
+    return await (await this._menuItem).isDisplayed();
   }
 
   /* Sends a Keyboarding command on a specific UI element */

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

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

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

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

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

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

package/src/E2E/RadioGroup/pages/RadioGroupPageObject.ts

@@ -32,11 +32,11 @@ class RadioGroupPage extends BasePage {
   /* This resets the RadioGroup selection by clicking/selecting the 1st RadioButton in the RadioGroup.
    * Useful in beforeEach() hooks to reset the RadioGroup before additional tests */
   async resetRadioGroupSelection(): Promise<void> {
-    await this._firstRadioButton.click();
+    await (await this._firstRadioButton).click();
   }
 
   async getRadioButtonAccesibilityRole(): Promise<string> {
-    return await this._firstRadioButton.getAttribute('ControlType');
+    return await (await this._firstRadioButton).getAttribute('ControlType');
   }
 
   async isRadioButtonSelected(radioButtonSelector: RadioButtonSelector): Promise<boolean> {

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

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

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

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

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

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

package/src/E2E/Switch/pages/SwitchPageObject.ts

@@ -19,7 +19,7 @@ class SwitchPageObject extends BasePage {
   /**************** UI Element Interaction Methods ******************/
   /******************************************************************/
   async isSwitchChecked(): Promise<boolean> {
-    return await this._primaryComponent.isSelected();
+    return await (await this._primaryComponent).isSelected();
   }
 
   async waitForSwitchChecked(timeout?: number): Promise<void> {
@@ -32,7 +32,7 @@ class SwitchPageObject extends BasePage {
 
   async toggleSwitchToUnchecked(): Promise<void> {
     if (await this.isSwitchChecked()) {
-      await this._primaryComponent.click();
+      await (await this._primaryComponent).click();
     }
   }
 

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

@@ -10,8 +10,6 @@ describe('Tabs Testing Initialization', function () {
   });
 
   it('Click and navigate to Tabs test page', async () => {
-    /* Scroll to component test page button in scrollview if not already visible*/
-
     /* Click on component button to navigate to test page */
     await NavigateAppPage.clickAndGoToTabsPage();
     await TabsPageObject.waitForPageDisplayed(PAGE_TIMEOUT);

package/src/E2E/TabsExperimental/pages/ExperimentalTabsPageObject.ts

@@ -11,7 +11,7 @@ class ExperimentalTabsPageObject extends BasePage {
   /**************** UI Element Interaction Methods ******************/
   /******************************************************************/
   async getTabItemAccesibilityRole(): Promise<string> {
-    return await this._tabItem.getAttribute('ControlType');
+    return await (await this._tabItem).getAttribute('ControlType');
   }
 
   /*****************************************/

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

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

package/src/E2E/TextExperimental/specs/ExperimentalText.spec.ios.ts

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

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

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

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

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

package/src/E2E/common/BasePage.ts

@@ -1,13 +1,36 @@
-import { Keys } from './consts';
+import { Keys, ROOT_VIEW } from './consts';
 import { TESTPAGE_BUTTONS_SCROLLVIEWER } from '../../TestComponents/Common/consts';
 import { Attribute } from './consts';
 
 const DUMMY_CHAR = '';
+// The E2ETEST_PLATFORM environment variable should be set in the beforeSession hook in the wdio.conf file for the respective platform
+const PLATFORM = process.env['E2ETEST_PLATFORM'];
 export const COMPONENT_SCROLL_COORDINATES = { x: -0, y: -100 }; // These are the offsets. Y is negative because we want the touch to move up (and thus it scrolls down)
 
+let rootView: WebdriverIO.Element | null = null;
+
 /* Win32/UWP-Specific Selector. We use this to get elements on the test page */
-export function By(identifier: string) {
-  return $('~' + identifier);
+export async function By(identifier: string) {
+  if (PLATFORM === NativePlatform.Windows) {
+    // For some reason, the rootView node is never put into the element tree on the UWP tester. Remove this when fixed.
+    return await $('~' + identifier);
+  }
+  return await QueryWithChaining(identifier);
+}
+
+async function QueryWithChaining(identifier) {
+  if (rootView === null) {
+    // Most of the elements we're searching for will be children of this rootView node.
+    rootView = await $('~' + ROOT_VIEW);
+  }
+  const selector = '~' + identifier;
+  let queryResult: WebdriverIO.Element;
+  queryResult = await rootView.$(selector);
+  if (queryResult.error) {
+    // In some cases, such as opened ContextualMenu items, the element nodes are not children of the rootView node, meaning we need to start our search from the top of the tree.
+    queryResult = await $(selector);
+  }
+  return queryResult;
 }
 
 /* The values in this enum map to the UI components we want to test in our app. We use this to
@@ -19,14 +42,14 @@ export const enum ComponentSelector {
 }
 
 export const enum MobilePlatform {
-  iOS = 0,
-  Android,
+  iOS = 'ios',
+  Android = 'android',
 }
 
 export const enum NativePlatform {
-  Win32 = 0,
-  Windows,
-  macOS,
+  Win32 = 'win32',
+  Windows = 'windows',
+  macOS = 'macos',
 }
 
 export type Platform = MobilePlatform | NativePlatform;
@@ -39,6 +62,13 @@ export type Platform = MobilePlatform | NativePlatform;
  *********************************************************************************************************/
 
 export class BasePage {
+  private platform?: Platform;
+
+  constructor() {
+    if (PLATFORM) {
+      this.platform = PLATFORM as Platform;
+    }
+  }
   /******************************************************************/
   /**************** UI Element Interaction Methods ******************/
   /******************************************************************/
@@ -61,16 +91,16 @@ export class BasePage {
    * If this UI element is located, we know the page as loaded correctly. The UI element we look for is a Text component that contains
    * the title of the page (this._testPage returns that UI element)  */
   async isPageLoaded(): Promise<boolean> {
-    return await this._testPage.isDisplayed();
+    return (await this._testPage).isDisplayed();
   }
 
   /* Returns true if the test page's button is displayed (the button that navigates to each test page) */
   async isButtonInView(): Promise<boolean> {
-    return await this._pageButton.isDisplayed();
+    return await (await this._pageButton).isDisplayed();
   }
 
   async clickComponent(): Promise<void> {
-    await this._primaryComponent.click();
+    await (await this._primaryComponent).click();
   }
 
   async getElementAttribute(element: WebdriverIO.Element, attribute: Attribute) {
@@ -78,9 +108,8 @@ export class BasePage {
   }
 
   /* Scrolls until the desired test page's button is displayed. We use the scroll viewer UI element as the point to start scrolling.
-   * We use a negative number as the Y-coordinate because that enables us to scroll downwards.
-   * There are no need for win32 and macos cases, as the click command automatically scrolls the element into view. */
-  async mobileScrollToComponentButton(platform: MobilePlatform): Promise<void> {
+   * We use a negative number as the Y-coordinate because that enables us to scroll downwards */
+  async mobileScrollToComponentButton(): Promise<void> {
     if (await (await this._pageButton).isDisplayed()) {
       return;
     }
@@ -88,7 +117,7 @@ export class BasePage {
     const errorMsg =
       'Could not scroll to the ' + this._pageName + "'s Button. Please see Pipeline artifacts for more debugging information.";
 
-    switch (platform) {
+    switch (this.platform) {
       case MobilePlatform.iOS: {
         await browser.waitUntil(
           async () => {
@@ -129,7 +158,7 @@ export class BasePage {
 
   /* Waits for the primary UI test element to be displayed. If the element doesn't load before the timeout, it causes the test to fail. */
   async waitForPrimaryElementDisplayed(timeout?: number): Promise<void> {
-    await browser.waitUntil(async () => await this._primaryComponent.isDisplayed(), {
+    await browser.waitUntil(async () => await (await this._primaryComponent).isDisplayed(), {
       timeout: timeout ?? this.waitForUiEvent,
       timeoutMsg:
         'The primary UI element for testing did not display correctly. Please see /errorShots of the first failed test for more information.',

package/src/E2E/common/NativeTesting/pages/NativeTestingPageObject.win.ts

@@ -12,14 +12,14 @@ class NativeTestingPageObject extends BasePage {
   }
 
   async doesScrollViewParentExist(): Promise<boolean> {
-    return await this._testPageButtonScrollViewer.isDisplayed();
+    return await (await this._testPageButtonScrollViewer).isDisplayed();
   }
 
   /* Validate the Children of the ScrollView stay intact. The children are the buttons that
    * navigate to each test page. Also, validate these children exist with the proper testId format */
   async validateScrollViewChildren(): Promise<boolean> {
     // Gets all the children
-    const testChildren = await this._testPageButtonScrollViewer.$$('//*');
+    const testChildren = await (await this._testPageButtonScrollViewer).$$('//*');
     let foundValidButton = false;
 
     // Ensure the testID (maps 1:1 to automationId) properties of the button children match the defined testing format