@fluentui-react-native/tester 0.51.5 → 0.53.0

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

@@ -2,10 +2,55 @@ import {
   CONTEXTUALMENU_TESTPAGE,
   CONTEXTUALMENU_TEST_COMPONENT,
   HOMEPAGE_CONTEXTUALMENU_BUTTON,
+  CONTEXTUALMENUITEM_TEST_COMPONENT,
 } from '../../../FluentTester/TestComponents/ContextualMenu/consts';
 import { BasePage, By } from '../../common/BasePage.win';
 
+/* This enum gives the spec file an EASY way to interact with SPECIFIC UI elements on the page.
+ * The spec file should import this enum and use it when wanting to interact with different elements on the page. */
+export const enum ContextualMenuSelector {
+  ContextualMenu = 0, //this._primaryComponent
+  ContextualMenuItem, //this._contextualMenuItem
+}
+
 class ContextualMenuPageObject extends BasePage {
+  /******************************************************************/
+  /**************** UI Element Interaction Methods ******************/
+  /******************************************************************/
+  waitForContextualMenuItemsToOpen(timeout?: number): void {
+    browser.waitUntil(
+      () => {
+        return this.contextualMenuItemDisplayed();
+      },
+      {
+        timeout: timeout ?? this.waitForPageTimeout,
+        timeoutMsg: 'The Contextual Menu Items did not open.',
+        interval: 1000,
+      },
+    );
+  }
+
+  /* Whether the contextual menu item is displayed or not. It should be displayed after clicking on the MenuButton */
+  contextualMenuItemDisplayed(): boolean {
+    return this._contextualMenuItem.isDisplayed();
+  }
+
+  /* Sends a Keyboarding command on a specific UI element */
+  sendKey(contextualMenuSelector: ContextualMenuSelector, key: string): void {
+    this.getContextualMenuSelector(contextualMenuSelector).addValue(key);
+  }
+
+  /* Returns the correct WebDriverIO element from the ContextualMenuSelector string */
+  getContextualMenuSelector(contextualMenuSelector?: ContextualMenuSelector): WebdriverIO.Element {
+    if (contextualMenuSelector == ContextualMenuSelector.ContextualMenu) {
+      return this._primaryComponent;
+    } else if (contextualMenuSelector == ContextualMenuSelector.ContextualMenuItem) {
+      return this._contextualMenuItem;
+    } else {
+      return this._primaryComponent;
+    }
+  }
+
   /*****************************************/
   /**************** Getters ****************/
   /*****************************************/
@@ -24,6 +69,10 @@ class ContextualMenuPageObject extends BasePage {
   get _pageButton() {
     return By(HOMEPAGE_CONTEXTUALMENU_BUTTON);
   }
+
+  get _contextualMenuItem() {
+    return By(CONTEXTUALMENUITEM_TEST_COMPONENT);
+  }
 }
 
 export default new ContextualMenuPageObject();

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

@@ -1,16 +1,14 @@
 import NavigateAppPage from '../../common/NavigateAppPage.win';
-import ContextualMenuPageObjectObject from '../pages/ContextualMenuPageObject.win';
-import { PAGE_TIMEOUT, BOOT_APP_TIMEOUT } from '../../common/consts';
+import ContextualMenuPageObjectObject, { ContextualMenuSelector } from '../pages/ContextualMenuPageObject.win';
+import { PAGE_TIMEOUT, BOOT_APP_TIMEOUT, Keys } 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();
+    expect(NavigateAppPage.isPageLoaded()).toBeTruthy(NavigateAppPage.ERRORMESSAGE_APPLOAD);
   });
-});
 
-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();
@@ -20,6 +18,40 @@ describe('ContextualMenu Functional Tests', () => {
     NavigateAppPage.clickAndGoToContextualMenuPage();
     ContextualMenuPageObjectObject.waitForPageDisplayed(PAGE_TIMEOUT);
 
-    expect(ContextualMenuPageObjectObject.isPageLoaded()).toBeTruthy();
+    expect(ContextualMenuPageObjectObject.isPageLoaded()).toBeTruthy(ContextualMenuPageObjectObject.ERRORMESSAGE_PAGELOAD);
+    expect(ContextualMenuPageObjectObject.didAssertPopup()).toBeFalsy(ContextualMenuPageObjectObject.ERRORMESSAGE_ASSERT); // Ensure no asserts popped up
+  });
+});
+
+describe('ContextualMenu Functional Tests', () => {
+  /* Scrolls and waits for the ContextualMenu to be visible on the Test Page */
+  beforeEach(() => {
+    ContextualMenuPageObjectObject.scrollToTestElement();
+    ContextualMenuPageObjectObject.waitForPrimaryElementDisplayed(PAGE_TIMEOUT);
+
+    ContextualMenuPageObjectObject.sendKey(ContextualMenuSelector.ContextualMenu, Keys.Escape); // Reset ContextualMenu state for next test
+  });
+
+  it('Click on ContextualMenu Button and validate that the list of ContextualMenu Items open', () => {
+    /* Click on the ContextualMenu */
+    ContextualMenuPageObjectObject.clickComponent();
+    ContextualMenuPageObjectObject.waitForContextualMenuItemsToOpen(PAGE_TIMEOUT);
+
+    expect(ContextualMenuPageObjectObject.contextualMenuItemDisplayed()).toBeTruthy();
+    expect(ContextualMenuPageObjectObject.didAssertPopup()).toBeFalsy(ContextualMenuPageObjectObject.ERRORMESSAGE_ASSERT); // Ensure no asserts popped up
+  });
+
+  it('Type "SpaceBar" to select the ContextualMenu and validate that the list of ContextualMenu Items open', () => {
+    /* Type a space on the ContextualMenu */
+    ContextualMenuPageObjectObject.sendKey(ContextualMenuSelector.ContextualMenu, Keys.Spacebar);
+    ContextualMenuPageObjectObject.waitForContextualMenuItemsToOpen(PAGE_TIMEOUT);
+
+    expect(ContextualMenuPageObjectObject.contextualMenuItemDisplayed()).toBeTruthy();
+    expect(ContextualMenuPageObjectObject.didAssertPopup()).toBeFalsy(ContextualMenuPageObjectObject.ERRORMESSAGE_ASSERT); // Ensure no asserts popped up
+  });
+
+  /* Runs after all tests. This ensures the ContextualMenu closes. If it stays open, the test driver won't be able to close the test app */
+  afterAll(() => {
+    ContextualMenuPageObjectObject.sendKey(ContextualMenuSelector.ContextualMenu, Keys.Escape); // Reset ContextualMenu state for next test
   });
 });

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

@@ -6,7 +6,7 @@ import { PAGE_TIMEOUT, BOOT_APP_TIMEOUT } from '../../common/consts';
 describe('FocusTrapZone Testing Initialization', function () {
   it('Wait for app load', () => {
     NavigateAppPage.waitForPageDisplayed(BOOT_APP_TIMEOUT);
-    expect(NavigateAppPage.isPageLoaded()).toBeTruthy();
+    expect(NavigateAppPage.isPageLoaded()).toBeTruthy(NavigateAppPage.ERRORMESSAGE_APPLOAD);
   });
 
   it('Click and navigate to FocusTrapZone test page', () => {
@@ -18,6 +18,7 @@ describe('FocusTrapZone Testing Initialization', function () {
     NavigateAppPage.clickAndGoToFocusTrapZonePage();
     FocusTrapZonePageObject.waitForPageDisplayed(PAGE_TIMEOUT);
 
-    expect(FocusTrapZonePageObject.isPageLoaded()).toBeTruthy();
+    expect(FocusTrapZonePageObject.isPageLoaded()).toBeTruthy(FocusTrapZonePageObject.ERRORMESSAGE_PAGELOAD);
+    expect(FocusTrapZonePageObject.didAssertPopup()).toBeFalsy(FocusTrapZonePageObject.ERRORMESSAGE_ASSERT); // Ensure no asserts popped up
   });
 });

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

@@ -6,7 +6,7 @@ import { PAGE_TIMEOUT, BOOT_APP_TIMEOUT } from '../../common/consts';
 describe('FocusZone Testing Initialization', function () {
   it('Wait for app load', () => {
     NavigateAppPage.waitForPageDisplayed(BOOT_APP_TIMEOUT);
-    expect(NavigateAppPage.isPageLoaded()).toBeTruthy();
+    expect(NavigateAppPage.isPageLoaded()).toBeTruthy(NavigateAppPage.ERRORMESSAGE_APPLOAD);
   });
 
   it('Click and navigate to FocusZone test page', () => {
@@ -18,6 +18,7 @@ describe('FocusZone Testing Initialization', function () {
     NavigateAppPage.clickAndGoToFocusZonePage();
     FocusZonePageObject.waitForPageDisplayed(PAGE_TIMEOUT);
 
-    expect(FocusZonePageObject.isPageLoaded()).toBeTruthy();
+    expect(FocusZonePageObject.isPageLoaded()).toBeTruthy(FocusZonePageObject.ERRORMESSAGE_PAGELOAD);
+    expect(FocusZonePageObject.didAssertPopup()).toBeFalsy(FocusZonePageObject.ERRORMESSAGE_ASSERT); // Ensure no asserts popped up
   });
 });

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

@@ -6,7 +6,7 @@ import { PAGE_TIMEOUT, BOOT_APP_TIMEOUT } from '../../common/consts';
 describe('Icon Testing Initialization', function () {
   it('Wait for app load', () => {
     NavigateAppPage.waitForPageDisplayed(BOOT_APP_TIMEOUT);
-    expect(NavigateAppPage.isPageLoaded()).toBeTruthy();
+    expect(NavigateAppPage.isPageLoaded()).toBeTruthy(NavigateAppPage.ERRORMESSAGE_APPLOAD);
   });
 
   it('Click and navigate to Icon test page', () => {
@@ -18,6 +18,7 @@ describe('Icon Testing Initialization', function () {
     NavigateAppPage.clickAndGoToIconPage();
     IconPageObject.waitForPageDisplayed(PAGE_TIMEOUT);
 
-    expect(IconPageObject.isPageLoaded()).toBeTruthy();
+    expect(IconPageObject.isPageLoaded()).toBeTruthy(IconPageObject.ERRORMESSAGE_PAGELOAD);
+    expect(IconPageObject.didAssertPopup()).toBeFalsy(IconPageObject.ERRORMESSAGE_ASSERT); // Ensure no asserts popped up
   });
 });

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

@@ -8,7 +8,7 @@ import { LINK_A11Y_ROLE, PAGE_TIMEOUT, BOOT_APP_TIMEOUT } from '../../common/con
 describe('Link Testing Initialization', function () {
   it('Wait for app load', () => {
     NavigateAppPage.waitForPageDisplayed(BOOT_APP_TIMEOUT);
-    expect(NavigateAppPage.isPageLoaded()).toBeTruthy();
+    expect(NavigateAppPage.isPageLoaded()).toBeTruthy(NavigateAppPage.ERRORMESSAGE_APPLOAD);
   });
 
   it('Click and navigate to Link test page', () => {
@@ -20,7 +20,8 @@ describe('Link Testing Initialization', function () {
     NavigateAppPage.clickAndGoToLinkPage();
     LinkPageObject.waitForPageDisplayed(PAGE_TIMEOUT);
 
-    expect(LinkPageObject.isPageLoaded()).toBeTruthy();
+    expect(LinkPageObject.isPageLoaded()).toBeTruthy(LinkPageObject.ERRORMESSAGE_PAGELOAD);
+    expect(LinkPageObject.didAssertPopup()).toBeFalsy(LinkPageObject.ERRORMESSAGE_ASSERT); // Ensure no asserts popped up
   });
 });
 
@@ -28,13 +29,17 @@ describe('Link Accessibility Testing', () => {
   it('Link - Validate accessibilityRole is correct', () => {
     LinkPageObject.scrollToTestElement();
     LinkPageObject.waitForPrimaryElementDisplayed(PAGE_TIMEOUT);
+
     expect(LinkPageObject.getAccessibilityRole()).toEqual(LINK_A11Y_ROLE);
+    expect(LinkPageObject.didAssertPopup()).toBeFalsy(LinkPageObject.ERRORMESSAGE_ASSERT); // Ensure no asserts popped u
   });
 
   it('Link - Set accessibilityLabel', () => {
     LinkPageObject.scrollToTestElement();
     LinkPageObject.waitForPrimaryElementDisplayed(PAGE_TIMEOUT);
+
     expect(LinkPageObject.getAccessibilityLabel(ComponentSelector.Primary)).toEqual(LINK_ACCESSIBILITY_LABEL);
+    expect(LinkPageObject.didAssertPopup()).toBeFalsy(LinkPageObject.ERRORMESSAGE_ASSERT); // Ensure no asserts popped u
   });
 
   // No need to test not setting a11y label. The content prop gets passed down to the child Text component. This equates to not setting the a11y label

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

@@ -3,10 +3,52 @@ import {
   MENU_BUTTON_TEST_COMPONENT,
   HOMEPAGE_MENU_BUTTON,
   MENU_BUTTON_NO_A11Y_LABEL_COMPONENT,
+  MENU_ITEM_1_COMPONENT,
 } from '../../../FluentTester/TestComponents/MenuButton/consts';
 import { BasePage, By } from '../../common/BasePage.win';
 
+export const enum MenuButtonSelector {
+  MenuButton = 0, // this._primarySelector
+  MenuItem1, // this._menuItem
+}
+
 class MenuButtonPageObject extends BasePage {
+  /******************************************************************/
+  /**************** UI Element Interaction Methods ******************/
+  /******************************************************************/
+  waitForMenuItemsToOpen(timeout?: number): void {
+    browser.waitUntil(
+      () => {
+        return this.menuItemDisplayed();
+      },
+      {
+        timeout: timeout ?? this.waitForPageTimeout,
+        timeoutMsg: 'The Menu Items did not open.',
+        interval: 1000,
+      },
+    );
+  }
+
+  /* Whether the menu item is displayed or not. It should be displayed after clicking on the MenuButton */
+  menuItemDisplayed(): boolean {
+    return this._menuItem.isDisplayed();
+  }
+
+  /* Sends a Keyboarding command on a specific UI element */
+  sendKey(selector: MenuButtonSelector, key: string): void {
+    this.getMenuButtonSelector(selector).addValue(key);
+  }
+
+  /* Returns the correct WebDriverIO element from the MenuButton Selector */
+  getMenuButtonSelector(selector?: MenuButtonSelector): WebdriverIO.Element {
+    if (selector == MenuButtonSelector.MenuButton) {
+      return this._primaryComponent;
+    } else if (selector == MenuButtonSelector.MenuItem1) {
+      return this._menuItem;
+    }
+    return this._primaryComponent;
+  }
+
   /*****************************************/
   /**************** Getters ****************/
   /*****************************************/
@@ -29,6 +71,10 @@ class MenuButtonPageObject extends BasePage {
   get _pageButton() {
     return By(HOMEPAGE_MENU_BUTTON);
   }
+
+  get _menuItem() {
+    return By(MENU_ITEM_1_COMPONENT);
+  }
 }
 
 export default new MenuButtonPageObject();

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

@@ -1,6 +1,6 @@
 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 MenuButtonPageObject, { MenuButtonSelector } from '../pages/MenuButtonPageObject.win';
+import { PAGE_TIMEOUT, BOOT_APP_TIMEOUT, MENUBUTTON_A11Y_ROLE, Keys } from '../../common/consts';
 import { MENU_BUTTON_ACCESSIBILITY_LABEL, MENU_BUTTON_TEST_COMPONENT_LABEL } from '../../../FluentTester/TestComponents/MenuButton/consts';
 import { ComponentSelector } from '../../common/BasePage.win';
 
@@ -8,7 +8,7 @@ import { ComponentSelector } from '../../common/BasePage.win';
 describe('MenuButton Testing Initialization', function () {
   it('Wait for app load', () => {
     NavigateAppPage.waitForPageDisplayed(BOOT_APP_TIMEOUT);
-    expect(NavigateAppPage.isPageLoaded()).toBeTruthy();
+    expect(NavigateAppPage.isPageLoaded()).toBeTruthy(NavigateAppPage.ERRORMESSAGE_APPLOAD);
   });
 
   it('Click and navigate to MenuButton test page', () => {
@@ -20,27 +20,64 @@ describe('MenuButton Testing Initialization', function () {
     NavigateAppPage.clickAndGoToMenuButtonPage();
     MenuButtonPageObject.waitForPageDisplayed(PAGE_TIMEOUT);
 
-    expect(MenuButtonPageObject.isPageLoaded()).toBeTruthy();
+    expect(MenuButtonPageObject.isPageLoaded()).toBeTruthy(MenuButtonPageObject.ERRORMESSAGE_PAGELOAD);
+    expect(MenuButtonPageObject.didAssertPopup()).toBeFalsy(MenuButtonPageObject.ERRORMESSAGE_ASSERT); // Ensure no asserts popped up
   });
 });
 
 /* 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', () => {
+  /* Scrolls and waits for the MenuButton to be visible on the Test Page */
+  beforeEach(() => {
     MenuButtonPageObject.scrollToTestElement();
     MenuButtonPageObject.waitForPrimaryElementDisplayed(PAGE_TIMEOUT);
+  });
+
+  it('MenuButton - Validate accessibilityRole is correct', () => {
     expect(MenuButtonPageObject.getAccessibilityRole()).toEqual(MENUBUTTON_A11Y_ROLE);
+    expect(MenuButtonPageObject.didAssertPopup()).toBeFalsy(MenuButtonPageObject.ERRORMESSAGE_ASSERT);
   });
 
   it('MenuButton - Set accessibilityLabel', () => {
-    MenuButtonPageObject.scrollToTestElement();
-    MenuButtonPageObject.waitForPrimaryElementDisplayed(PAGE_TIMEOUT);
     expect(MenuButtonPageObject.getAccessibilityLabel(ComponentSelector.Primary)).toEqual(MENU_BUTTON_ACCESSIBILITY_LABEL);
+    expect(MenuButtonPageObject.didAssertPopup()).toBeFalsy(MenuButtonPageObject.ERRORMESSAGE_ASSERT);
   });
 
   it('Do not set accessibilityLabel -> Default to MenuButton label', () => {
+    expect(MenuButtonPageObject.getAccessibilityLabel(ComponentSelector.Secondary)).toEqual(MENU_BUTTON_TEST_COMPONENT_LABEL);
+    expect(MenuButtonPageObject.didAssertPopup()).toBeFalsy(MenuButtonPageObject.ERRORMESSAGE_ASSERT);
+  });
+});
+
+describe('MenuButton Functional Testing', () => {
+  /* Scrolls and waits for the MenuButton to be visible on the Test Page */
+  beforeEach(() => {
     MenuButtonPageObject.scrollToTestElement();
     MenuButtonPageObject.waitForPrimaryElementDisplayed(PAGE_TIMEOUT);
-    expect(MenuButtonPageObject.getAccessibilityLabel(ComponentSelector.Secondary)).toEqual(MENU_BUTTON_TEST_COMPONENT_LABEL);
+
+    MenuButtonPageObject.sendKey(MenuButtonSelector.MenuButton, Keys.Escape); // Reset MenuButton state for next test
+  });
+
+  it('Click on MenuButton and validate that the list of Menu Items open', () => {
+    /* Click on the MenuButton */
+    MenuButtonPageObject.clickComponent();
+    MenuButtonPageObject.waitForMenuItemsToOpen(PAGE_TIMEOUT);
+
+    expect(MenuButtonPageObject.menuItemDisplayed()).toBeTruthy();
+    expect(MenuButtonPageObject.didAssertPopup()).toBeFalsy(MenuButtonPageObject.ERRORMESSAGE_ASSERT);
+  });
+
+  it('Type "SpaceBar" to select the MenuButton and validate that the list of Menu Items open', () => {
+    /* Type a space on the MenuButton */
+    MenuButtonPageObject.sendKey(MenuButtonSelector.MenuButton, Keys.Spacebar);
+    MenuButtonPageObject.waitForMenuItemsToOpen(PAGE_TIMEOUT);
+
+    expect(MenuButtonPageObject.menuItemDisplayed()).toBeTruthy();
+    expect(MenuButtonPageObject.didAssertPopup()).toBeFalsy(MenuButtonPageObject.ERRORMESSAGE_ASSERT);
+  });
+
+  /* Runs after all tests. This ensures the MenuButton closes. If it stays open, the test driver won't be able to close the test app */
+  afterAll(() => {
+    MenuButtonPageObject.sendKey(MenuButtonSelector.MenuButton, Keys.Escape);
   });
 });

package/src/E2E/MenuButtonExperimental/specs/ExperimentalMenuButton.spec.win.ts

@@ -11,7 +11,7 @@ import { ComponentSelector } from '../../common/BasePage.win';
 describe('Experimental MenuButton Testing Initialization', function () {
   it('Wait for app load', () => {
     NavigateAppPage.waitForPageDisplayed(BOOT_APP_TIMEOUT);
-    expect(NavigateAppPage.isPageLoaded()).toBeTruthy();
+    expect(NavigateAppPage.isPageLoaded()).toBeTruthy(NavigateAppPage.ERRORMESSAGE_APPLOAD);
   });
 
   it('Click and navigate to Experimental MenuButton test page', () => {
@@ -23,7 +23,8 @@ describe('Experimental MenuButton Testing Initialization', function () {
     NavigateAppPage.clickAndGoToExperimentalMenuButtonPage();
     ExperimentalMenuButtonPageObject.waitForPageDisplayed(PAGE_TIMEOUT);
 
-    expect(ExperimentalMenuButtonPageObject.isPageLoaded()).toBeTruthy();
+    expect(ExperimentalMenuButtonPageObject.isPageLoaded()).toBeTruthy(ExperimentalMenuButtonPageObject.ERRORMESSAGE_PAGELOAD);
+    expect(ExperimentalMenuButtonPageObject.didAssertPopup()).toBeFalsy(ExperimentalMenuButtonPageObject.ERRORMESSAGE_ASSERT); // Ensure no asserts popped up
   });
 });
 
@@ -32,22 +33,28 @@ describe('Experimental MenuButton Accessibility Testing', () => {
   it('Experimental MenuButton - Validate accessibilityRole is correct', () => {
     ExperimentalMenuButtonPageObject.scrollToTestElement();
     ExperimentalMenuButtonPageObject.waitForPrimaryElementDisplayed(PAGE_TIMEOUT);
+
     expect(ExperimentalMenuButtonPageObject.getAccessibilityRole()).toEqual(MENUBUTTON_A11Y_ROLE);
+    expect(ExperimentalMenuButtonPageObject.didAssertPopup()).toBeFalsy(ExperimentalMenuButtonPageObject.ERRORMESSAGE_ASSERT); // Ensure no asserts popped up
   });
 
   it('Experimental MenuButton - Set accessibilityLabel', () => {
     ExperimentalMenuButtonPageObject.scrollToTestElement();
     ExperimentalMenuButtonPageObject.waitForPrimaryElementDisplayed(PAGE_TIMEOUT);
+
     expect(ExperimentalMenuButtonPageObject.getAccessibilityLabel(ComponentSelector.Primary)).toEqual(
       EXPERIMENTAL_MENU_BUTTON_ACCESSIBILITY_LABEL,
     );
+    expect(ExperimentalMenuButtonPageObject.didAssertPopup()).toBeFalsy(ExperimentalMenuButtonPageObject.ERRORMESSAGE_ASSERT); // Ensure no asserts popped up
   });
 
   it('Do not set accessibilityLabel -> Default to Experimental MenuButton label', () => {
     ExperimentalMenuButtonPageObject.scrollToTestElement();
     ExperimentalMenuButtonPageObject.waitForPrimaryElementDisplayed(PAGE_TIMEOUT);
+
     expect(ExperimentalMenuButtonPageObject.getAccessibilityLabel(ComponentSelector.Secondary)).toEqual(
       EXPERIMENTAL_MENU_BUTTON_TEST_COMPONENT_LABEL,
     );
+    expect(ExperimentalMenuButtonPageObject.didAssertPopup()).toBeFalsy(ExperimentalMenuButtonPageObject.ERRORMESSAGE_ASSERT); // Ensure no asserts popped up
   });
 });

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

@@ -6,7 +6,7 @@ import { PAGE_TIMEOUT, BOOT_APP_TIMEOUT } from '../../common/consts';
 describe('Persona Testing Initialization', function () {
   it('Wait for app load', () => {
     NavigateAppPage.waitForPageDisplayed(BOOT_APP_TIMEOUT);
-    expect(NavigateAppPage.isPageLoaded()).toBeTruthy();
+    expect(NavigateAppPage.isPageLoaded()).toBeTruthy(NavigateAppPage.ERRORMESSAGE_APPLOAD);
   });
 
   it('Click and navigate to Persona test page', () => {
@@ -18,6 +18,7 @@ describe('Persona Testing Initialization', function () {
     NavigateAppPage.clickAndGoToPersonaPage();
     PersonaPageObject.waitForPageDisplayed(PAGE_TIMEOUT);
 
-    expect(PersonaPageObject.isPageLoaded()).toBeTruthy();
+    expect(PersonaPageObject.isPageLoaded()).toBeTruthy(PersonaPageObject.ERRORMESSAGE_PAGELOAD);
+    expect(PersonaPageObject.didAssertPopup()).toBeFalsy(PersonaPageObject.ERRORMESSAGE_ASSERT); // Ensure no asserts popped up
   });
 });

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

@@ -6,7 +6,7 @@ import { PAGE_TIMEOUT, BOOT_APP_TIMEOUT } from '../../common/consts';
 describe('PersonaCoin Testing Initialization', function () {
   it('Wait for app load', () => {
     NavigateAppPage.waitForPageDisplayed(BOOT_APP_TIMEOUT);
-    expect(NavigateAppPage.isPageLoaded()).toBeTruthy();
+    expect(NavigateAppPage.isPageLoaded()).toBeTruthy(NavigateAppPage.ERRORMESSAGE_APPLOAD);
   });
 
   it('Click and navigate to PersonaCoin test page', () => {
@@ -18,6 +18,7 @@ describe('PersonaCoin Testing Initialization', function () {
     NavigateAppPage.clickAndGoToPersonaCoinPage();
     PersonaCoinPageObject.waitForPageDisplayed(PAGE_TIMEOUT);
 
-    expect(PersonaCoinPageObject.isPageLoaded()).toBeTruthy();
+    expect(PersonaCoinPageObject.isPageLoaded()).toBeTruthy(PersonaCoinPageObject.ERRORMESSAGE_PAGELOAD);
+    expect(PersonaCoinPageObject.didAssertPopup()).toBeFalsy(PersonaCoinPageObject.ERRORMESSAGE_ASSERT); // Ensure no asserts popped up
   });
 });

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

@@ -6,7 +6,7 @@ import { PAGE_TIMEOUT, BOOT_APP_TIMEOUT } from '../../common/consts';
 describe('Pressable Testing Initialization', function () {
   it('Wait for app load', () => {
     NavigateAppPage.waitForPageDisplayed(BOOT_APP_TIMEOUT);
-    expect(NavigateAppPage.isPageLoaded()).toBeTruthy();
+    expect(NavigateAppPage.isPageLoaded()).toBeTruthy(NavigateAppPage.ERRORMESSAGE_APPLOAD);
   });
 
   it('Click and navigate to Pressable test page', () => {
@@ -18,6 +18,7 @@ describe('Pressable Testing Initialization', function () {
     NavigateAppPage.clickAndGoToPressablePage();
     PressablePageObject.waitForPageDisplayed(PAGE_TIMEOUT);
 
-    expect(PressablePageObject.isPageLoaded()).toBeTruthy();
+    expect(PressablePageObject.isPageLoaded()).toBeTruthy(PressablePageObject.ERRORMESSAGE_PAGELOAD);
+    expect(PressablePageObject.didAssertPopup()).toBeFalsy(PressablePageObject.ERRORMESSAGE_ASSERT); // Ensure no asserts popped up
   });
 });

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

@@ -2,9 +2,9 @@ import {
   RADIOGROUP_TESTPAGE,
   RADIOGROUP_TEST_COMPONENT,
   RADIOGROUP_NO_A11Y_LABEL_COMPONENT,
-  RADIOBUTTON_TEST_COMPONENT,
   HOMEPAGE_RADIOGROUP_BUTTON,
-  RADIOBUTTON_NO_A11Y_LABEL_COMPONENT,
+  FIRST_RADIO_BUTTON,
+  SECOND_RADIO_BUTTON,
 } from '../../../FluentTester/TestComponents/RadioGroup/consts';
 import { BasePage, By } from '../../common/BasePage.macos';
 
@@ -59,11 +59,11 @@ class RadioGroupPage extends BasePage {
   /* RadioButton *
   /**************/
   get _radioButton() {
-    return By(RADIOBUTTON_TEST_COMPONENT);
+    return By(FIRST_RADIO_BUTTON);
   }
 
   get _secondRadioButton() {
-    return By(RADIOBUTTON_NO_A11Y_LABEL_COMPONENT);
+    return By(SECOND_RADIO_BUTTON);
   }
 }
 

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

@@ -2,15 +2,22 @@ import {
   RADIOGROUP_TESTPAGE,
   RADIOGROUP_TEST_COMPONENT,
   RADIOGROUP_NO_A11Y_LABEL_COMPONENT,
-  RADIOBUTTON_TEST_COMPONENT,
   HOMEPAGE_RADIOGROUP_BUTTON,
-  RADIOBUTTON_NO_A11Y_LABEL_COMPONENT,
+  FIRST_RADIO_BUTTON,
+  SECOND_RADIO_BUTTON,
+  THIRD_RADIO_BUTTON,
+  FOURTH_RADIO_BUTTON,
 } from '../../../FluentTester/TestComponents/RadioGroup/consts';
 import { BasePage, By } from '../../common/BasePage.win';
 
+/* This enum gives the spec file an EASY way to interact with SPECIFIC UI elements on the page.
+ * The main RadioGroup we are testing has FOUR RadioButtons. The spec file will
+ * import this enum to easily write tests using these 4 radio buttons. */
 export const enum RadioButtonSelector {
-  Primary = 0, // this._primaryComponent
-  Secondary, // this._secondaryComponent
+  First = 0, // this._firstRadioButton
+  Second, // this._secondRadioButton
+  Third, // this._thirdRadioButton
+  Fourth, // this._fourthRadioButton
 }
 
 class RadioGroupPage extends BasePage {
@@ -19,17 +26,56 @@ class RadioGroupPage extends BasePage {
   /******************************************************************/
   // Get RadioButton's accessibilityLabel
   getRBAccessibilityLabel(radioButtonSelector: RadioButtonSelector): string {
-    switch (radioButtonSelector) {
-      case RadioButtonSelector.Primary:
-        return this._radioButton.getAttribute('Name');
+    return this.getRadioButton(radioButtonSelector).getAttribute('Name');
+  }
 
-      case RadioButtonSelector.Secondary:
-        return this._secondRadioButton.getAttribute('Name');
-    }
+  /* This resets the RadioGroup selection by clicking/selecting the 1st RadioButton in the RadioGroup.
+   * Useful in beforeEach() hooks to reset the RadioGroup before additional tests */
+  resetRadioGroupSelection(): void {
+    this._firstRadioButton.click();
   }
 
   getRadioButtonAccesibilityRole(): string {
-    return this._radioButton.getAttribute('ControlType');
+    return this._firstRadioButton.getAttribute('ControlType');
+  }
+
+  isRadioButtonSelected(radioButtonSelector: RadioButtonSelector): boolean {
+    return this.getRadioButton(radioButtonSelector).isSelected();
+  }
+
+  clickRadioButton(radioButtonSelector: RadioButtonSelector): void {
+    this.getRadioButton(radioButtonSelector).click();
+  }
+
+  waitForRadioButtonSelected(radioButtonSelector: RadioButtonSelector, timeout?: number): void {
+    browser.waitUntil(
+      () => {
+        return this.isRadioButtonSelected(radioButtonSelector);
+      },
+      {
+        timeout: timeout ?? this.waitForPageTimeout,
+        timeoutMsg: 'RadioButton was not selected correctly.',
+        interval: 1000,
+      },
+    );
+  }
+
+  /* Sends a Keyboarding command on a specific UI element */
+  sendKey(key: string, radioButtonSelector: RadioButtonSelector): void {
+    this.getRadioButton(radioButtonSelector).addValue(key);
+  }
+
+  /* Returns the correct WebDriverIO element from the RadioButton Selector */
+  getRadioButton(radioButtonSelector: RadioButtonSelector): WebdriverIO.Element {
+    if (radioButtonSelector == RadioButtonSelector.First) {
+      return this._firstRadioButton;
+    } else if (radioButtonSelector == RadioButtonSelector.Second) {
+      return this._secondRadioButton;
+    } else if (radioButtonSelector == RadioButtonSelector.Third) {
+      return this._thirdRadioButton;
+    } else {
+      return this._fourthRadioButton;
+    }
   }
 
   /*****************************************/
@@ -58,12 +104,22 @@ class RadioGroupPage extends BasePage {
   /***************/
   /* RadioButton *
   /**************/
-  get _radioButton() {
-    return By(RADIOBUTTON_TEST_COMPONENT);
+
+  /* The first RadioGroup has 4 radio buttons, all listed below */
+  get _firstRadioButton() {
+    return By(FIRST_RADIO_BUTTON);
   }
 
   get _secondRadioButton() {
-    return By(RADIOBUTTON_NO_A11Y_LABEL_COMPONENT);
+    return By(SECOND_RADIO_BUTTON);
+  }
+
+  get _thirdRadioButton() {
+    return By(THIRD_RADIO_BUTTON);
+  }
+
+  get _fourthRadioButton() {
+    return By(FOURTH_RADIO_BUTTON);
   }
 }