@fluentui-react-native/tester 0.48.1 → 0.50.2

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

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

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

@@ -0,0 +1,34 @@
+import {
+  LINK_TESTPAGE,
+  LINK_TEST_COMPONENT,
+  HOMEPAGE_LINK_BUTTON,
+  LINK_NO_A11Y_LABEL_COMPONENT,
+} from '../../../FluentTester/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/Link/pages/LinkPageObject.ts

@@ -4,7 +4,7 @@ import {
   HOMEPAGE_LINK_BUTTON,
   LINK_NO_A11Y_LABEL_COMPONENT,
 } from '../../../FluentTester/TestComponents/Link/consts';
-import { BasePage, By } from '../../common/BasePage';
+import { BasePage, By } from '../../common/BasePage.win';
 
 class LinkPageObject extends BasePage {
   /*****************************************/

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

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

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

@@ -1,6 +1,6 @@
-import NavigateAppPage from '../../common/NavigateAppPage';
+import NavigateAppPage from '../../common/NavigateAppPage.win';
 import LinkPageObject from '../pages/LinkPageObject';
-import { ComponentSelector } from '../../common/BasePage';
+import { ComponentSelector } from '../../common/BasePage.win';
 import { LINK_ACCESSIBILITY_LABEL } from '../../../FluentTester/TestComponents/Link/consts';
 import { LINK_A11Y_ROLE, PAGE_TIMEOUT, BOOT_APP_TIMEOUT } from '../../common/consts';
 

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

@@ -0,0 +1,34 @@
+import {
+  MENU_BUTTON_TESTPAGE,
+  MENU_BUTTON_TEST_COMPONENT,
+  HOMEPAGE_MENU_BUTTON,
+  MENU_BUTTON_NO_A11Y_LABEL_COMPONENT,
+} from '../../../FluentTester/TestComponents/MenuButton/consts';
+import { BasePage, By } from '../../common/BasePage.win';
+
+class MenuButtonPageObject extends BasePage {
+  /*****************************************/
+  /**************** Getters ****************/
+  /*****************************************/
+  get _testPage() {
+    return By(MENU_BUTTON_TESTPAGE);
+  }
+
+  get _pageName() {
+    return MENU_BUTTON_TESTPAGE;
+  }
+
+  get _primaryComponent() {
+    return By(MENU_BUTTON_TEST_COMPONENT);
+  }
+
+  get _secondaryComponent() {
+    return By(MENU_BUTTON_NO_A11Y_LABEL_COMPONENT);
+  }
+
+  get _pageButton() {
+    return By(HOMEPAGE_MENU_BUTTON);
+  }
+}
+
+export default new MenuButtonPageObject();

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

@@ -0,0 +1,46 @@
+import NavigateAppPage from '../../common/NavigateAppPage.win';
+import MenuButtonPageObject from '../pages/MenuButtonPageObject.win';
+import { PAGE_TIMEOUT, BOOT_APP_TIMEOUT, MENUBUTTON_A11Y_ROLE } from '../../common/consts';
+import { MENU_BUTTON_ACCESSIBILITY_LABEL, MENU_BUTTON_TEST_COMPONENT_LABEL } from '../../../FluentTester/TestComponents/MenuButton/consts';
+import { ComponentSelector } from '../../common/BasePage.win';
+
+// Before testing begins, allow up to 60 seconds for app to open
+describe('MenuButton Testing Initialization', function () {
+  it('Wait for app load', () => {
+    NavigateAppPage.waitForPageDisplayed(BOOT_APP_TIMEOUT);
+    expect(NavigateAppPage.isPageLoaded()).toBeTruthy();
+  });
+
+  it('Click and navigate to MenuButton test page', () => {
+    /* Scroll to component test page button in scrollview if not already visible*/
+    MenuButtonPageObject.scrollToComponentButton();
+    MenuButtonPageObject.waitForButtonDisplayed(PAGE_TIMEOUT);
+
+    /* Click on component button to navigate to test page */
+    NavigateAppPage.clickAndGoToMenuButtonPage();
+    MenuButtonPageObject.waitForPageDisplayed(PAGE_TIMEOUT);
+
+    expect(MenuButtonPageObject.isPageLoaded()).toBeTruthy();
+  });
+});
+
+/* This will be re-enabled with a MenuButton Bug is fixed. Currently in PR - "Integrating accessibilityLabel functionality for MenuButton #1117" */
+describe('MenuButton Accessibility Testing', () => {
+  it('MenuButton - Validate accessibilityRole is correct', () => {
+    MenuButtonPageObject.scrollToTestElement();
+    MenuButtonPageObject.waitForPrimaryElementDisplayed(PAGE_TIMEOUT);
+    expect(MenuButtonPageObject.getAccessibilityRole()).toEqual(MENUBUTTON_A11Y_ROLE);
+  });
+
+  it('MenuButton - Set accessibilityLabel', () => {
+    MenuButtonPageObject.scrollToTestElement();
+    MenuButtonPageObject.waitForPrimaryElementDisplayed(PAGE_TIMEOUT);
+    expect(MenuButtonPageObject.getAccessibilityLabel(ComponentSelector.Primary)).toEqual(MENU_BUTTON_ACCESSIBILITY_LABEL);
+  });
+
+  it('Do not set accessibilityLabel -> Default to MenuButton label', () => {
+    MenuButtonPageObject.scrollToTestElement();
+    MenuButtonPageObject.waitForPrimaryElementDisplayed(PAGE_TIMEOUT);
+    expect(MenuButtonPageObject.getAccessibilityLabel(ComponentSelector.Secondary)).toEqual(MENU_BUTTON_TEST_COMPONENT_LABEL);
+  });
+});

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

@@ -0,0 +1,25 @@
+import { PERSONA_TESTPAGE, PERSONA_TEST_COMPONENT, HOMEPAGE_PERSONA_BUTTON } from '../../../FluentTester/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/Persona/pages/PersonaPageObject.win.ts

@@ -0,0 +1,25 @@
+import { PERSONA_TESTPAGE, PERSONA_TEST_COMPONENT, HOMEPAGE_PERSONA_BUTTON } from '../../../FluentTester/TestComponents/Persona/consts';
+import { BasePage, By } from '../../common/BasePage.win';
+
+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/Persona/specs/Persona.spec.macos.ts

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

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

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

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

@@ -0,0 +1,29 @@
+import {
+  PERSONACOIN_TESTPAGE,
+  PERSONACOIN_TEST_COMPONENT,
+  HOMEPAGE_PERSONACOIN_BUTTON,
+} from '../../../FluentTester/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/PersonaCoin/pages/PersonaCoinPageObject.win.ts

@@ -0,0 +1,29 @@
+import {
+  PERSONACOIN_TESTPAGE,
+  PERSONACOIN_TEST_COMPONENT,
+  HOMEPAGE_PERSONACOIN_BUTTON,
+} from '../../../FluentTester/TestComponents/PersonaCoin/consts';
+import { BasePage, By } from '../../common/BasePage.win';
+
+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/PersonaCoin/specs/PersonaCoin.spec.macos.ts

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

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

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

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

@@ -0,0 +1,29 @@
+import {
+  PRESSABLE_TESTPAGE,
+  PRESSABLE_TEST_COMPONENT,
+  HOMEPAGE_PRESSABLE_BUTTON,
+} from '../../../FluentTester/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/Pressable/pages/PressablePageObject.win.ts

@@ -0,0 +1,29 @@
+import {
+  PRESSABLE_TESTPAGE,
+  PRESSABLE_TEST_COMPONENT,
+  HOMEPAGE_PRESSABLE_BUTTON,
+} from '../../../FluentTester/TestComponents/Pressable/consts';
+import { BasePage, By } from '../../common/BasePage.win';
+
+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/Pressable/specs/Pressable.spec.macos.ts

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

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

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

package/src/E2E/README.md

@@ -1,20 +1,27 @@
 # E2E Testing Overview
 
-## Prerequisites
+## Win32/UWP Prerequisites
 
 - [Node.js](https://nodejs.org/en/download/) - Version 10.19 or higher.
 - [React Native Windows Development Dependencies](https://microsoft.github.io/react-native-windows/docs/rnw-dependencies)
   - **NOTE:** Please make sure you grab all of the items listed there and the appropriate versions.
 - [WinAppDriver](https://github.com/microsoft/WinAppDriver) - Version 1.1
 - Enable [_Developer Mode_](https://docs.microsoft.com/en-us/windows/uwp/get-started/enable-your-device-for-development) in Windows settings
-- [Java 1.8](https://www.oracle.com/java/technologies/javase/javase-jdk8-downloads.html) (Optional) - Used for generating in-depth after-action reports. More information in "Debugging E2E Failures" section below.
-- [Allure Command-Line](https://www.npmjs.com/package/allure-commandline) (Optional) - Used for creating in-depth reporting.
-  - `npm install -g allure-commandline`
 
 ### UWP Additional Prerequisites
 
 - [UWP Prerequisites](https://github.com/microsoft/fluentui-react-native/blob/master/apps/windows/README.md)
 
+## MacOS Prerequisites
+
+- MacOS 10.15 or later
+- XCode 12 or later should be installed
+- XCode Helper app should be enabled for Accessibility access. The app itself is usually found at: _/Applications/Xcode.app/Contents/Developer/Platforms/MacOSX.platform/Developer/Library/Xcode/Agents/Xcode Helper.app_.
+
+In order to enable Accessibility access, simply open the parent folder in finder:
+_open /Applications/Xcode.app/Contents/Developer/Platforms/MacOSX.platform/Developer/Library/Xcode/Agents/_
+and drag & drop the **XCode Helper** app to **Security & Privacy -> Privacy -> Accessibility** list of your **System Preferences**. This action must only be done once.
+
 ## E2E Project Structure
 
 - E2E - The root E2E testing folder containing test components and their respective platform-specific page objects and spec documents.
@@ -46,6 +53,20 @@
 
 _Note: It could take up to a minute to load the test app with WebDriverIO, don't panic, the tests will run :)_
 
+## MacOS Steps
+
+1. Follow step #1 from "Win32 Steps" section above.
+2. POD Install
+   - C:\repo\fluentui-react-native> `cd apps\macos\src`
+   - C:\repo\fluentui-react-native\apps\macos\src> `pod install`
+3. Start the server
+   - C:\repo\fluentui-react-native> `cd apps\macos`
+   - C:\repo\fluentui-react-native\apps\macos> `yarn start`
+4. Open a new command prompt and run the E2E tests
+   - C:\repo\fluentui-react-native\apps\macos> `yarn e2etest`
+
+_Note: It could take up to a minute to load the test app with WebDriverIO, don't panic, the tests will run :)_
+
 # Authoring E2E Test
 
 Testing is split-up on a **per-component** basis. Each component's testing story is made up of two parts - a **Page Object** and a **Spec Document**.
@@ -72,8 +93,8 @@ The benefit is that if the UI changes for the test page, the tests themselves do
 Page Objects should be put in apps/fluent-tester/src/E2E/_ *ComponentToBeTested* _/pages/.
 
 ```
-// CheckboxTestPage.win.ts
-class CheckboxTestPage extends BasePage {
+// CheckboxPageObject.win.ts
+class CheckboxPageObject extends BasePage {
   // This function clicks on the Checkbox component you selected below
   toggleCheckbox() {
     this._testPage.click();
@@ -85,7 +106,7 @@ class CheckboxTestPage extends BasePage {
   }
 }
 
-export default new CheckboxTestPage();
+export default new CheckboxPageObject();
 ```
 
 ### More on Page Objects (Technical Information)
@@ -114,7 +135,7 @@ Spec documents should be put in apps/fluent-tester/src/E2E/\_ _ComponentToBeTest
 describe('Click on each test page and check if it renders', function() {
   it('Checkbox Test Page', () => {
     NavigateAppPage.clickAndGoToCheckboxPage();
-    expect(CheckboxTestPage.isPageLoaded()).toBeTruthy();
+    expect(CheckboxPageObject.isPageLoaded()).toBeTruthy();
   });
 });
 ```

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

@@ -0,0 +1,70 @@
+import {
+  RADIOGROUP_TESTPAGE,
+  RADIOGROUP_TEST_COMPONENT,
+  RADIOGROUP_NO_A11Y_LABEL_COMPONENT,
+  RADIOBUTTON_TEST_COMPONENT,
+  HOMEPAGE_RADIOGROUP_BUTTON,
+  RADIOBUTTON_NO_A11Y_LABEL_COMPONENT,
+} from '../../../FluentTester/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
+  getRBAccessibilityLabel(radioButtonSelector: RadioButtonSelector): string {
+    switch (radioButtonSelector) {
+      case RadioButtonSelector.Primary:
+        return this._radioButton.getAttribute('Name');
+
+      case RadioButtonSelector.Secondary:
+        return this._secondRadioButton.getAttribute('Name');
+    }
+  }
+
+  getRadioButtonAccesibilityRole(): string {
+    return 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(RADIOBUTTON_TEST_COMPONENT);
+  }
+
+  get _secondRadioButton() {
+    return By(RADIOBUTTON_NO_A11Y_LABEL_COMPONENT);
+  }
+}
+
+export default new RadioGroupPage();

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

@@ -6,7 +6,7 @@ import {
   HOMEPAGE_RADIOGROUP_BUTTON,
   RADIOBUTTON_NO_A11Y_LABEL_COMPONENT,
 } from '../../../FluentTester/TestComponents/RadioGroup/consts';
-import { BasePage, By } from '../../common/BasePage';
+import { BasePage, By } from '../../common/BasePage.win';
 
 export const enum RadioButtonSelector {
   Primary = 0, // this._primaryComponent