@fluentui-react-native/tester 0.90.11 → 0.91.0

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

@@ -10,14 +10,14 @@ class CalloutPageObject extends BasePage {
   /******************************************************************/
   /**************** UI Element Interaction Methods ******************/
   /******************************************************************/
-  didCalloutLoad(): boolean {
-    return this._primaryComponent.isDisplayed();
+  async didCalloutLoad(): Promise<boolean> {
+    return await 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);
+  async scrollToTestElement(): Promise<void> {
+    while (!(await this._buttonToOpenCallout.isDisplayed())) {
+      await driver.touchScroll(COMPONENT_SCROLL_COORDINATES.x, COMPONENT_SCROLL_COORDINATES.y, await this._testPage.elementId);
     }
   }
 

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

@@ -4,22 +4,22 @@ 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(NavigateAppPage.ERRORMESSAGE_APPLOAD);
+  it('Wait for app load', async () => {
+    await NavigateAppPage.waitForPageDisplayed(BOOT_APP_TIMEOUT);
+    await expect(await NavigateAppPage.isPageLoaded()).toBeTruthy(NavigateAppPage.ERRORMESSAGE_APPLOAD);
   });
 
-  it('Click and navigate to Callout test page', () => {
+  it('Click and navigate to Callout test page', async () => {
     /* Scroll to component test page button in scrollview if not already visible*/
-    CalloutPageObject.scrollToComponentButton();
-    CalloutPageObject.waitForButtonDisplayed(PAGE_TIMEOUT);
+    await CalloutPageObject.scrollToComponentButton();
+    await CalloutPageObject.waitForButtonDisplayed(PAGE_TIMEOUT);
 
     /* Click on component button to navigate to test page */
-    NavigateAppPage.clickAndGoToCalloutPage();
-    CalloutPageObject.waitForPageDisplayed(PAGE_TIMEOUT);
+    await NavigateAppPage.clickAndGoToCalloutPage();
+    await CalloutPageObject.waitForPageDisplayed(PAGE_TIMEOUT);
 
-    expect(CalloutPageObject.isPageLoaded()).toBeTruthy(CalloutPageObject.ERRORMESSAGE_PAGELOAD);
-    expect(CalloutPageObject.didAssertPopup()).toBeFalsy(CalloutPageObject.ERRORMESSAGE_ASSERT); // Ensure no asserts popped up
+    await expect(await CalloutPageObject.isPageLoaded()).toBeTruthy(CalloutPageObject.ERRORMESSAGE_PAGELOAD);
+    await expect(await CalloutPageObject.didAssertPopup()).toBeFalsy(CalloutPageObject.ERRORMESSAGE_ASSERT); // Ensure no asserts popped up
   });
 });
 

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

@@ -10,21 +10,16 @@ class CheckboxPageObject extends BasePage {
   /******************************************************************/
   /**************** UI Element Interaction Methods ******************/
   /******************************************************************/
-  isCheckboxChecked(): boolean {
-    return this._primaryComponent.isSelected();
+  async isCheckboxChecked(): Promise<boolean> {
+    return await 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,
-      },
-    );
+  async waitForCheckboxUnchecked(timeout?: number): Promise<void> {
+    await browser.waitUntil(async () => await !this.isCheckboxChecked(), {
+      timeout: timeout ?? this.waitForPageTimeout,
+      timeoutMsg: 'The onPress() callback for ' + this._pageName + ' did not fire correctly.',
+      interval: 1000,
+    });
   }
 
   /*****************************************/

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

@@ -17,57 +17,47 @@ class CheckboxPageObject extends BasePage {
   /******************************************************************/
   /**************** UI Element Interaction Methods ******************/
   /******************************************************************/
-  isCheckboxChecked(): boolean {
-    return this._primaryComponent.isSelected();
+  async isCheckboxChecked(): Promise<boolean> {
+    return await this._primaryComponent.isSelected();
   }
 
-  waitForCheckboxChecked(timeout?: number): void {
-    browser.waitUntil(
-      () => {
-        return this.isCheckboxChecked();
-      },
-      {
-        timeout: timeout ?? this.waitForPageTimeout,
-        timeoutMsg: 'The Checkbox was not toggled correctly',
-        interval: 1000,
-      },
-    );
+  async waitForCheckboxChecked(timeout?: number): Promise<void> {
+    await browser.waitUntil(async () => await this.isCheckboxChecked(), {
+      timeout: timeout ?? this.waitForPageTimeout,
+      timeoutMsg: 'The Checkbox was not toggled correctly',
+      interval: 1000,
+    });
   }
 
   /* Useful in beforeEach() hook to reset the checkbox before every test */
-  toggleCheckboxToUnchecked(): void {
-    if (this.isCheckboxChecked()) {
-      this._primaryComponent.click();
+  async toggleCheckboxToUnchecked(): Promise<void> {
+    if (await this.isCheckboxChecked()) {
+      await this._primaryComponent.click();
     }
   }
 
-  didOnChangeCallbackFire(): boolean {
-    const callbackText = By(CHECKBOX_ON_PRESS);
-    browser.waitUntil(
-      () => {
-        return callbackText.isDisplayed();
-      },
-      {
-        timeout: this.waitForPageTimeout,
-        timeoutMsg: 'The OnChange callback did not fire.',
-        interval: 1000,
-      },
-    );
+  async didOnChangeCallbackFire(): Promise<boolean> {
+    const callbackText = await By(CHECKBOX_ON_PRESS);
+    await browser.waitUntil(async () => await callbackText.isDisplayed(), {
+      timeout: this.waitForPageTimeout,
+      timeoutMsg: 'The OnChange callback did not fire.',
+      interval: 1000,
+    });
 
-    return callbackText.isDisplayed();
+    return await callbackText.isDisplayed();
   }
 
   /* Sends a Keyboarding command on a specific UI element */
-  sendKey(selector: CheckboxSelector, key: string): void {
-    this.getCheckboxSelector(selector).addValue(key);
+  async sendKey(selector: CheckboxSelector, key: string): Promise<void> {
+    await (await this.getCheckboxSelector(selector)).addValue(key);
   }
 
   /* Returns the correct WebDriverIO element from the Checkbox Selector */
-  getCheckboxSelector(selector?: CheckboxSelector): WebdriverIO.Element {
+  async getCheckboxSelector(selector?: CheckboxSelector): Promise<WebdriverIO.Element> {
     if (selector == CheckboxSelector.Primary) {
-      return this._primaryComponent;
+      return await this._primaryComponent;
     }
-    return this._primaryComponent;
+    return await this._primaryComponent;
   }
 
   /*****************************************/

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

@@ -3,20 +3,20 @@ 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('Wait for app load', async () => {
+    await NavigateAppPage.waitForPageDisplayed(BOOT_APP_TIMEOUT);
+    await expect(await NavigateAppPage.isPageLoaded()).toBeTruthy();
   });
 
-  it('Click and navigate to Checkbox test page', () => {
+  it('Click and navigate to Checkbox test page', async () => {
     /* Scroll to component test page button in scrollview if not already visible*/
-    CheckboxPageObject.scrollToComponentButton();
-    CheckboxPageObject.waitForButtonDisplayed(PAGE_TIMEOUT);
+    await CheckboxPageObject.scrollToComponentButton();
+    await CheckboxPageObject.waitForButtonDisplayed(PAGE_TIMEOUT);
 
     /* Click on component button to navigate to test page */
-    NavigateAppPage.clickAndGoToCheckboxPage();
-    CheckboxPageObject.waitForPageDisplayed(PAGE_TIMEOUT);
+    await NavigateAppPage.clickAndGoToCheckboxPage();
+    await CheckboxPageObject.waitForPageDisplayed(PAGE_TIMEOUT);
 
-    expect(CheckboxPageObject.isPageLoaded()).toBeTruthy();
+    await expect(await CheckboxPageObject.isPageLoaded()).toBeTruthy();
   });
 });

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

@@ -5,84 +5,84 @@ import { CHECKBOX_TEST_COMPONENT_LABEL, CHECKBOX_ACCESSIBILITY_LABEL } from '../
 import { CHECKBOX_A11Y_ROLE, PAGE_TIMEOUT, BOOT_APP_TIMEOUT, Keys } from '../../common/consts';
 
 describe('Checkbox Testing Initialization', () => {
-  it('Wait for app load', () => {
-    NavigateAppPage.waitForPageDisplayed(BOOT_APP_TIMEOUT);
-    expect(NavigateAppPage.isPageLoaded()).toBeTruthy(NavigateAppPage.ERRORMESSAGE_APPLOAD);
+  it('Wait for app load', async () => {
+    await NavigateAppPage.waitForPageDisplayed(BOOT_APP_TIMEOUT);
+    await expect(await NavigateAppPage.isPageLoaded()).toBeTruthy(NavigateAppPage.ERRORMESSAGE_APPLOAD);
   });
 
-  it('Click and navigate to Checkbox test page', () => {
+  it('Click and navigate to Checkbox test page', async () => {
     /* Scroll to component test page button in scrollview if not already visible*/
-    CheckboxPageObject.scrollToComponentButton();
-    CheckboxPageObject.waitForButtonDisplayed(PAGE_TIMEOUT);
+    await CheckboxPageObject.scrollToComponentButton();
+    await CheckboxPageObject.waitForButtonDisplayed(PAGE_TIMEOUT);
 
     /* Click on component button to navigate to test page */
-    NavigateAppPage.clickAndGoToCheckboxPage();
-    CheckboxPageObject.waitForPageDisplayed(PAGE_TIMEOUT);
+    await NavigateAppPage.clickAndGoToCheckboxPage();
+    await CheckboxPageObject.waitForPageDisplayed(PAGE_TIMEOUT);
 
-    expect(CheckboxPageObject.isPageLoaded()).toBeTruthy(CheckboxPageObject.ERRORMESSAGE_PAGELOAD);
-    expect(CheckboxPageObject.didAssertPopup()).toBeFalsy(CheckboxPageObject.ERRORMESSAGE_ASSERT); // Ensure no asserts popped up
+    await expect(await CheckboxPageObject.isPageLoaded()).toBeTruthy(CheckboxPageObject.ERRORMESSAGE_PAGELOAD);
+    await expect(await CheckboxPageObject.didAssertPopup()).toBeFalsy(CheckboxPageObject.ERRORMESSAGE_ASSERT); // Ensure no asserts popped up
   });
 });
 
 describe('Checkbox Accessibility Testing', () => {
   /* Scrolls and waits for the Checkbox to be visible on the Test Page */
-  beforeEach(() => {
-    CheckboxPageObject.scrollToTestElement();
-    CheckboxPageObject.waitForPrimaryElementDisplayed(PAGE_TIMEOUT);
+  beforeEach(async () => {
+    await CheckboxPageObject.scrollToTestElement();
+    await CheckboxPageObject.waitForPrimaryElementDisplayed(PAGE_TIMEOUT);
   });
 
-  it('Checkbox - Validate accessibilityRole is correct', () => {
-    expect(CheckboxPageObject.getAccessibilityRole()).toEqual(CHECKBOX_A11Y_ROLE);
-    expect(CheckboxPageObject.didAssertPopup()).toBeFalsy(CheckboxPageObject.ERRORMESSAGE_ASSERT);
+  it('Checkbox - Validate accessibilityRole is correct', async () => {
+    await expect(await CheckboxPageObject.getAccessibilityRole()).toEqual(CHECKBOX_A11Y_ROLE);
+    await expect(await CheckboxPageObject.didAssertPopup()).toBeFalsy(CheckboxPageObject.ERRORMESSAGE_ASSERT);
   });
 
-  it('Checkbox - Set accessibilityLabel', () => {
-    expect(CheckboxPageObject.getAccessibilityLabel(ComponentSelector.Primary)).toEqual(CHECKBOX_ACCESSIBILITY_LABEL);
-    expect(CheckboxPageObject.didAssertPopup()).toBeFalsy(CheckboxPageObject.ERRORMESSAGE_ASSERT);
+  it('Checkbox - Set accessibilityLabel', async () => {
+    await expect(await CheckboxPageObject.getAccessibilityLabel(ComponentSelector.Primary)).toEqual(CHECKBOX_ACCESSIBILITY_LABEL);
+    await expect(await CheckboxPageObject.didAssertPopup()).toBeFalsy(CheckboxPageObject.ERRORMESSAGE_ASSERT);
   });
 
-  it('Checkbox - Do not set accessibilityLabel -> Default to Checkbox label', () => {
-    expect(CheckboxPageObject.getAccessibilityLabel(ComponentSelector.Secondary)).toEqual(CHECKBOX_TEST_COMPONENT_LABEL);
-    expect(CheckboxPageObject.didAssertPopup()).toBeFalsy(CheckboxPageObject.ERRORMESSAGE_ASSERT);
+  it('Checkbox - Do not set accessibilityLabel -> Default to Checkbox label', async () => {
+    await expect(await CheckboxPageObject.getAccessibilityLabel(ComponentSelector.Secondary)).toEqual(CHECKBOX_TEST_COMPONENT_LABEL);
+    await expect(await CheckboxPageObject.didAssertPopup()).toBeFalsy(CheckboxPageObject.ERRORMESSAGE_ASSERT);
   });
 });
 
 describe('Checkbox Functional Testing', () => {
   /* Scrolls and waits for the Checkbox to be visible on the Test Page AND un-checks the Checkbox */
-  beforeEach(() => {
-    CheckboxPageObject.scrollToTestElement();
-    CheckboxPageObject.waitForPrimaryElementDisplayed(PAGE_TIMEOUT);
+  beforeEach(async () => {
+    await CheckboxPageObject.scrollToTestElement();
+    await CheckboxPageObject.waitForPrimaryElementDisplayed(PAGE_TIMEOUT);
 
-    CheckboxPageObject.toggleCheckboxToUnchecked();
+    await CheckboxPageObject.toggleCheckboxToUnchecked();
   });
 
-  it("Click on a Checkbox -> Validate it toggles correctly AND calls the user's onChange", () => {
+  it("Click on a Checkbox -> Validate it toggles correctly AND calls the user's onChange", async () => {
     /* Validate the Checkbox is initially toggled OFF */
-    expect(CheckboxPageObject.isCheckboxChecked()).toBeFalsy();
+    await expect(await CheckboxPageObject.isCheckboxChecked()).toBeFalsy();
 
     /* Click on the Checkbox to toggle on */
-    CheckboxPageObject.clickComponent();
-    CheckboxPageObject.waitForCheckboxChecked(PAGE_TIMEOUT);
+    await CheckboxPageObject.clickComponent();
+    await CheckboxPageObject.waitForCheckboxChecked(PAGE_TIMEOUT);
 
-    expect(CheckboxPageObject.didOnChangeCallbackFire()).toBeTruthy();
+    await expect(await CheckboxPageObject.didOnChangeCallbackFire()).toBeTruthy();
 
     /* Validate the Checkbox is toggled ON */
-    expect(CheckboxPageObject.isCheckboxChecked()).toBeTruthy();
+    await expect(await CheckboxPageObject.isCheckboxChecked()).toBeTruthy();
 
-    CheckboxPageObject.clickComponent();
+    await CheckboxPageObject.clickComponent();
 
     /* Validate the Checkbox is toggled OFF */
-    expect(CheckboxPageObject.isCheckboxChecked()).toBeFalsy();
-    expect(CheckboxPageObject.didAssertPopup()).toBeFalsy(CheckboxPageObject.ERRORMESSAGE_ASSERT);
+    await expect(await CheckboxPageObject.isCheckboxChecked()).toBeFalsy();
+    await expect(await CheckboxPageObject.didAssertPopup()).toBeFalsy(CheckboxPageObject.ERRORMESSAGE_ASSERT);
   });
 
-  it('Click the "Spacebar" on a Checkbox and verify it toggles', () => {
+  it('Click the "Spacebar" on a Checkbox and verify it toggles', async () => {
     /* Presses the "space bar" to select the Checkbox */
-    CheckboxPageObject.sendKey(CheckboxSelector.Primary, Keys.Spacebar);
-    CheckboxPageObject.waitForCheckboxChecked(PAGE_TIMEOUT);
+    await CheckboxPageObject.sendKey(CheckboxSelector.Primary, Keys.Spacebar);
+    await CheckboxPageObject.waitForCheckboxChecked(PAGE_TIMEOUT);
 
     /* Validate the Checkbox is selected */
-    expect(CheckboxPageObject.isCheckboxChecked()).toBeTruthy();
-    expect(CheckboxPageObject.didAssertPopup()).toBeFalsy(CheckboxPageObject.ERRORMESSAGE_ASSERT);
+    await expect(await CheckboxPageObject.isCheckboxChecked()).toBeTruthy();
+    await expect(await CheckboxPageObject.didAssertPopup()).toBeFalsy(CheckboxPageObject.ERRORMESSAGE_ASSERT);
   });
 });

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

@@ -5,41 +5,41 @@ import { CHECKBOX_TEST_COMPONENT_LABEL, CHECKBOX_ACCESSIBILITY_LABEL } from '../
 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('Wait for app load', async () => {
+    await NavigateAppPage.waitForPageDisplayed(BOOT_APP_TIMEOUT);
+    await expect(await NavigateAppPage.isPageLoaded()).toBeTruthy();
   });
 
-  it('Click and navigate to Checkbox test page', () => {
+  it('Click and navigate to Checkbox test page', async () => {
     /* Scroll to component test page button in scrollview if not already visible*/
-    CheckboxPageObject.scrollToComponentButton();
-    CheckboxPageObject.waitForButtonDisplayed(PAGE_TIMEOUT);
+    await CheckboxPageObject.scrollToComponentButton();
+    await CheckboxPageObject.waitForButtonDisplayed(PAGE_TIMEOUT);
 
     /* Click on component button to navigate to test page */
-    NavigateAppPage.clickAndGoToCheckboxPage();
-    CheckboxPageObject.waitForPageDisplayed(PAGE_TIMEOUT);
+    await NavigateAppPage.clickAndGoToCheckboxPage();
+    await CheckboxPageObject.waitForPageDisplayed(PAGE_TIMEOUT);
 
-    expect(CheckboxPageObject.isPageLoaded()).toBeTruthy();
+    await expect(await CheckboxPageObject.isPageLoaded()).toBeTruthy();
   });
 });
 
 describe('Checkbox Accessibility Testing', () => {
   /* Scrolls and waits for the Checkbox to be visible on the Test Page */
-  beforeEach(() => {
-    CheckboxPageObject.scrollToTestElement();
-    CheckboxPageObject.waitForPrimaryElementDisplayed(PAGE_TIMEOUT);
+  beforeEach(async () => {
+    await CheckboxPageObject.scrollToTestElement();
+    await CheckboxPageObject.waitForPrimaryElementDisplayed(PAGE_TIMEOUT);
   });
 
-  it('Checkbox - Validate accessibilityRole is correct', () => {
-    expect(CheckboxPageObject.getAccessibilityRole()).toEqual(CHECKBOX_A11Y_ROLE);
+  it('Checkbox - Validate accessibilityRole is correct', async () => {
+    await expect(await CheckboxPageObject.getAccessibilityRole()).toEqual(CHECKBOX_A11Y_ROLE);
   });
 
-  it('Checkbox - Set accessibilityLabel', () => {
-    expect(CheckboxPageObject.getAccessibilityLabel(ComponentSelector.Primary)).toEqual(CHECKBOX_ACCESSIBILITY_LABEL);
+  it('Checkbox - Set accessibilityLabel', async () => {
+    await expect(await CheckboxPageObject.getAccessibilityLabel(ComponentSelector.Primary)).toEqual(CHECKBOX_ACCESSIBILITY_LABEL);
   });
 
-  it('Checkbox - Do not set accessibilityLabel -> Default to Checkbox label', () => {
-    expect(CheckboxPageObject.getAccessibilityLabel(ComponentSelector.Secondary)).toEqual(CHECKBOX_TEST_COMPONENT_LABEL);
+  it('Checkbox - Do not set accessibilityLabel -> Default to Checkbox label', async () => {
+    await expect(await CheckboxPageObject.getAccessibilityLabel(ComponentSelector.Secondary)).toEqual(CHECKBOX_TEST_COMPONENT_LABEL);
   });
 });
 
@@ -56,7 +56,7 @@ describe('Checkbox Accessibility Testing', () => {
 
 //   it("Click on a Checkbox -> Validate it toggles correctly AND calls the user's onChange", () => {
 //     /* Validate the Checkbox is initially toggled OFF */
-//     expect(CheckboxPageObject.isCheckboxChecked()).toBeFalsy();
+//     await expect(await CheckboxPageObject.isCheckboxChecked()).toBeFalsy();
 //     console.log('Checkbox is checked: ' + CheckboxPageObject.isCheckboxChecked());
 
 //     /* Click on the Checkbox to toggle on */
@@ -64,15 +64,15 @@ describe('Checkbox Accessibility Testing', () => {
 
 //     CheckboxPageObject.waitForCheckboxChecked(PAGE_TIMEOUT);
 
-//     expect(CheckboxPageObject.didOnChangeCallbackFire()).toBeTruthy();
+//     await expect(await CheckboxPageObject.didOnChangeCallbackFire()).toBeTruthy();
 
 //     /* Validate the Checkbox is toggled ON */
-//     expect(CheckboxPageObject.isCheckboxChecked()).toBeTruthy();
+//     await expect(await CheckboxPageObject.isCheckboxChecked()).toBeTruthy();
 
 //     CheckboxPageObject.clickComponent();
 
 //     /* Validate the Checkbox is toggled OFF */
-//     expect(CheckboxPageObject.isCheckboxChecked()).toBeFalsy();
+//     await expect(await CheckboxPageObject.isCheckboxChecked()).toBeFalsy();
 //   });
 
 //   it('Click the "Spacebar" on a Checkbox and verify it toggles', () => {
@@ -81,6 +81,6 @@ describe('Checkbox Accessibility Testing', () => {
 //     CheckboxPageObject.waitForCheckboxChecked(PAGE_TIMEOUT);
 
 //     /* Validate the Checkbox is selected */
-//     expect(CheckboxPageObject.isCheckboxChecked()).toBeTruthy();
+//     await expect(await CheckboxPageObject.isCheckboxChecked()).toBeTruthy();
 //   });
 // });

package/src/E2E/CheckboxExperimental/pages/ExperimentalCheckboxPageObject.ts

@@ -17,57 +17,47 @@ class ExperimentalCheckboxPageObject extends BasePage {
   /******************************************************************/
   /**************** UI Element Interaction Methods ******************/
   /******************************************************************/
-  isCheckboxChecked(): boolean {
-    return this._primaryComponent.isSelected();
+  async isCheckboxChecked(): Promise<boolean> {
+    return await this._primaryComponent.isSelected();
   }
 
-  waitForCheckboxChecked(timeout?: number): void {
-    browser.waitUntil(
-      () => {
-        return this.isCheckboxChecked();
-      },
-      {
-        timeout: timeout ?? this.waitForPageTimeout,
-        timeoutMsg: 'The Checkbox was not toggled correctly',
-        interval: 1000,
-      },
-    );
+  async waitForCheckboxChecked(timeout?: number): Promise<void> {
+    await browser.waitUntil(async () => await this.isCheckboxChecked(), {
+      timeout: timeout ?? this.waitForPageTimeout,
+      timeoutMsg: 'The Checkbox was not toggled correctly',
+      interval: 1000,
+    });
   }
 
   /* Useful in beforeEach() hook to reset the checkbox before every test */
-  toggleCheckboxToUnchecked(): void {
-    if (this.isCheckboxChecked()) {
-      this._primaryComponent.click();
+  async toggleCheckboxToUnchecked(): Promise<void> {
+    if (await this.isCheckboxChecked()) {
+      await this._primaryComponent.click();
     }
   }
 
-  didOnChangeCallbackFire(): boolean {
-    const callbackText = By(EXPERIMENTAL_CHECKBOX_ON_PRESS);
-    browser.waitUntil(
-      () => {
-        return callbackText.isDisplayed();
-      },
-      {
-        timeout: this.waitForPageTimeout,
-        timeoutMsg: 'The OnChange callback did not fire.',
-        interval: 1000,
-      },
-    );
+  async didOnChangeCallbackFire(): Promise<boolean> {
+    const callbackText = await By(EXPERIMENTAL_CHECKBOX_ON_PRESS);
+    await browser.waitUntil(async () => await callbackText.isDisplayed(), {
+      timeout: this.waitForPageTimeout,
+      timeoutMsg: 'The OnChange callback did not fire.',
+      interval: 1000,
+    });
 
-    return callbackText.isDisplayed();
+    return await callbackText.isDisplayed();
   }
 
   /* Sends a Keyboarding command on a specific UI element */
-  sendKey(selector: ExperimentalCheckboxSelector, key: string): void {
-    this.getCheckboxSelector(selector).addValue(key);
+  async sendKey(selector: ExperimentalCheckboxSelector, key: string): Promise<void> {
+    await (await this.getCheckboxSelector(selector)).addValue(key);
   }
 
   /* Returns the correct WebDriverIO element from the Checkbox Selector */
-  getCheckboxSelector(selector?: ExperimentalCheckboxSelector): WebdriverIO.Element {
+  async getCheckboxSelector(selector?: ExperimentalCheckboxSelector): Promise<WebdriverIO.Element> {
     if (selector == ExperimentalCheckboxSelector.Primary) {
-      return this._primaryComponent;
+      return await this._primaryComponent;
     }
-    return this._primaryComponent;
+    return await this._primaryComponent;
   }
 
   /*****************************************/