@fluentui-react-native/tester 0.52.2 → 0.53.3

package/src/E2E/common/BasePage.win.ts

@@ -131,6 +131,23 @@ export class BasePage {
     );
   }
 
+  /* FUNCTIONALITY: Determines if an Assert has fired. True if yes; false otherwise
+   *
+   * WHY/HOW: Unfortunately, some Asserts don't take focus away from the test app. Because of this, the test execution is able
+   * to continue without realizing an assert as popped up (unless the assert is a crashing one).
+   *
+   * In order to detect an assert, this function gets the number of window handles currently open within the test app.
+   * Only one instance SHOULD be open at a time (the app itself). If another instance of the app is open, we know an assert dialogue
+   * has popped up. With this information, we know to fail the test.
+   *
+   * Additionally, you might think it's logical to simply place this in the afterEach() hook so it's called after every test (rather than duplicating this call in every test).
+   * Unfortunately, afterEach() is designed for setup/teardown - not for determining if a test should fail or not.
+   * */
+  didAssertPopup(): boolean {
+    // If more than 1 instance of the app is open, we know an assert dialogue popped up.
+    return browser.getWindowHandles().length > 1;
+  }
+
   /*****************************************/
   /**************** Getters ****************/
   /*****************************************/
@@ -172,6 +189,23 @@ export class BasePage {
     return DUMMY_CHAR;
   }
 
+  /****************** Error Messages ******************/
+  get ERRORMESSAGE_SUFFIX(): string {
+    return 'Please review logs and error screenshots for more information.';
+  }
+
+  get ERRORMESSAGE_APPLOAD(): string {
+    return 'The FluentTester app did not load correctly. ' + this.ERRORMESSAGE_SUFFIX;
+  }
+
+  get ERRORMESSAGE_PAGELOAD(): string {
+    return 'The ' + this._pageName + ' test page did not load correctly. ' + this.ERRORMESSAGE_SUFFIX;
+  }
+
+  get ERRORMESSAGE_ASSERT(): string {
+    return 'An assert popped up. ' + this.ERRORMESSAGE_SUFFIX;
+  }
+
   // Default timeout to wait until page is displayed (10s)
   waitForPageTimeout: number = 15000;
 }

package/src/FluentTester/TestComponents/ButtonExperimental/ButtonVariantTestSection.tsx

@@ -15,11 +15,14 @@ export const ButtonVariantTest: React.FunctionComponent = () => {
     <View style={[stackStyle, commonTestStyles.view]}>
       <Button style={commonTestStyles.vmargin}>Default</Button>
       <Button disabled style={commonTestStyles.vmargin}>
-        Disabled
+        Default Disabled
       </Button>
       <Button appearance="primary" style={commonTestStyles.vmargin}>
         Primary
       </Button>
+      <Button disabled appearance="primary" style={commonTestStyles.vmargin}>
+        Primary Disabled
+      </Button>
       <Button appearance="subtle" style={commonTestStyles.vmargin}>
         Subtle
       </Button>

package/src/FluentTester/TestComponents/ButtonExperimental/ToggleButtonTestSection.tsx

@@ -34,10 +34,13 @@ export const ToggleButtonTest: React.FunctionComponent = () => {
         Unchecked Default Toggle
       </ToggleButton>
       <ToggleButton appearance="primary" style={commonTestStyles.vmargin}>
-        Primary Toggle
+        Checked Primary Toggle
+      </ToggleButton>
+      <ToggleButton disabled defaultChecked appearance="primary" style={commonTestStyles.vmargin}>
+        Checked Primary Toggle Disabled
       </ToggleButton>
       <ToggleButton defaultChecked appearance="primary" style={commonTestStyles.vmargin}>
-        Primary Toggle
+        Unchecked Primary Toggle
       </ToggleButton>
       <View style={styles.row}>
         <ToggleButton appearance="subtle" onClick={onGhostClicked} checked={subtleChecked} style={commonTestStyles.vmargin}>