@fluentui-react-native/tester 0.109.0 → 0.110.1

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

@@ -1,21 +0,0 @@
-import NavigateAppPage from '../../common/NavigateAppPage';
-import TextPageObject from '../pages/TextPageObject';
-import { PAGE_TIMEOUT, BOOT_APP_TIMEOUT } from '../../common/consts';
-
-// Before testing begins, allow up to 60 seconds for app to open
-describe('Text Testing Initialization', function () {
-  it('Wait for app load', async () => {
-    await NavigateAppPage.waitForPageDisplayed(BOOT_APP_TIMEOUT);
-    await expect(await NavigateAppPage.isPageLoaded()).toBeTruthy();
-  });
-
-  it('Click and navigate to Text test page', async () => {
-    await TextPageObject.waitForButtonDisplayed(PAGE_TIMEOUT);
-
-    /* Click on component button to navigate to test page */
-    await NavigateAppPage.clickAndGoToTextPage();
-    await TextPageObject.waitForPageDisplayed(PAGE_TIMEOUT);
-
-    await expect(await TextPageObject.isPageLoaded()).toBeTruthy();
-  });
-});

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

@@ -1,44 +0,0 @@
-import NavigateAppPage from '../../common/NavigateAppPage';
-import TextPageObject from '../pages/TextPageObject';
-import { ComponentSelector } from '../../common/BasePage';
-import { TEXT_A11Y_ROLE, PAGE_TIMEOUT, BOOT_APP_TIMEOUT } from '../../common/consts';
-import { TEXT_ACCESSIBILITY_LABEL, TEXT_COMPONENT_CONTENT } from '../../../TestComponents/Text/consts';
-
-// Before testing begins, allow up to 60 seconds for app to open
-describe('Text Testing Initialization', function () {
-  it('Wait for app load', async () => {
-    await NavigateAppPage.waitForPageDisplayed(BOOT_APP_TIMEOUT);
-    await expect(await NavigateAppPage.isPageLoaded()).toBeTruthy(NavigateAppPage.ERRORMESSAGE_APPLOAD);
-  });
-
-  it('Click and navigate to Text test page', async () => {
-    /* Click on component button to navigate to test page */
-    await NavigateAppPage.clickAndGoToTextPage();
-    await TextPageObject.waitForPageDisplayed(PAGE_TIMEOUT);
-
-    await expect(await TextPageObject.isPageLoaded()).toBeTruthy(TextPageObject.ERRORMESSAGE_PAGELOAD);
-    await expect(await TextPageObject.didAssertPopup()).toBeFalsy(TextPageObject.ERRORMESSAGE_ASSERT); // Ensure no asserts popped up
-  });
-});
-
-describe('Text Accessibility Testing', () => {
-  beforeEach(async () => {
-    await TextPageObject.scrollToTestElement();
-    await TextPageObject.waitForPrimaryElementDisplayed(PAGE_TIMEOUT);
-  });
-
-  it('Text - Validate accessibilityRole is correct', async () => {
-    await expect(await TextPageObject.getAccessibilityRole()).toEqual(TEXT_A11Y_ROLE);
-    await expect(await TextPageObject.didAssertPopup()).toBeFalsy(TextPageObject.ERRORMESSAGE_ASSERT);
-  });
-
-  it('Text - Set accessibilityLabel', async () => {
-    await expect(await TextPageObject.getAccessibilityLabel(ComponentSelector.Primary)).toEqual(TEXT_ACCESSIBILITY_LABEL);
-    await expect(await TextPageObject.didAssertPopup()).toBeFalsy(TextPageObject.ERRORMESSAGE_ASSERT);
-  });
-
-  it('Text - Do not accessibilityLabel -> Default to content', async () => {
-    await expect(await TextPageObject.getAccessibilityLabel(ComponentSelector.Secondary)).toEqual(TEXT_COMPONENT_CONTENT);
-    await expect(await TextPageObject.didAssertPopup()).toBeFalsy(TextPageObject.ERRORMESSAGE_ASSERT);
-  });
-});

package/src/E2E/TextExperimental/pages/ExperimentalTextPageObject.win.ts

@@ -1,29 +0,0 @@
-import {
-  EXPERIMENTAL_TEXT_TESTPAGE,
-  EXPERIMENTAL_TEXT_TEST_COMPONENT,
-  HOMEPAGE_EXPERIMENTAL_TEXT_BUTTON,
-} from '../../../TestComponents/TextExperimental/consts';
-import { BasePage, By } from '../../common/BasePage';
-
-class ExperimentalTextPageObject extends BasePage {
-  /*****************************************/
-  /**************** Getters ****************/
-  /*****************************************/
-  get _testPage() {
-    return By(EXPERIMENTAL_TEXT_TESTPAGE);
-  }
-
-  get _pageName() {
-    return EXPERIMENTAL_TEXT_TESTPAGE;
-  }
-
-  get _primaryComponent() {
-    return By(EXPERIMENTAL_TEXT_TEST_COMPONENT);
-  }
-
-  get _pageButton() {
-    return By(HOMEPAGE_EXPERIMENTAL_TEXT_BUTTON);
-  }
-}
-
-export default new ExperimentalTextPageObject();

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

@@ -1,22 +0,0 @@
-import NavigateAppPage from '../../common/NavigateAppPage';
-import ExperimentalTextPageObject from '../pages/ExperimentalTextPageObject.win';
-import { PAGE_TIMEOUT, BOOT_APP_TIMEOUT } from '../../common/consts';
-
-// Before testing begins, allow up to 60 seconds for app to open
-describe('Experimental Text Testing Initialization', function () {
-  it('Wait for app load', async () => {
-    await NavigateAppPage.waitForPageDisplayed(BOOT_APP_TIMEOUT);
-    await expect(await NavigateAppPage.isPageLoaded()).toBeTruthy(NavigateAppPage.ERRORMESSAGE_APPLOAD);
-  });
-
-  it('Click and navigate to Experimental Text test page', async () => {
-    await ExperimentalTextPageObject.mobileScrollToComponentButton();
-    await ExperimentalTextPageObject.waitForButtonDisplayed(PAGE_TIMEOUT);
-
-    /* Click on component button to navigate to test page */
-    await NavigateAppPage.clickAndGoToExperimentalTextPage();
-    await ExperimentalTextPageObject.waitForPageDisplayed(PAGE_TIMEOUT);
-
-    await expect(await ExperimentalTextPageObject.isPageLoaded()).toBeTruthy(ExperimentalTextPageObject.ERRORMESSAGE_PAGELOAD);
-  });
-});

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

@@ -1,21 +0,0 @@
-import NavigateAppPage from '../../common/NavigateAppPage';
-import ExperimentalTextPageObject from '../pages/ExperimentalTextPageObject.win';
-import { PAGE_TIMEOUT, BOOT_APP_TIMEOUT } from '../../common/consts';
-
-// Before testing begins, allow up to 60 seconds for app to open
-describe('Experimental Text Testing Initialization', function () {
-  it('Wait for app load', async () => {
-    await NavigateAppPage.waitForPageDisplayed(BOOT_APP_TIMEOUT);
-    await expect(await NavigateAppPage.isPageLoaded()).toBeTruthy(NavigateAppPage.ERRORMESSAGE_APPLOAD);
-  });
-
-  it('Click and navigate to Experimental Text test page', async () => {
-    await ExperimentalTextPageObject.waitForButtonDisplayed(PAGE_TIMEOUT);
-
-    /* Click on component button to navigate to test page */
-    await NavigateAppPage.clickAndGoToExperimentalTextPage();
-    await ExperimentalTextPageObject.waitForPageDisplayed(PAGE_TIMEOUT);
-
-    await expect(await ExperimentalTextPageObject.isPageLoaded()).toBeTruthy(ExperimentalTextPageObject.ERRORMESSAGE_PAGELOAD);
-  });
-});

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

@@ -1,30 +0,0 @@
-import NavigateAppPage from '../../common/NavigateAppPage';
-import ExperimentalTextPageObject from '../pages/ExperimentalTextPageObject.win';
-import { TEXT_A11Y_ROLE, PAGE_TIMEOUT, BOOT_APP_TIMEOUT } from '../../common/consts';
-
-// Before testing begins, allow up to 60 seconds for app to open
-describe('Experimental Text Testing Initialization', function () {
-  it('Wait for app load', async () => {
-    await NavigateAppPage.waitForPageDisplayed(BOOT_APP_TIMEOUT);
-    await expect(await NavigateAppPage.isPageLoaded()).toBeTruthy(NavigateAppPage.ERRORMESSAGE_APPLOAD);
-  });
-
-  it('Click and navigate to Experimental Text test page', async () => {
-    /* Click on component button to navigate to test page */
-    await NavigateAppPage.clickAndGoToExperimentalTextPage();
-    await ExperimentalTextPageObject.waitForPageDisplayed(PAGE_TIMEOUT);
-
-    await expect(await ExperimentalTextPageObject.isPageLoaded()).toBeTruthy(ExperimentalTextPageObject.ERRORMESSAGE_PAGELOAD);
-    await expect(await ExperimentalTextPageObject.didAssertPopup()).toBeFalsy(ExperimentalTextPageObject.ERRORMESSAGE_ASSERT); // Ensure no asserts popped up
-  });
-});
-
-describe('Experimental Text Accessibility Testing', () => {
-  it('Text - Validate accessibilityRole is correct', async () => {
-    await ExperimentalTextPageObject.scrollToTestElement();
-    await ExperimentalTextPageObject.waitForPrimaryElementDisplayed(PAGE_TIMEOUT);
-
-    await expect(await ExperimentalTextPageObject.getAccessibilityRole()).toEqual(TEXT_A11Y_ROLE);
-    await expect(await ExperimentalTextPageObject.didAssertPopup()).toBeFalsy(ExperimentalTextPageObject.ERRORMESSAGE_ASSERT);
-  });
-});

package/src/E2E/Theme/pages/ThemePageObject.win.ts

@@ -1,25 +0,0 @@
-import { THEME_TESTPAGE, THEME_TEST_COMPONENT, HOMEPAGE_THEME_BUTTON } from '../../../TestComponents/Theme/consts';
-import { BasePage, By } from '../../common/BasePage';
-
-class ThemePageObject extends BasePage {
-  /*****************************************/
-  /**************** Getters ****************/
-  /*****************************************/
-  get _testPage() {
-    return By(THEME_TESTPAGE);
-  }
-
-  get _pageName() {
-    return THEME_TESTPAGE;
-  }
-
-  get _primaryComponent() {
-    return By(THEME_TEST_COMPONENT);
-  }
-
-  get _pageButton() {
-    return By(HOMEPAGE_THEME_BUTTON);
-  }
-}
-
-export default new ThemePageObject();

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

@@ -1,22 +0,0 @@
-import NavigateAppPage from '../../common/NavigateAppPage';
-import ThemePageObject from '../pages/ThemePageObject.win';
-import { PAGE_TIMEOUT, BOOT_APP_TIMEOUT } from '../../common/consts';
-
-// Before testing begins, allow up to 60 seconds for app to open
-describe('Theme Testing Initialization', function () {
-  it('Wait for app load', async () => {
-    await NavigateAppPage.waitForPageDisplayed(BOOT_APP_TIMEOUT);
-    await expect(await NavigateAppPage.isPageLoaded()).toBeTruthy(NavigateAppPage.ERRORMESSAGE_APPLOAD);
-  });
-
-  it('Click and navigate to Theme test page', async () => {
-    await ThemePageObject.mobileScrollToComponentButton();
-    await ThemePageObject.waitForButtonDisplayed(PAGE_TIMEOUT);
-
-    /* Click on component button to navigate to test page */
-    await NavigateAppPage.clickAndGoToThemePage();
-    await ThemePageObject.waitForPageDisplayed(PAGE_TIMEOUT);
-
-    await expect(await ThemePageObject.isPageLoaded()).toBeTruthy(ThemePageObject.ERRORMESSAGE_PAGELOAD);
-  });
-});

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

@@ -1,21 +0,0 @@
-import NavigateAppPage from '../../common/NavigateAppPage';
-import ThemePageObject from '../pages/ThemePageObject.win';
-import { PAGE_TIMEOUT, BOOT_APP_TIMEOUT } from '../../common/consts';
-
-// Before testing begins, allow up to 60 seconds for app to open
-describe('Theme Testing Initialization', function () {
-  it('Wait for app load', async () => {
-    await NavigateAppPage.waitForPageDisplayed(BOOT_APP_TIMEOUT);
-    await expect(await NavigateAppPage.isPageLoaded()).toBeTruthy(NavigateAppPage.ERRORMESSAGE_APPLOAD);
-  });
-
-  it('Click and navigate to Theme test page', async () => {
-    await ThemePageObject.waitForButtonDisplayed(PAGE_TIMEOUT);
-
-    /* Click on component button to navigate to test page */
-    await NavigateAppPage.clickAndGoToThemePage();
-    await ThemePageObject.waitForPageDisplayed(PAGE_TIMEOUT);
-
-    await expect(await ThemePageObject.isPageLoaded()).toBeTruthy(ThemePageObject.ERRORMESSAGE_PAGELOAD);
-  });
-});

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

@@ -1,20 +0,0 @@
-import NavigateAppPage from '../../common/NavigateAppPage';
-import ThemePageObject from '../pages/ThemePageObject.win';
-import { PAGE_TIMEOUT, BOOT_APP_TIMEOUT } from '../../common/consts';
-
-// Before testing begins, allow up to 60 seconds for app to open
-describe('Theme Testing Initialization', function () {
-  it('Wait for app load', async () => {
-    await NavigateAppPage.waitForPageDisplayed(BOOT_APP_TIMEOUT);
-    await expect(await NavigateAppPage.isPageLoaded()).toBeTruthy(NavigateAppPage.ERRORMESSAGE_APPLOAD);
-  });
-
-  it('Click and navigate to Theme test page', async () => {
-    /* Click on component button to navigate to test page */
-    await NavigateAppPage.clickAndGoToThemePage();
-    await ThemePageObject.waitForPageDisplayed(PAGE_TIMEOUT);
-
-    await expect(await ThemePageObject.isPageLoaded()).toBeTruthy(ThemePageObject.ERRORMESSAGE_PAGELOAD);
-    await expect(await ThemePageObject.didAssertPopup()).toBeFalsy(ThemePageObject.ERRORMESSAGE_ASSERT); // Ensure no asserts popped up
-  });
-});

package/src/E2E/Tokens/pages/TokensPageObject.win.ts

@@ -1,25 +0,0 @@
-import { HOMEPAGE_TOKEN_BUTTON, TOKEN_TESTPAGE, TOKENS_TEST_COMPONENT } from '../../../TestComponents/Tokens/consts';
-import { BasePage, By } from '../../common/BasePage';
-
-class TokenPageObject extends BasePage {
-  /*****************************************/
-  /**************** Getters ****************/
-  /*****************************************/
-  get _testPage() {
-    return By(TOKEN_TESTPAGE);
-  }
-
-  get _pageName() {
-    return TOKEN_TESTPAGE;
-  }
-
-  get _primaryComponent() {
-    return By(TOKENS_TEST_COMPONENT);
-  }
-
-  get _pageButton() {
-    return By(HOMEPAGE_TOKEN_BUTTON);
-  }
-}
-
-export default new TokenPageObject();

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

@@ -1,22 +0,0 @@
-import NavigateAppPage from '../../common/NavigateAppPage';
-import TokenPageObject from '../pages/TokensPageObject.win';
-import { PAGE_TIMEOUT, BOOT_APP_TIMEOUT } from '../../common/consts';
-
-// Before testing begins, allow up to 60 seconds for app to open
-describe('Tokens Testing Initialization', function () {
-  it('Wait for app load', async () => {
-    await NavigateAppPage.waitForPageDisplayed(BOOT_APP_TIMEOUT);
-    await expect(await NavigateAppPage.isPageLoaded()).toBeTruthy(NavigateAppPage.ERRORMESSAGE_APPLOAD);
-  });
-
-  it('Click and navigate to Tokens test page', async () => {
-    await TokenPageObject.mobileScrollToComponentButton();
-    await TokenPageObject.waitForButtonDisplayed(PAGE_TIMEOUT);
-
-    /* Click on component button to navigate to test page */
-    await NavigateAppPage.clickAndGoToTokensPage();
-    await TokenPageObject.waitForPageDisplayed(PAGE_TIMEOUT);
-
-    await expect(await TokenPageObject.isPageLoaded()).toBeTruthy(TokenPageObject.ERRORMESSAGE_PAGELOAD);
-  });
-});

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

@@ -1,21 +0,0 @@
-import NavigateAppPage from '../../common/NavigateAppPage';
-import TokenPageObject from '../pages/TokensPageObject.win';
-import { PAGE_TIMEOUT, BOOT_APP_TIMEOUT } from '../../common/consts';
-
-// Before testing begins, allow up to 60 seconds for app to open
-describe('Tokens Testing Initialization', function () {
-  it('Wait for app load', async () => {
-    await NavigateAppPage.waitForPageDisplayed(BOOT_APP_TIMEOUT);
-    await expect(await NavigateAppPage.isPageLoaded()).toBeTruthy(NavigateAppPage.ERRORMESSAGE_APPLOAD);
-  });
-
-  it('Click and navigate to Tokens test page', async () => {
-    await TokenPageObject.waitForButtonDisplayed(PAGE_TIMEOUT);
-
-    /* Click on component button to navigate to test page */
-    await NavigateAppPage.clickAndGoToTokensPage();
-    await TokenPageObject.waitForPageDisplayed(PAGE_TIMEOUT);
-
-    await expect(await TokenPageObject.isPageLoaded()).toBeTruthy(TokenPageObject.ERRORMESSAGE_PAGELOAD);
-  });
-});

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

@@ -1,20 +0,0 @@
-import NavigateAppPage from '../../common/NavigateAppPage';
-import TokenPageObject from '../pages/TokensPageObject.win';
-import { PAGE_TIMEOUT, BOOT_APP_TIMEOUT } from '../../common/consts';
-
-// Before testing begins, allow up to 60 seconds for app to open
-describe('Tokens Testing Initialization', function () {
-  it('Wait for app load', async () => {
-    await NavigateAppPage.waitForPageDisplayed(BOOT_APP_TIMEOUT);
-    await expect(await NavigateAppPage.isPageLoaded()).toBeTruthy(NavigateAppPage.ERRORMESSAGE_APPLOAD);
-  });
-
-  it('Click and navigate to Tokens test page', async () => {
-    /* Click on component button to navigate to test page */
-    await NavigateAppPage.clickAndGoToTokensPage();
-    await TokenPageObject.waitForPageDisplayed(PAGE_TIMEOUT);
-
-    await expect(await TokenPageObject.isPageLoaded()).toBeTruthy(TokenPageObject.ERRORMESSAGE_PAGELOAD);
-    await expect(await TokenPageObject.didAssertPopup()).toBeFalsy(TokenPageObject.ERRORMESSAGE_ASSERT); // Ensure no asserts popped up
-  });
-});

package/src/E2E/common/BasePage.ts

@@ -1,291 +0,0 @@
-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 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
-make the communication from our spec document to our page object easier. Please read below to
-see why we have Primary/Secondary components. */
-export const enum ComponentSelector {
-  Primary = 0, // this._primaryComponent
-  Secondary, // this._secondaryComponent
-}
-
-export const enum MobilePlatform {
-  iOS = 'ios',
-  Android = 'android',
-}
-
-export const enum NativePlatform {
-  Win32 = 'win32',
-  Windows = 'windows',
-  macOS = 'macos',
-}
-
-export type Platform = MobilePlatform | NativePlatform;
-
-/****************************** IMPORTANT! PLEASE READ! **************************************************
- * Every component's page object extends this. We can assume each test page will interact with at least
- * two UI elements, so we'll add integration for two UI elements in this file (See *Getters* section below).
- * Every additional UI element that a test page wants to interact with should be handled in that respective
- * component's page object.
- *********************************************************************************************************/
-
-export class BasePage {
-  private platform?: Platform;
-
-  constructor() {
-    if (PLATFORM) {
-      this.platform = PLATFORM as Platform;
-    }
-  }
-  /******************************************************************/
-  /**************** UI Element Interaction Methods ******************/
-  /******************************************************************/
-  async getAccessibilityRole(): Promise<string> {
-    return await this.getElementAttribute(await this._primaryComponent, Attribute.AccessibilityRole);
-  }
-
-  /* Gets the accessibility label of an UI element given the selector */
-  async getAccessibilityLabel(componentSelector: ComponentSelector): Promise<string> {
-    switch (componentSelector) {
-      case ComponentSelector.Primary:
-        return await this.getElementAttribute(await this._primaryComponent, Attribute.AccessibilityLabel);
-
-      case ComponentSelector.Secondary:
-        return await this.getElementAttribute(await this._secondaryComponent, Attribute.AccessibilityLabel);
-    }
-  }
-
-  /* Returns true if the test page has loaded. To determine if it's loaded, each test page has a specific UI element we attempt to locate.
-   * 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();
-  }
-
-  /* Returns true if the test page's button is displayed (the button that navigates to each test page) */
-  async isButtonInView(): Promise<boolean> {
-    return await (await this._pageButton).isDisplayed();
-  }
-
-  async clickComponent(): Promise<void> {
-    await (await this._primaryComponent).click();
-  }
-
-  async getElementAttribute(element: WebdriverIO.Element, attribute: Attribute) {
-    return await element.getAttribute(attribute);
-  }
-
-  /* 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 */
-  async mobileScrollToComponentButton(): Promise<void> {
-    if (await (await this._pageButton).isDisplayed()) {
-      return;
-    }
-
-    const errorMsg =
-      'Could not scroll to the ' + this._pageName + "'s Button. Please see Pipeline artifacts for more debugging information.";
-
-    switch (this.platform) {
-      case MobilePlatform.iOS: {
-        await browser.waitUntil(
-          async () => {
-            await driver.execute('mobile: scroll', { direction: 'down' });
-            return await (await this._pageButton).isDisplayed();
-          },
-          {
-            timeout: this.waitForUiEvent,
-            timeoutMsg: errorMsg,
-          },
-        );
-        break;
-      }
-      default:
-      case MobilePlatform.Android:
-        // Todo
-        break;
-    }
-  }
-
-  /* Waits for the test page to load. If the test page doesn't load before the timeout, it causes the test to fail. */
-  async waitForPageDisplayed(timeout?: number): Promise<void> {
-    await browser.waitUntil(async () => await this.isPageLoaded(), {
-      timeout: timeout ?? this.waitForUiEvent,
-      timeoutMsg: this._pageName + ' did not render correctly. Please see /errorShots for more information.',
-      interval: 1500,
-    });
-  }
-
-  /* Waits for the test page's button to be displayed. If the button doesn't load before the timeout, it causes the test to fail. */
-  async waitForButtonDisplayed(timeout?: number): Promise<void> {
-    await browser.waitUntil(async () => await this.isButtonInView(), {
-      timeout: timeout ?? this.waitForUiEvent,
-      timeoutMsg: 'Could not find the button to navigate to ' + this._pageName + '. Please see /errorShots for more information.',
-      interval: 1500,
-    });
-  }
-
-  /* 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 (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.',
-      interval: 1500,
-    });
-  }
-
-  /* Scrolls to the primary UI test element until it is displayed. */
-  async scrollToTestElement(component?: WebdriverIO.Element): Promise<void> {
-    const ComponentToScrollTo = component ?? (await this._primaryComponent);
-    if (await ComponentToScrollTo.isDisplayed()) {
-      return;
-    }
-
-    // This button is at the top of every test page. It allows us to put focus in the test page pane so we can type PageDown
-    const FocusButton = await By('Focus_Button');
-    const scrollDownKeys = [Keys.PAGE_DOWN];
-    await browser.waitUntil(
-      async () => {
-        await FocusButton.addValue(scrollDownKeys);
-        scrollDownKeys.push(Keys.PAGE_DOWN);
-        return await ComponentToScrollTo.isDisplayed();
-      },
-      {
-        timeout: 30000,
-        timeoutMsg:
-          'Could not scroll to the ' +
-          this._pageName +
-          "'s main test element. Please see Pipeline artifacts for more debugging information.",
-      },
-    );
-
-    // We have this extra scroll here to ensure the whole component is visible.
-    await FocusButton.addValue(scrollDownKeys);
-  }
-
-  /* A method that allows the caller to pass in a condition. A wrapper for waitUntil(). Once testing becomes more extensive,
-   * this will allow cleaner code within all the Page Objects. */
-  async waitForCondition(condition: () => Promise<boolean>, errorMsg?: string, timeout?: number): Promise<void> {
-    await browser.waitUntil(async () => await condition(), {
-      timeout: timeout ?? this.waitForUiEvent,
-      timeoutMsg: errorMsg ?? 'Error. Please see /errorShots and logs for more information.',
-      interval: 1000,
-    });
-  }
-
-  /* FUNCTIONALITY: Determines if an Assert has fired. True if yes; false otherwise
-   *
-   * WHY/HOW: Unfortunately, some Asserts don't take focus away from the test app. Because of this, the test execution is able
-   * to continue without realizing an assert as popped up (unless the assert is a crashing one).
-   *
-   * In order to detect an assert, this function gets the number of window handles currently open within the test app.
-   * Only one instance SHOULD be open at a time (the app itself). If another instance of the app is open, we know an assert dialogue
-   * has popped up. With this information, we know to fail the test.
-   *
-   * Additionally, you might think it's logical to simply place this in the afterEach() hook so it's called after every test (rather than duplicating this call in every test).
-   * Unfortunately, afterEach() is designed for setup/teardown - not for determining if a test should fail or not.
-   * */
-  async didAssertPopup(): Promise<boolean> {
-    // If more than 1 instance of the app is open, we know an assert dialogue popped up.
-    const windowHandles = await browser.getWindowHandles();
-    return windowHandles.length > 1;
-  }
-
-  /*****************************************/
-  /**************** Getters ****************/
-  /*****************************************/
-
-  /*  IMPORTANT:
-   *  Each PageObject class that extends this class is expected to override these values.
-   *  This is necessary because each page will have different IDs for their respective UI elements.
-   *  DUMMY_CHAR is just a placeholder.
-   */
-
-  // Returns: UI Element
-  // The Text component on each test page containing the title of that page. We can use this to determine if a test page has loaded correctly.
-  get _testPage() {
-    return By(DUMMY_CHAR);
-  }
-
-  // Returns: UI Element
-  // The primary UI element used for testing on the given test page.
-  get _primaryComponent() {
-    return By(DUMMY_CHAR);
-  }
-
-  // Returns: UI Element
-  // The secondary UI element used for testing on the given test page. Often times, we'll want to set a
-  // prop on one component, and not set it on another to verify certain behaviors. This is why we have this secondary component.
-  get _secondaryComponent() {
-    return By(DUMMY_CHAR);
-  }
-
-  // Returns: UI Element
-  // The button that navigates you to the component's test page.
-  get _pageButton() {
-    return By(DUMMY_CHAR);
-  }
-
-  // Returns: String
-  // Returns the name of the test page. Useful for error messages (see above).
-  get _pageName(): string {
-    return DUMMY_CHAR;
-  }
-
-  // The scrollviewer containing the list of buttons to navigate to each test page
-  get _testPageButtonScrollViewer() {
-    return By(TESTPAGE_BUTTONS_SCROLLVIEWER);
-  }
-
-  /****************** Error Messages ******************/
-  get ERRORMESSAGE_SUFFIX(): string {
-    return 'Please review logs and error screenshots for more information.';
-  }
-
-  get ERRORMESSAGE_APPLOAD(): string {
-    return 'The FluentTester app did not load correctly. ' + this.ERRORMESSAGE_SUFFIX;
-  }
-
-  get ERRORMESSAGE_PAGELOAD(): string {
-    return 'The ' + this._pageName + ' test page did not load correctly. ' + this.ERRORMESSAGE_SUFFIX;
-  }
-
-  get ERRORMESSAGE_ASSERT(): string {
-    return 'An assert popped up. ' + this.ERRORMESSAGE_SUFFIX;
-  }
-
-  // Default timeout to wait until page is displayed (10s)
-  waitForUiEvent: number = 25000;
-}