@fluentui-react-native/tester 0.49.0 → 0.50.3

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

@@ -3,7 +3,7 @@ import {
   FOCUSZONE_TEST_COMPONENT,
   HOMEPAGE_FOCUSZONE_BUTTON,
 } from '../../../FluentTester/TestComponents/FocusZone/consts';
-import { BasePage, By } from '../../common/BasePage';
+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

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

@@ -1,4 +1,4 @@
-import NavigateAppPage from '../../common/NavigateAppPage';
+import NavigateAppPage from '../../common/NavigateAppPage.win';
 import FocusZonePageObject from '../pages/FocusZonePageObject.win';
 import { PAGE_TIMEOUT, BOOT_APP_TIMEOUT } from '../../common/consts';
 

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();

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

@@ -4,7 +4,7 @@ import {
   HOMEPAGE_ICON_BUTTON,
   ICON_NO_A11Y_LABEL_COMPONENT,
 } from '../../../FluentTester/TestComponents/Icon/consts';
-import { BasePage, By } from '../../common/BasePage';
+import { BasePage, By } from '../../common/BasePage.win';
 
 class IconPageObject extends BasePage {
   /*****************************************/

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

@@ -0,0 +1,23 @@
+import NavigateAppPage from '../../common/NavigateAppPage.macos';
+import IconPageObject from '../pages/IconPageObject.macos';
+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/Icon/specs/Icon.spec.win.ts

@@ -1,4 +1,4 @@
-import NavigateAppPage from '../../common/NavigateAppPage';
+import NavigateAppPage from '../../common/NavigateAppPage.win';
 import IconPageObject from '../pages/IconPageObject.win';
 import { PAGE_TIMEOUT, BOOT_APP_TIMEOUT } from '../../common/consts';
 

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

@@ -4,7 +4,7 @@ import {
   HOMEPAGE_MENU_BUTTON,
   MENU_BUTTON_NO_A11Y_LABEL_COMPONENT,
 } from '../../../FluentTester/TestComponents/MenuButton/consts';
-import { BasePage, By } from '../../common/BasePage';
+import { BasePage, By } from '../../common/BasePage.win';
 
 class MenuButtonPageObject extends BasePage {
   /*****************************************/

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

@@ -1,8 +1,8 @@
-import NavigateAppPage from '../../common/NavigateAppPage';
+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';
+import { ComponentSelector } from '../../common/BasePage.win';
 
 // Before testing begins, allow up to 60 seconds for app to open
 describe('MenuButton Testing Initialization', function () {

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

@@ -1,5 +1,5 @@
 import { PERSONA_TESTPAGE, PERSONA_TEST_COMPONENT, HOMEPAGE_PERSONA_BUTTON } from '../../../FluentTester/TestComponents/Persona/consts';
-import { BasePage, By } from '../../common/BasePage';
+import { BasePage, By } from '../../common/BasePage.win';
 
 class PersonaPageObject extends BasePage {
   /*****************************************/

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

@@ -1,4 +1,4 @@
-import NavigateAppPage from '../../common/NavigateAppPage';
+import NavigateAppPage from '../../common/NavigateAppPage.win';
 import PersonaPageObject from '../pages/PersonaPageObject.win';
 import { PAGE_TIMEOUT, BOOT_APP_TIMEOUT } from '../../common/consts';
 

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

@@ -3,7 +3,7 @@ import {
   PERSONACOIN_TEST_COMPONENT,
   HOMEPAGE_PERSONACOIN_BUTTON,
 } from '../../../FluentTester/TestComponents/PersonaCoin/consts';
-import { BasePage, By } from '../../common/BasePage';
+import { BasePage, By } from '../../common/BasePage.win';
 
 class PersonaCoinPageObject extends BasePage {
   /*****************************************/

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

@@ -1,4 +1,4 @@
-import NavigateAppPage from '../../common/NavigateAppPage';
+import NavigateAppPage from '../../common/NavigateAppPage.win';
 import PersonaCoinPageObject from '../pages/PersonaCoinPageObject.win';
 import { PAGE_TIMEOUT, BOOT_APP_TIMEOUT } from '../../common/consts';
 

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

@@ -3,7 +3,7 @@ import {
   PRESSABLE_TEST_COMPONENT,
   HOMEPAGE_PRESSABLE_BUTTON,
 } from '../../../FluentTester/TestComponents/Pressable/consts';
-import { BasePage, By } from '../../common/BasePage';
+import { BasePage, By } from '../../common/BasePage.win';
 
 class PressablePageObject extends BasePage {
   /*****************************************/

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

@@ -1,4 +1,4 @@
-import NavigateAppPage from '../../common/NavigateAppPage';
+import NavigateAppPage from '../../common/NavigateAppPage.win';
 import PressablePageObject from '../pages/PressablePageObject.win';
 import { PAGE_TIMEOUT, BOOT_APP_TIMEOUT } from '../../common/consts';
 

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**.

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

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

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

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

@@ -1,6 +1,6 @@
-import NavigateAppPage from '../../common/NavigateAppPage';
+import NavigateAppPage from '../../common/NavigateAppPage.win';
 import RadioGroupPageObject, { RadioButtonSelector } from '../pages/RadioGroupPageObject.win';
-import { ComponentSelector } from '../../common/BasePage';
+import { ComponentSelector } from '../../common/BasePage.win';
 import { RADIOBUTTON_A11Y_ROLE, RADIOGROUP_A11Y_ROLE, PAGE_TIMEOUT, BOOT_APP_TIMEOUT } from '../../common/consts';
 import {
   RADIOGROUP_ACCESSIBILITY_LABEL,