@fluentui-react-native/tester 0.80.0 → 0.81.2

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

@@ -1,7 +1,8 @@
 const DUMMY_CHAR = '';
 export const COMPONENT_SCROLL_COORDINATES = { x: -0, y: -100 }; // These are the offsets. Y is negative because we want the touch to move up (and thus it scrolls down)
 
-/* Mac-Specific Selector. We use this to get elements on the test page */
+/* Mac-Specific Selector. We use this to get elements on the test page.
+ * Specifically, this is the xpath selector. See https://v6.webdriver.io/docs/selectors.html#xpath */
 export function By(identifier: string): WebdriverIO.Element {
   return $('//*[@identifier="' + identifier + '"]');
 }
@@ -55,10 +56,7 @@ export class BasePage {
   /* Scrolls until the desired test page's button is displayed. We use the scroll viewer UI element as the point to start scrolling.
    * We use a negative number as the Y-coordinate because that enables us to scroll downwards */
   scrollToComponentButton(): void {
-    if (!this.isButtonInView()) {
-      const scrollViewElement = $('~SCROLLVIEW_TEST_ID');
-      driver.touchScroll(COMPONENT_SCROLL_COORDINATES.x, COMPONENT_SCROLL_COORDINATES.y, scrollViewElement.elementId);
-    }
+    /* TODO: Implement (not needed yet) */
   }
 
   /* Waits for the test page to load. If the test page doesn't load before the timeout, it causes the test to fail. */
@@ -106,9 +104,7 @@ export class BasePage {
 
   /* Scrolls to the primary UI test element until it is displayed. It uses the ScrollView that encapsulates each test page. */
   scrollToTestElement(): void {
-    while (!this._primaryComponent.isDisplayed()) {
-      driver.touchScroll(COMPONENT_SCROLL_COORDINATES.x, COMPONENT_SCROLL_COORDINATES.y, $('~ScrollViewAreaForComponents').elementId);
-    }
+    /* TODO: Implement (not needed yet) */
   }
 
   /* A method that allows the caller to pass in a condition. A wrapper for waitUntil(). Once testing becomes more extensive,

package/src/TestComponents/Icon/IconTest.tsx

@@ -1,6 +1,6 @@
 /* eslint-disable @typescript-eslint/no-var-requires */
 import * as React from 'react';
-import { Platform, View } from 'react-native';
+import { Platform, PlatformColor, View } from 'react-native';
 import { Text } from '@fluentui/react-native';
 import { Icon, RasterImageIconProps, SvgIconProps, FontIconProps } from '@fluentui-react-native/icon';
 import { Test, TestSection, PlatformStatus } from '../Test';
@@ -78,6 +78,9 @@ const Icons: React.FunctionComponent = () => {
             shouldShowDataUri ? <Icon svgSource={svgD20DataUriProps} width={100} height={100} color="#7a7" /> : null
           }
           <Icon svgSource={svgUriProps} width={100} height={100} color="red" />
+          {Platform.OS === ('win32' as any) && (
+            <Icon svgSource={svgProps} width={100} height={100} color={PlatformColor('WindowText')} accessibilityLabel="Wheelchair" />
+          )}
         </View>
       ) : null}
       {showRasterIcons ? (

package/wdio.conf.macos.js

@@ -16,8 +16,8 @@ exports.config = {
     {
       maxInstances: 1, // Maximum number of total parallel running workers.
       platformName: 'mac',
-      automationName: 'Mac2',
-      bundleId: 'com.microsoft.ReactTestApp',
+      'appium:automationName': 'Mac2',
+      'appium:bundleId': 'com.microsoft.ReactTestApp',
     },
   ],
 
@@ -113,8 +113,23 @@ exports.config = {
    * Hook that gets executed before the suite starts
    * @param {Object} suite suite details
    */
-  // beforeSuite: function (suite) {
-  // },
+  beforeSuite: function () {
+    // Unlike other platforms, the appium Mac2 driver doesn't have a command to maximize the app.
+    // Because of this, we look up the maximize window button directly through it's XCUI identifier and click it.
+    let fluentTesterWindow = null;
+    browser.waitUntil(() => {
+      fluentTesterWindow = $('//*[@title="Fluent Tester" and @elementType=4]');
+      return fluentTesterWindow != null;
+    },
+    {
+      timeout: 10000,
+      timeoutMsg: 'Could not find the FluentTester window. Cannot maximize app.',
+      interval: 500
+    });
+
+    const maxButton = fluentTesterWindow.$('//*[@identifier="_XCUI:FullScreenWindow" and @elementType=9]');
+    maxButton.click();
+  },
   /**
    * Function to be executed before a test (in Mocha/Jasmine) starts.
    */