@fluentui-react-native/tester 0.47.3 → 0.50.0

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

@@ -0,0 +1,50 @@
+import NavigateAppPage from '../../common/NavigateAppPage.win';
+import ButtonExperimentalPageObject from '../pages/ButtonExperimentalPageObject';
+import { ComponentSelector } from '../../common/BasePage.win';
+import { PAGE_TIMEOUT, BOOT_APP_TIMEOUT, BUTTON_A11Y_ROLE } from '../../common/consts';
+import {
+  BUTTONEXPERIMENTAL_ACCESSIBILITY_LABEL,
+  BUTTONEXPERIMENTAL_TEST_COMPONENT_LABEL,
+} from '../../../FluentTester/TestComponents/ButtonExperimental/consts';
+
+// Before testing begins, allow up to 60 seconds for app to open
+describe('Button Testing Initialization', function () {
+  it('Wait for app load', () => {
+    NavigateAppPage.waitForPageDisplayed(BOOT_APP_TIMEOUT);
+    expect(NavigateAppPage.isPageLoaded()).toBeTruthy();
+  });
+
+  it('Click and navigate to Button test page', () => {
+    /* Scroll to component test page button in scrollview if not already visible*/
+    ButtonExperimentalPageObject.scrollToComponentButton();
+    ButtonExperimentalPageObject.waitForButtonDisplayed(PAGE_TIMEOUT);
+
+    /* Click on component button to navigate to test page */
+    NavigateAppPage.clickAndGoToExperimentalButtonPage();
+    ButtonExperimentalPageObject.waitForPageDisplayed(PAGE_TIMEOUT);
+
+    expect(ButtonExperimentalPageObject.isPageLoaded()).toBeTruthy();
+  });
+});
+
+describe('Button Accessibility Testing', () => {
+  it('Button - Validate accessibilityRole is correct', () => {
+    ButtonExperimentalPageObject.scrollToTestElement();
+    ButtonExperimentalPageObject.waitForPrimaryElementDisplayed(PAGE_TIMEOUT);
+    expect(ButtonExperimentalPageObject.getAccessibilityRole()).toEqual(BUTTON_A11Y_ROLE);
+  });
+
+  it('Button - Set accessibilityLabel', () => {
+    ButtonExperimentalPageObject.scrollToTestElement();
+    ButtonExperimentalPageObject.waitForPrimaryElementDisplayed(PAGE_TIMEOUT);
+    expect(ButtonExperimentalPageObject.getAccessibilityLabel(ComponentSelector.Primary)).toEqual(BUTTONEXPERIMENTAL_ACCESSIBILITY_LABEL);
+  });
+
+  it('Button - Do not set accessibilityLabel -> Default to Button label', () => {
+    ButtonExperimentalPageObject.scrollToTestElement();
+    ButtonExperimentalPageObject.waitForPrimaryElementDisplayed(PAGE_TIMEOUT);
+    expect(ButtonExperimentalPageObject.getAccessibilityLabel(ComponentSelector.Secondary)).toEqual(
+      BUTTONEXPERIMENTAL_TEST_COMPONENT_LABEL,
+    );
+  });
+});

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

@@ -0,0 +1,48 @@
+import {
+  CALLOUT_TESTPAGE,
+  CALLOUT_TEST_COMPONENT,
+  HOMEPAGE_CALLOUT_BUTTON,
+  BUTTON_TO_OPEN_CALLOUT,
+} from '../../../FluentTester/TestComponents/Callout/consts';
+import { BasePage, By, COMPONENT_SCROLL_COORDINATES } from '../../common/BasePage.macos';
+
+class CalloutPageObject extends BasePage {
+  /******************************************************************/
+  /**************** UI Element Interaction Methods ******************/
+  /******************************************************************/
+  didCalloutLoad(): boolean {
+    return this._primaryComponent.isDisplayed();
+  }
+
+  /* OVERRIDE: This must scroll to the button that opens the callout, not the callout (since it's not visible on load.) */
+  scrollToTestElement(): void {
+    while (!this._buttonToOpenCallout.isDisplayed()) {
+      driver.touchScroll(COMPONENT_SCROLL_COORDINATES.x, COMPONENT_SCROLL_COORDINATES.y, this._testPage.elementId);
+    }
+  }
+
+  /*****************************************/
+  /**************** Getters ****************/
+  /*****************************************/
+  get _testPage() {
+    return By(CALLOUT_TESTPAGE);
+  }
+
+  get _pageName() {
+    return CALLOUT_TESTPAGE;
+  }
+
+  get _primaryComponent() {
+    return By(CALLOUT_TEST_COMPONENT);
+  }
+
+  get _pageButton() {
+    return By(HOMEPAGE_CALLOUT_BUTTON);
+  }
+
+  get _buttonToOpenCallout() {
+    return By(BUTTON_TO_OPEN_CALLOUT);
+  }
+}
+
+export default new CalloutPageObject();

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

@@ -0,0 +1,48 @@
+import {
+  CALLOUT_TESTPAGE,
+  CALLOUT_TEST_COMPONENT,
+  HOMEPAGE_CALLOUT_BUTTON,
+  BUTTON_TO_OPEN_CALLOUT,
+} from '../../../FluentTester/TestComponents/Callout/consts';
+import { BasePage, By, COMPONENT_SCROLL_COORDINATES } from '../../common/BasePage.win';
+
+class CalloutPageObject extends BasePage {
+  /******************************************************************/
+  /**************** UI Element Interaction Methods ******************/
+  /******************************************************************/
+  didCalloutLoad(): boolean {
+    return this._primaryComponent.isDisplayed();
+  }
+
+  /* OVERRIDE: This must scroll to the button that opens the callout, not the callout (since it's not visible on load.) */
+  scrollToTestElement(): void {
+    while (!this._buttonToOpenCallout.isDisplayed()) {
+      driver.touchScroll(COMPONENT_SCROLL_COORDINATES.x, COMPONENT_SCROLL_COORDINATES.y, this._testPage.elementId);
+    }
+  }
+
+  /*****************************************/
+  /**************** Getters ****************/
+  /*****************************************/
+  get _testPage() {
+    return By(CALLOUT_TESTPAGE);
+  }
+
+  get _pageName() {
+    return CALLOUT_TESTPAGE;
+  }
+
+  get _primaryComponent() {
+    return By(CALLOUT_TEST_COMPONENT);
+  }
+
+  get _pageButton() {
+    return By(HOMEPAGE_CALLOUT_BUTTON);
+  }
+
+  get _buttonToOpenCallout() {
+    return By(BUTTON_TO_OPEN_CALLOUT);
+  }
+}
+
+export default new CalloutPageObject();

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

@@ -0,0 +1,47 @@
+import NavigateAppPage from '../../common/NavigateAppPage.win';
+import CalloutPageObject from '../pages/CalloutPageObject.win';
+import { PAGE_TIMEOUT, BOOT_APP_TIMEOUT } from '../../common/consts';
+
+// Before testing begins, allow up to 60 seconds for app to open
+describe('Callout Testing Initialization', function () {
+  it('Wait for app load', () => {
+    NavigateAppPage.waitForPageDisplayed(BOOT_APP_TIMEOUT);
+    expect(NavigateAppPage.isPageLoaded()).toBeTruthy();
+  });
+
+  it('Click and navigate to Callout test page', () => {
+    /* Scroll to component test page button in scrollview if not already visible*/
+    CalloutPageObject.scrollToComponentButton();
+    CalloutPageObject.waitForButtonDisplayed(PAGE_TIMEOUT);
+
+    /* Click on component button to navigate to test page */
+    NavigateAppPage.clickAndGoToCalloutPage();
+    CalloutPageObject.waitForPageDisplayed(PAGE_TIMEOUT);
+
+    expect(CalloutPageObject.isPageLoaded()).toBeTruthy();
+  });
+});
+
+/* This will be re-enabled after the Callout's ViewManager integrates the testID prop. This is used to select UI components */
+// describe('Callout Functional Testing', () => {
+//   it('Open the callout and validate it loaded correctly (visible)', () => {
+//     CalloutPageObject.scrollToTestElement();
+//     CalloutPageObject.openCallout();
+//     CalloutPageObject.waitForCalloutComponentInView(PAGE_TIMEOUT);
+//     expect(CalloutPageObject.didCalloutLoad()).toBeTruthy();
+//   });
+// });
+
+// describe('Callout Accessibility Testing', () => {
+//   it('Validate accessibilityRole is correct', () => {
+//     CalloutPageObject.scrollToTestElement();
+//     CalloutPageObject.waitForCalloutComponentInView(PAGE_TIMEOUT);
+//     expect(CalloutPageObject.getAccessibilityRole()).toEqual(CALLOUT_A11Y_ROLE);
+//   });
+
+//   it('Set accessibilityLabel', () => {
+//     CalloutPageObject.scrollToTestElement();
+//     CalloutPageObject.waitForCalloutComponentInView(PAGE_TIMEOUT);
+//     expect(CalloutPageObject.getAccessibilityLabel(CalloutSelector.Primary)).toEqual(CALLOUT_ACCESSIBILITY_LABEL);
+//   });
+// });

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

@@ -0,0 +1,54 @@
+import {
+  CHECKBOX_TESTPAGE,
+  CHECKBOX_TEST_COMPONENT,
+  CHECKBOX_NO_A11Y_LABEL_COMPONENT,
+  HOMEPAGE_CHECKBOX_BUTTON,
+} from '../../../FluentTester/TestComponents/Checkbox/consts';
+import { BasePage, By } from '../../common/BasePage.macos';
+
+class CheckboxPageObject extends BasePage {
+  /******************************************************************/
+  /**************** UI Element Interaction Methods ******************/
+  /******************************************************************/
+  isCheckboxChecked(): boolean {
+    return this._primaryComponent.isSelected();
+  }
+
+  waitForCheckboxUnchecked(timeout?: number): void {
+    browser.waitUntil(
+      () => {
+        return !this.isCheckboxChecked();
+      },
+      {
+        timeout: timeout ?? this.waitForPageTimeout,
+        timeoutMsg: 'The onPress() callback for ' + this._pageName + ' did not fire correctly.',
+        interval: 1000,
+      },
+    );
+  }
+
+  /*****************************************/
+  /**************** Getters ****************/
+  /*****************************************/
+  get _testPage() {
+    return By(CHECKBOX_TESTPAGE);
+  }
+
+  get _pageName() {
+    return CHECKBOX_TESTPAGE;
+  }
+
+  get _primaryComponent() {
+    return By(CHECKBOX_TEST_COMPONENT);
+  }
+
+  get _secondaryComponent() {
+    return By(CHECKBOX_NO_A11Y_LABEL_COMPONENT);
+  }
+
+  get _pageButton() {
+    return By(HOMEPAGE_CHECKBOX_BUTTON);
+  }
+}
+
+export default new CheckboxPageObject();

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

@@ -0,0 +1,54 @@
+import {
+  CHECKBOX_TESTPAGE,
+  CHECKBOX_TEST_COMPONENT,
+  CHECKBOX_NO_A11Y_LABEL_COMPONENT,
+  HOMEPAGE_CHECKBOX_BUTTON,
+} from '../../../FluentTester/TestComponents/Checkbox/consts';
+import { BasePage, By } from '../../common/BasePage.win';
+
+class CheckboxPageObject extends BasePage {
+  /******************************************************************/
+  /**************** UI Element Interaction Methods ******************/
+  /******************************************************************/
+  isCheckboxChecked(): boolean {
+    return this._primaryComponent.isSelected();
+  }
+
+  waitForCheckboxUnchecked(timeout?: number): void {
+    browser.waitUntil(
+      () => {
+        return !this.isCheckboxChecked();
+      },
+      {
+        timeout: timeout ?? this.waitForPageTimeout,
+        timeoutMsg: 'The onPress() callback for ' + this._pageName + ' did not fire correctly.',
+        interval: 1000,
+      },
+    );
+  }
+
+  /*****************************************/
+  /**************** Getters ****************/
+  /*****************************************/
+  get _testPage() {
+    return By(CHECKBOX_TESTPAGE);
+  }
+
+  get _pageName() {
+    return CHECKBOX_TESTPAGE;
+  }
+
+  get _primaryComponent() {
+    return By(CHECKBOX_TEST_COMPONENT);
+  }
+
+  get _secondaryComponent() {
+    return By(CHECKBOX_NO_A11Y_LABEL_COMPONENT);
+  }
+
+  get _pageButton() {
+    return By(HOMEPAGE_CHECKBOX_BUTTON);
+  }
+}
+
+export default new CheckboxPageObject();

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

@@ -0,0 +1,22 @@
+import NavigateAppPage from '../../common/NavigateAppPage.macos';
+import CheckboxPageObject from '../pages/CheckboxPageObject.macos';
+import { PAGE_TIMEOUT, BOOT_APP_TIMEOUT } from '../../common/consts';
+
+describe('Checkbox Testing Initialization', () => {
+  it('Wait for app load', () => {
+    NavigateAppPage.waitForPageDisplayed(BOOT_APP_TIMEOUT);
+    expect(NavigateAppPage.isPageLoaded()).toBeTruthy();
+  });
+
+  it('Click and navigate to Checkbox test page', () => {
+    /* Scroll to component test page button in scrollview if not already visible*/
+    CheckboxPageObject.scrollToComponentButton();
+    CheckboxPageObject.waitForButtonDisplayed(PAGE_TIMEOUT);
+
+    /* Click on component button to navigate to test page */
+    NavigateAppPage.clickAndGoToCheckboxPage();
+    CheckboxPageObject.waitForPageDisplayed(PAGE_TIMEOUT);
+
+    expect(CheckboxPageObject.isPageLoaded()).toBeTruthy();
+  });
+});

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

@@ -0,0 +1,44 @@
+import NavigateAppPage from '../../common/NavigateAppPage.win';
+import CheckboxPageObject from '../pages/CheckboxPageObject';
+import { ComponentSelector } from '../../common/BasePage.win';
+import { CHECKBOX_TEST_COMPONENT_LABEL, CHECKBOX_ACCESSIBILITY_LABEL } from '../../../FluentTester/TestComponents/Checkbox/consts';
+import { CHECKBOX_A11Y_ROLE, PAGE_TIMEOUT, BOOT_APP_TIMEOUT } from '../../common/consts';
+
+describe('Checkbox Testing Initialization', () => {
+  it('Wait for app load', () => {
+    NavigateAppPage.waitForPageDisplayed(BOOT_APP_TIMEOUT);
+    expect(NavigateAppPage.isPageLoaded()).toBeTruthy();
+  });
+
+  it('Click and navigate to Checkbox test page', () => {
+    /* Scroll to component test page button in scrollview if not already visible*/
+    CheckboxPageObject.scrollToComponentButton();
+    CheckboxPageObject.waitForButtonDisplayed(PAGE_TIMEOUT);
+
+    /* Click on component button to navigate to test page */
+    NavigateAppPage.clickAndGoToCheckboxPage();
+    CheckboxPageObject.waitForPageDisplayed(PAGE_TIMEOUT);
+
+    expect(CheckboxPageObject.isPageLoaded()).toBeTruthy();
+  });
+});
+
+describe('Checkbox Accessibility Testing', () => {
+  it('Checkbox - Validate accessibilityRole is correct', () => {
+    CheckboxPageObject.scrollToTestElement();
+    CheckboxPageObject.waitForPrimaryElementDisplayed(PAGE_TIMEOUT);
+    expect(CheckboxPageObject.getAccessibilityRole()).toEqual(CHECKBOX_A11Y_ROLE);
+  });
+
+  it('Checkbox - Set accessibilityLabel', () => {
+    CheckboxPageObject.scrollToTestElement();
+    CheckboxPageObject.waitForPrimaryElementDisplayed(PAGE_TIMEOUT);
+    expect(CheckboxPageObject.getAccessibilityLabel(ComponentSelector.Primary)).toEqual(CHECKBOX_ACCESSIBILITY_LABEL);
+  });
+
+  it('Checkbox - Do not set accessibilityLabel -> Default to Checkbox label', () => {
+    CheckboxPageObject.scrollToTestElement();
+    CheckboxPageObject.waitForPrimaryElementDisplayed(PAGE_TIMEOUT);
+    expect(CheckboxPageObject.getAccessibilityLabel(ComponentSelector.Secondary)).toEqual(CHECKBOX_TEST_COMPONENT_LABEL);
+  });
+});

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

@@ -0,0 +1,29 @@
+import {
+  CONTEXTUALMENU_TESTPAGE,
+  CONTEXTUALMENU_TEST_COMPONENT,
+  HOMEPAGE_CONTEXTUALMENU_BUTTON,
+} from '../../../FluentTester/TestComponents/ContextualMenu/consts';
+import { BasePage, By } from '../../common/BasePage.win';
+
+class ContextualMenuPageObject extends BasePage {
+  /*****************************************/
+  /**************** Getters ****************/
+  /*****************************************/
+  get _testPage() {
+    return By(CONTEXTUALMENU_TESTPAGE);
+  }
+
+  get _pageName() {
+    return CONTEXTUALMENU_TESTPAGE;
+  }
+
+  get _primaryComponent() {
+    return By(CONTEXTUALMENU_TEST_COMPONENT);
+  }
+
+  get _pageButton() {
+    return By(HOMEPAGE_CONTEXTUALMENU_BUTTON);
+  }
+}
+
+export default new ContextualMenuPageObject();

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

@@ -0,0 +1,25 @@
+import NavigateAppPage from '../../common/NavigateAppPage.win';
+import ContextualMenuPageObjectObject from '../pages/ContextualMenuPageObject.win';
+import { PAGE_TIMEOUT, BOOT_APP_TIMEOUT } from '../../common/consts';
+
+// Before testing begins, allow up to 60 seconds for app to open
+describe('ContextualMenu Testing Initialization', function () {
+  it('Wait for app load', () => {
+    NavigateAppPage.waitForPageDisplayed(BOOT_APP_TIMEOUT);
+    expect(NavigateAppPage.isPageLoaded()).toBeTruthy();
+  });
+});
+
+describe('ContextualMenu Functional Tests', () => {
+  it('Click and navigate to ContextualMenu test page', () => {
+    /* Scroll to component test page button in scrollview if not already visible*/
+    ContextualMenuPageObjectObject.scrollToComponentButton();
+    ContextualMenuPageObjectObject.waitForButtonDisplayed(PAGE_TIMEOUT);
+
+    /* Click on component button to navigate to test page */
+    NavigateAppPage.clickAndGoToContextualMenuPage();
+    ContextualMenuPageObjectObject.waitForPageDisplayed(PAGE_TIMEOUT);
+
+    expect(ContextualMenuPageObjectObject.isPageLoaded()).toBeTruthy();
+  });
+});

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

@@ -0,0 +1,36 @@
+import {
+  FOCUSTRAPZONE_TESTPAGE,
+  FOCUSTRAPZONE_TEST_COMPONENT,
+  HOMEPAGE_FOCUSTRAPZONE_BUTTON,
+} from '../../../FluentTester/TestComponents/FocusTrapZone/consts';
+import { BasePage, By } from '../../common/BasePage.win';
+
+class FocusTrapZonePageObject extends BasePage {
+  // OVERRIDE: We use isExisting() here instead of isDisplayed() because FocusTrapZone does not have any UI to it, it's simply
+  // a wrapper that adds keyboard focus functionality
+  waitForPrimaryElementDisplayed(timeout?: number): void {
+    const errorMsg = 'The FocusTrapZone UI Element did not load correctly. Please see logs.';
+    this.waitForCondition(() => this._primaryComponent.isExisting(), errorMsg, timeout);
+  }
+
+  /*****************************************/
+  /**************** Getters ****************/
+  /*****************************************/
+  get _testPage() {
+    return By(FOCUSTRAPZONE_TESTPAGE);
+  }
+
+  get _pageName() {
+    return FOCUSTRAPZONE_TESTPAGE;
+  }
+
+  get _primaryComponent() {
+    return By(FOCUSTRAPZONE_TEST_COMPONENT);
+  }
+
+  get _pageButton() {
+    return By(HOMEPAGE_FOCUSTRAPZONE_BUTTON);
+  }
+}
+
+export default new FocusTrapZonePageObject();

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

@@ -0,0 +1,23 @@
+import NavigateAppPage from '../../common/NavigateAppPage.win';
+import FocusTrapZonePageObject from '../pages/FocusTrapZonePageObject.win';
+import { PAGE_TIMEOUT, BOOT_APP_TIMEOUT } from '../../common/consts';
+
+// Before testing begins, allow up to 60 seconds for app to open
+describe('FocusTrapZone Testing Initialization', function () {
+  it('Wait for app load', () => {
+    NavigateAppPage.waitForPageDisplayed(BOOT_APP_TIMEOUT);
+    expect(NavigateAppPage.isPageLoaded()).toBeTruthy();
+  });
+
+  it('Click and navigate to FocusTrapZone test page', () => {
+    /* Scroll to component test page button in scrollview if not already visible*/
+    FocusTrapZonePageObject.scrollToComponentButton();
+    FocusTrapZonePageObject.waitForButtonDisplayed(PAGE_TIMEOUT);
+
+    /* Click on component button to navigate to test page */
+    NavigateAppPage.clickAndGoToFocusTrapZonePage();
+    FocusTrapZonePageObject.waitForPageDisplayed(PAGE_TIMEOUT);
+
+    expect(FocusTrapZonePageObject.isPageLoaded()).toBeTruthy();
+  });
+});

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

@@ -0,0 +1,36 @@
+import {
+  FOCUSZONE_TESTPAGE,
+  FOCUSZONE_TEST_COMPONENT,
+  HOMEPAGE_FOCUSZONE_BUTTON,
+} from '../../../FluentTester/TestComponents/FocusZone/consts';
+import { BasePage, By } from '../../common/BasePage.macos';
+
+class FocusZonePageObject extends BasePage {
+  // OVERRIDE: We use isExisting() here instead of isDisplayed() because FocusZone does not have any UI to it, it's simply
+  // a wrapper that adds keyboard focus functionality
+  waitForPrimaryElementDisplayed(timeout?: number): void {
+    const errorMsg = 'The FocusZone UI Element did not load correctly. Please see logs.';
+    this.waitForCondition(() => this._primaryComponent.isExisting(), errorMsg, timeout);
+  }
+
+  /*****************************************/
+  /**************** Getters ****************/
+  /*****************************************/
+  get _testPage() {
+    return By(FOCUSZONE_TESTPAGE);
+  }
+
+  get _pageName() {
+    return FOCUSZONE_TESTPAGE;
+  }
+
+  get _primaryComponent() {
+    return By(FOCUSZONE_TEST_COMPONENT);
+  }
+
+  get _pageButton() {
+    return By(HOMEPAGE_FOCUSZONE_BUTTON);
+  }
+}
+
+export default new FocusZonePageObject();

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

@@ -0,0 +1,36 @@
+import {
+  FOCUSZONE_TESTPAGE,
+  FOCUSZONE_TEST_COMPONENT,
+  HOMEPAGE_FOCUSZONE_BUTTON,
+} from '../../../FluentTester/TestComponents/FocusZone/consts';
+import { BasePage, By } from '../../common/BasePage.win';
+
+class FocusZonePageObject extends BasePage {
+  // OVERRIDE: We use isExisting() here instead of isDisplayed() because FocusZone does not have any UI to it, it's simply
+  // a wrapper that adds keyboard focus functionality
+  waitForPrimaryElementDisplayed(timeout?: number): void {
+    const errorMsg = 'The FocusZone UI Element did not load correctly. Please see logs.';
+    this.waitForCondition(() => this._primaryComponent.isExisting(), errorMsg, timeout);
+  }
+
+  /*****************************************/
+  /**************** Getters ****************/
+  /*****************************************/
+  get _testPage() {
+    return By(FOCUSZONE_TESTPAGE);
+  }
+
+  get _pageName() {
+    return FOCUSZONE_TESTPAGE;
+  }
+
+  get _primaryComponent() {
+    return By(FOCUSZONE_TEST_COMPONENT);
+  }
+
+  get _pageButton() {
+    return By(HOMEPAGE_FOCUSZONE_BUTTON);
+  }
+}
+
+export default new FocusZonePageObject();

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

@@ -0,0 +1,23 @@
+import NavigateAppPage from '../../common/NavigateAppPage.macos';
+import FocusZonePageObject from '../pages/FocusZonePageObject.macos';
+import { PAGE_TIMEOUT, BOOT_APP_TIMEOUT } from '../../common/consts';
+
+// Before testing begins, allow up to 60 seconds for app to open
+describe('FocusZone Testing Initialization', function () {
+  it('Wait for app load', () => {
+    NavigateAppPage.waitForPageDisplayed(BOOT_APP_TIMEOUT);
+    expect(NavigateAppPage.isPageLoaded()).toBeTruthy();
+  });
+
+  it('Click and navigate to FocusZone test page', () => {
+    /* Scroll to component test page button in scrollview if not already visible*/
+    FocusZonePageObject.scrollToComponentButton();
+    FocusZonePageObject.waitForButtonDisplayed(PAGE_TIMEOUT);
+
+    /* Click on component button to navigate to test page */
+    NavigateAppPage.clickAndGoToFocusZonePage();
+    FocusZonePageObject.waitForPageDisplayed(PAGE_TIMEOUT);
+
+    expect(FocusZonePageObject.isPageLoaded()).toBeTruthy();
+  });
+});

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

@@ -0,0 +1,23 @@
+import NavigateAppPage from '../../common/NavigateAppPage.win';
+import FocusZonePageObject from '../pages/FocusZonePageObject.win';
+import { PAGE_TIMEOUT, BOOT_APP_TIMEOUT } from '../../common/consts';
+
+// Before testing begins, allow up to 60 seconds for app to open
+describe('FocusZone Testing Initialization', function () {
+  it('Wait for app load', () => {
+    NavigateAppPage.waitForPageDisplayed(BOOT_APP_TIMEOUT);
+    expect(NavigateAppPage.isPageLoaded()).toBeTruthy();
+  });
+
+  it('Click and navigate to FocusZone test page', () => {
+    /* Scroll to component test page button in scrollview if not already visible*/
+    FocusZonePageObject.scrollToComponentButton();
+    FocusZonePageObject.waitForButtonDisplayed(PAGE_TIMEOUT);
+
+    /* Click on component button to navigate to test page */
+    NavigateAppPage.clickAndGoToFocusZonePage();
+    FocusZonePageObject.waitForPageDisplayed(PAGE_TIMEOUT);
+
+    expect(FocusZonePageObject.isPageLoaded()).toBeTruthy();
+  });
+});

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

@@ -0,0 +1,34 @@
+import {
+  ICON_TESTPAGE,
+  ICON_TEST_COMPONENT,
+  HOMEPAGE_ICON_BUTTON,
+  ICON_NO_A11Y_LABEL_COMPONENT,
+} from '../../../FluentTester/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();