@fluentui-react-native/tester 0.91.0 → 0.93.0

package/src/E2E/Icon/pages/IconPageObject.macos.ts

@@ -1,34 +0,0 @@
-import {
-  ICON_TESTPAGE,
-  ICON_TEST_COMPONENT,
-  HOMEPAGE_ICON_BUTTON,
-  ICON_NO_A11Y_LABEL_COMPONENT,
-} from '../../../TestComponents/Icon/consts';
-import { BasePage, By } from '../../common/BasePage.macos';
-
-class IconPageObject extends BasePage {
-  /*****************************************/
-  /**************** Getters ****************/
-  /*****************************************/
-  get _testPage() {
-    return By(ICON_TESTPAGE);
-  }
-
-  get _pageName() {
-    return ICON_TESTPAGE;
-  }
-
-  get _primaryComponent() {
-    return By(ICON_TEST_COMPONENT);
-  }
-
-  get _secondaryComponent() {
-    return By(ICON_NO_A11Y_LABEL_COMPONENT);
-  }
-
-  get _pageButton() {
-    return By(HOMEPAGE_ICON_BUTTON);
-  }
-}
-
-export default new IconPageObject();

package/src/E2E/Link/pages/LinkPageObject.macos.ts

@@ -1,34 +0,0 @@
-import {
-  LINK_TESTPAGE,
-  LINK_TEST_COMPONENT,
-  HOMEPAGE_LINK_BUTTON,
-  LINK_NO_A11Y_LABEL_COMPONENT,
-} from '../../../TestComponents/Link/consts';
-import { BasePage, By } from '../../common/BasePage.macos';
-
-class LinkPageObject extends BasePage {
-  /*****************************************/
-  /**************** Getters ****************/
-  /*****************************************/
-  get _testPage() {
-    return By(LINK_TESTPAGE);
-  }
-
-  get _pageName() {
-    return LINK_TESTPAGE;
-  }
-
-  get _primaryComponent() {
-    return By(LINK_TEST_COMPONENT);
-  }
-
-  get _secondaryComponent() {
-    return By(LINK_NO_A11Y_LABEL_COMPONENT);
-  }
-
-  get _pageButton() {
-    return By(HOMEPAGE_LINK_BUTTON);
-  }
-}
-
-export default new LinkPageObject();

package/src/E2E/Persona/pages/PersonaPageObject.macos.ts

@@ -1,25 +0,0 @@
-import { PERSONA_TESTPAGE, PERSONA_TEST_COMPONENT, HOMEPAGE_PERSONA_BUTTON } from '../../../TestComponents/Persona/consts';
-import { BasePage, By } from '../../common/BasePage.macos';
-
-class PersonaPageObject extends BasePage {
-  /*****************************************/
-  /**************** Getters ****************/
-  /*****************************************/
-  get _testPage() {
-    return By(PERSONA_TESTPAGE);
-  }
-
-  get _pageName() {
-    return PERSONA_TESTPAGE;
-  }
-
-  get _primaryComponent() {
-    return By(PERSONA_TEST_COMPONENT);
-  }
-
-  get _pageButton() {
-    return By(HOMEPAGE_PERSONA_BUTTON);
-  }
-}
-
-export default new PersonaPageObject();

package/src/E2E/PersonaCoin/pages/PersonaCoinPageObject.macos.ts

@@ -1,25 +0,0 @@
-import { PERSONACOIN_TESTPAGE, PERSONACOIN_TEST_COMPONENT, HOMEPAGE_PERSONACOIN_BUTTON } from '../../../TestComponents/PersonaCoin/consts';
-import { BasePage, By } from '../../common/BasePage.macos';
-
-class PersonaCoinPageObject extends BasePage {
-  /*****************************************/
-  /**************** Getters ****************/
-  /*****************************************/
-  get _testPage() {
-    return By(PERSONACOIN_TESTPAGE);
-  }
-
-  get _pageName() {
-    return PERSONACOIN_TESTPAGE;
-  }
-
-  get _primaryComponent() {
-    return By(PERSONACOIN_TEST_COMPONENT);
-  }
-
-  get _pageButton() {
-    return By(HOMEPAGE_PERSONACOIN_BUTTON);
-  }
-}
-
-export default new PersonaCoinPageObject();

package/src/E2E/Pressable/pages/PressablePageObject.macos.ts

@@ -1,25 +0,0 @@
-import { PRESSABLE_TESTPAGE, PRESSABLE_TEST_COMPONENT, HOMEPAGE_PRESSABLE_BUTTON } from '../../../TestComponents/Pressable/consts';
-import { BasePage, By } from '../../common/BasePage.macos';
-
-class PressablePageObject extends BasePage {
-  /*****************************************/
-  /**************** Getters ****************/
-  /*****************************************/
-  get _testPage() {
-    return By(PRESSABLE_TESTPAGE);
-  }
-
-  get _pageName() {
-    return PRESSABLE_TESTPAGE;
-  }
-
-  get _primaryComponent() {
-    return By(PRESSABLE_TEST_COMPONENT);
-  }
-
-  get _pageButton() {
-    return By(HOMEPAGE_PRESSABLE_BUTTON);
-  }
-}
-
-export default new PressablePageObject();

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

@@ -1,70 +0,0 @@
-import {
-  RADIOGROUP_TESTPAGE,
-  RADIOGROUP_TEST_COMPONENT,
-  RADIOGROUP_NO_A11Y_LABEL_COMPONENT,
-  HOMEPAGE_RADIOGROUP_BUTTON,
-  FIRST_RADIO_BUTTON,
-  SECOND_RADIO_BUTTON,
-} from '../../../TestComponents/RadioGroup/consts';
-import { BasePage, By } from '../../common/BasePage.macos';
-
-export const enum RadioButtonSelector {
-  Primary = 0, // this._primaryComponent
-  Secondary, // this._secondaryComponent
-}
-
-class RadioGroupPage extends BasePage {
-  /******************************************************************/
-  /**************** UI Element Interaction Methods ******************/
-  /******************************************************************/
-  // Get RadioButton's accessibilityLabel
-  async getRBAccessibilityLabel(radioButtonSelector: RadioButtonSelector): Promise<string> {
-    switch (radioButtonSelector) {
-      case RadioButtonSelector.Primary:
-        return await this._radioButton.getAttribute('Name');
-
-      case RadioButtonSelector.Secondary:
-        return await this._secondRadioButton.getAttribute('Name');
-    }
-  }
-
-  async getRadioButtonAccesibilityRole(): Promise<string> {
-    return await this._radioButton.getAttribute('ControlType');
-  }
-
-  /*****************************************/
-  /**************** Getters ****************/
-  /*****************************************/
-  get _testPage() {
-    return By(RADIOGROUP_TESTPAGE);
-  }
-
-  get _pageName() {
-    return RADIOGROUP_TESTPAGE;
-  }
-
-  get _primaryComponent() {
-    return By(RADIOGROUP_TEST_COMPONENT);
-  }
-
-  get _secondaryComponent() {
-    return By(RADIOGROUP_NO_A11Y_LABEL_COMPONENT);
-  }
-
-  get _pageButton() {
-    return By(HOMEPAGE_RADIOGROUP_BUTTON);
-  }
-
-  /***************/
-  /* RadioButton *
-  /**************/
-  get _radioButton() {
-    return By(FIRST_RADIO_BUTTON);
-  }
-
-  get _secondRadioButton() {
-    return By(SECOND_RADIO_BUTTON);
-  }
-}
-
-export default new RadioGroupPage();

package/src/E2E/Separator/pages/SeparatorPageObject.macos.ts

@@ -1,25 +0,0 @@
-import { SEPARATOR_TESTPAGE, SEPARATOR_TEST_COMPONENT, HOMEPAGE_SEPARATOR_BUTTON } from '../../../TestComponents/Separator/consts';
-import { BasePage, By } from '../../common/BasePage.macos';
-
-class SeparatorPageObject extends BasePage {
-  /*****************************************/
-  /**************** Getters ****************/
-  /*****************************************/
-  get _testPage() {
-    return By(SEPARATOR_TESTPAGE);
-  }
-
-  get _pageName() {
-    return SEPARATOR_TESTPAGE;
-  }
-
-  get _primaryComponent() {
-    return By(SEPARATOR_TEST_COMPONENT);
-  }
-
-  get _pageButton() {
-    return By(HOMEPAGE_SEPARATOR_BUTTON);
-  }
-}
-
-export default new SeparatorPageObject();

package/src/E2E/Svg/pages/SvgPageObject.macos.ts

@@ -1,25 +0,0 @@
-import { SVG_TESTPAGE, SVG_TEST_COMPONENT, HOMEPAGE_SVG_BUTTON } from '../../../TestComponents/Svg/consts';
-import { BasePage, By } from '../../common/BasePage.macos';
-
-class SvgPageObject extends BasePage {
-  /*****************************************/
-  /**************** Getters ****************/
-  /*****************************************/
-  get _testPage() {
-    return By(SVG_TESTPAGE);
-  }
-
-  get _pageName() {
-    return SVG_TESTPAGE;
-  }
-
-  get _primaryComponent() {
-    return By(SVG_TEST_COMPONENT);
-  }
-
-  get _pageButton() {
-    return By(HOMEPAGE_SVG_BUTTON);
-  }
-}
-
-export default new SvgPageObject();

package/src/E2E/Tabs/pages/TabsPageObject.macos.ts

@@ -1,39 +0,0 @@
-import { TABS_TESTPAGE, TABS_TEST_COMPONENT, FIRST_TABS_ITEM, HOMEPAGE_TABS_BUTTON } from '../../../TestComponents/Tabs/consts';
-import { BasePage, By } from '../../common/BasePage.macos';
-
-class TabsPageObject extends BasePage {
-  /******************************************************************/
-  /**************** UI Element Interaction Methods ******************/
-  /******************************************************************/
-  async getTabItemAccesibilityRole(): Promise<string> {
-    return await this._tabItem.getAttribute('ControlType');
-  }
-
-  /*****************************************/
-  /**************** Getters ****************/
-  /*****************************************/
-  get _testPage() {
-    return By(TABS_TESTPAGE);
-  }
-
-  get _pageName() {
-    return TABS_TESTPAGE;
-  }
-
-  get _primaryComponent() {
-    return By(TABS_TEST_COMPONENT);
-  }
-
-  get _pageButton() {
-    return By(HOMEPAGE_TABS_BUTTON);
-  }
-
-  /***********/
-  /* TabItem *
-  /***********/
-  get _tabItem() {
-    return By(FIRST_TABS_ITEM);
-  }
-}
-
-export default new TabsPageObject();

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

@@ -1,44 +0,0 @@
-import {
-  EXPERIMENTAL_TABS_ITEM_TEST_COMPONENT,
-  EXPERIMENTAL_TABS_TESTPAGE,
-  EXPERIMENTAL_TABS_TEST_COMPONENT,
-  HOMEPAGE_EXPERIMENTAL_TABS_BUTTON,
-} from '../../../TestComponents/TabsExperimental/consts';
-import { BasePage, By } from '../../common/BasePage.macos';
-
-class ExperimentalTabsPageObject extends BasePage {
-  /******************************************************************/
-  /**************** UI Element Interaction Methods ******************/
-  /******************************************************************/
-  async getTabItemAccesibilityRole(): Promise<string> {
-    return await this._tabItem.getAttribute('ControlType');
-  }
-
-  /*****************************************/
-  /**************** Getters ****************/
-  /*****************************************/
-  get _testPage() {
-    return By(EXPERIMENTAL_TABS_TESTPAGE);
-  }
-
-  get _pageName() {
-    return EXPERIMENTAL_TABS_TESTPAGE;
-  }
-
-  get _primaryComponent() {
-    return By(EXPERIMENTAL_TABS_TEST_COMPONENT);
-  }
-
-  get _pageButton() {
-    return By(HOMEPAGE_EXPERIMENTAL_TABS_BUTTON);
-  }
-
-  /***********/
-  /* TabItem *
-  /***********/
-  get _tabItem() {
-    return By(EXPERIMENTAL_TABS_ITEM_TEST_COMPONENT);
-  }
-}
-
-export default new ExperimentalTabsPageObject();

package/src/E2E/Text/pages/TextPageObject.macos.ts

@@ -1,25 +0,0 @@
-import { TEXT_TESTPAGE, FIRST_TEXT_COMPONENT, HOMEPAGE_TEXT_BUTTON } from '../../../TestComponents/Text/consts';
-import { BasePage, By } from '../../common/BasePage.macos';
-
-class TextPageObject extends BasePage {
-  /*****************************************/
-  /**************** Getters ****************/
-  /*****************************************/
-  get _testPage() {
-    return By(TEXT_TESTPAGE);
-  }
-
-  get _pageName() {
-    return TEXT_TESTPAGE;
-  }
-
-  get _primaryComponent() {
-    return By(FIRST_TEXT_COMPONENT);
-  }
-
-  get _pageButton() {
-    return By(HOMEPAGE_TEXT_BUTTON);
-  }
-}
-
-export default new TextPageObject();

package/src/E2E/common/BasePage.macos.ts

@@ -1,152 +0,0 @@
-const DUMMY_CHAR = '';
-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)
-
-/* Mac-Specific Selector. We use this to get elements on the test page.
- * Specifically, this is the xpath selector. See https://v6.webdriver.io/docs/selectors.html#xpath */
-export function By(identifier: string) {
-  return $('//*[@identifier="' + identifier + '"]');
-}
-
-/* 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
-}
-
-/****************************** 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 {
-  /******************************************************************/
-  /**************** UI Element Interaction Methods ******************/
-  /******************************************************************/
-  async getAccessibilityRole(): Promise<string> {
-    return await this._primaryComponent.getAttribute('ControlType');
-  }
-
-  /* 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._primaryComponent.getAttribute('Name');
-
-      case ComponentSelector.Secondary:
-        return await this._secondaryComponent.getAttribute('Name');
-    }
-  }
-
-  /* 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 this._pageButton.isDisplayed();
-  }
-
-  async clickComponent(): Promise<void> {
-    await this._primaryComponent.click();
-  }
-
-  /* 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 scrollToComponentButton(): Promise<void> {
-    /* Not Needed Yet */
-  }
-
-  /* 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.waitForPageTimeout,
-      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.waitForPageTimeout,
-      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 this._primaryComponent.isDisplayed(), {
-      timeout: timeout ?? this.waitForPageTimeout,
-      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. It uses the ScrollView that encapsulates each test page. */
-  async scrollToTestElement(): Promise<void> {
-    /* Not Needed Yet */
-  }
-
-  /* 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.waitForPageTimeout,
-      timeoutMsg: errorMsg ?? 'Error. Please see /errorShots and logs for more information.',
-      interval: 1000,
-    });
-  }
-
-  /*****************************************/
-  /**************** 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;
-  }
-
-  // Default timeout to wait until page is displayed (10s)
-  waitForPageTimeout: number = 15000;
-}