@fluentui-react-native/tester 0.103.11 → 0.103.12

package/src/E2E/common/NavigateAppPage.ts

@@ -33,123 +33,123 @@ import { By, BasePage } from './BasePage';
 
 class NavigateAppPage extends BasePage {
   async clickAndGoToActivityIndicatorPage() {
-    await this.activityIndicatorPage.click();
+    await (await this.activityIndicatorPage).click();
   }
 
   async clickAndGoToAvatarPage() {
-    await this.avatarPage.click();
+    await (await this.avatarPage).click();
   }
 
   async clickAndGoToBadgePage() {
-    await this.badgePage.click();
+    await (await this.badgePage).click();
   }
 
   async clickAndGoToButtonPage() {
-    await this.buttonPage.click();
+    await (await this.buttonPage).click();
   }
 
   async clickAndGoToCalloutPage() {
-    await this.calloutPage.click();
+    await (await this.calloutPage).click();
   }
 
   async clickAndGoToCheckboxPage() {
-    await this.checkboxPage.click();
+    await (await this.checkboxPage).click();
   }
 
   async clickAndGoToCheckboxExperimentalPage() {
-    await this.checkboxExperimentalPage.click();
+    await (await this.checkboxExperimentalPage).click();
   }
 
   async clickAndGoToContextualMenuPage() {
-    await this.contextualMenuPage.click();
+    await (await this.contextualMenuPage).click();
   }
 
   async clickAndGoToFocusTrapZonePage() {
-    await this.focusTrapZonePage.click();
+    await (await this.focusTrapZonePage).click();
   }
 
   async clickAndGoToFocusZonePage() {
-    await this.focusZonePage.click();
+    await (await this.focusZonePage).click();
   }
 
   async clickAndGoToIconPage() {
-    await this.iconPage.click();
+    await (await this.iconPage).click();
   }
 
   async clickAndGoToLinkPage() {
-    await this.linkPage.click();
+    await (await this.linkPage).click();
   }
 
   async clickAndGoToLinkExperimentalPage() {
-    await this.linkExperimentalPage.click();
+    await (await this.linkExperimentalPage).click();
   }
 
   async clickAndGoToMenuPage() {
-    await this.menuPage.click();
+    await (await this.menuPage).click();
   }
 
   async clickAndGoToMenuButtonPage() {
-    await this.menuButtonPage.click();
+    await (await this.menuButtonPage).click();
   }
 
   async clickAndGoToExperimentalMenuButtonPage() {
-    await this.menuButtonExperimentalPage.click();
+    await (await this.menuButtonExperimentalPage).click();
   }
 
   async clickAndGoToPersonaPage() {
-    await this.personaPage.click();
+    await (await this.personaPage).click();
   }
 
   async clickAndGoToPersonaCoinPage() {
-    await this.personaCoinPage.click();
+    await (await this.personaCoinPage).click();
   }
 
   async clickAndGoToPressablePage() {
-    await this.pressablePage.click();
+    await (await this.pressablePage).click();
   }
 
   async clickAndGoToRadioGroupPage() {
-    await this.radioGroupPage.click();
+    await (await this.radioGroupPage).click();
   }
 
   async clickAndGoToSeparatorPage() {
-    await this.separatorPage.click();
+    await (await this.separatorPage).click();
   }
 
   async clickAndGoToShimmerPage() {
-    await this.shimmerPage.click();
+    await (await this.shimmerPage).click();
   }
 
   async clickAndGoToSvgPage() {
-    await this.svgPage.click();
+    await (await this.svgPage).click();
   }
 
   async clickAndGoToSwitchPage() {
-    await this.switchPage.click();
+    await (await this.switchPage).click();
   }
 
   async clickAndGoToTextPage() {
-    await this.textPage.click();
+    await (await this.textPage).click();
   }
 
   async clickAndGoToExperimentalTextPage() {
-    await this.textExperimentalPage.click();
+    await (await this.textExperimentalPage).click();
   }
 
   async clickAndGoToTabsPage() {
-    await this.tabsPage.click();
+    await (await this.tabsPage).click();
   }
 
   async clickAndGoToThemePage() {
-    await this.themePage.click();
+    await (await this.themePage).click();
   }
 
   async clickAndGoToTokensPage() {
-    await this.tokensPage.click();
+    await (await this.tokensPage).click();
   }
 
   async clickAndGoToExperimentalTabsPage() {
-    await this.experimentalTabsPage.click();
+    await (await this.experimentalTabsPage).click();
   }
 
   /*

package/src/E2E/common/consts.ts

@@ -1,3 +1,5 @@
+export const ROOT_VIEW = 'Fluent_Tester_Root_View';
+
 /* Accessibility Role Control Types - https://docs.microsoft.com/en-us/windows/win32/winauto/uiauto-controltype-ids */
 export const BUTTON_A11Y_ROLE = 'ControlType.Button';
 export const CALLOUT_A11Y_ROLE = 'ControlType.Group';

package/src/FluentTester.tsx

@@ -9,6 +9,7 @@ import { commonTestStyles, fluentTesterStyles, mobileStyles } from './TestCompon
 import { useTheme } from '@fluentui-react-native/theme-types';
 import { ThemePickers } from './theme/ThemePickers';
 import { tests } from './testPages';
+import { ROOT_VIEW } from './E2E/common/consts';
 
 // uncomment the below lines to enable message spy
 /**
@@ -224,7 +225,8 @@ export const FluentTester: React.FunctionComponent<FluentTesterProps> = (props:
   };
 
   return (
-    <View style={commonTestStyles.flex}>
+    // TODO: Figure out why making this view accessible breaks element querying on iOS.
+    <View accessible={Platform.OS !== 'ios'} testID={ROOT_VIEW} style={commonTestStyles.flex}>
       {Platform.OS === ('win32' as any) ? (
         <FocusTrapZone style={themedStyles.root}>
           <TesterContent />

package/wdio.conf.ios.js

@@ -94,6 +94,7 @@ exports.config = {
    */
   beforeSession: function (/*config, capabilities, specs*/) {
     fs.mkdirSync('./errorShots', { recursive: true });
+    process.env['E2ETEST_PLATFORM'] = 'ios';
   },
   /**
    * Gets executed before test execution begins. At this point you can access to all global

package/wdio.conf.macos.js

@@ -94,6 +94,7 @@ exports.config = {
    */
   beforeSession: function (/*config, capabilities, specs*/) {
     fs.mkdirSync('./errorShots', { recursive: true });
+    process.env['E2ETEST_PLATFORM'] = 'macos';
   },
   /**
    * Gets executed before test execution begins. At this point you can access to all global

package/wdio.conf.windows.js

@@ -115,6 +115,7 @@ exports.config = {
    */
   beforeSession: function (/* config, capabilities, specs */) {
     fs.mkdirSync('./errorShots', { recursive: true });
+    process.env['E2ETEST_PLATFORM'] = 'windows';
   },
   /**
    * Gets executed before test execution begins. At this point you can access to all global