@fluentui-react-native/tester 0.50.7 → 0.50.11

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui-react-native/tester",
-  "version": "0.50.7",
+  "version": "0.50.11",
   "description": "A test app to test FluentUI React Native Components during development",
   "license": "MIT",
   "author": "Microsoft <fluentuinativeowners@microsoft.com>",
@@ -21,39 +21,44 @@
     "prettier": "fluentui-scripts prettier",
     "prettier-fix": "fluentui-scripts prettier --fix true"
   },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/microsoft/fluentui-react-native.git",
+    "directory": "apps/fluent-tester"
+  },
   "dependencies": {
-    "@fluentui-react-native/android-theme": ">=0.5.0 <1.0.0",
-    "@fluentui-react-native/apple-theme": ">=0.9.2 <1.0.0",
-    "@fluentui-react-native/button": ">=0.21.4 <1.0.0",
-    "@fluentui-react-native/default-theme": ">=0.9.2 <1.0.0",
-    "@fluentui-react-native/experimental-activity-indicator": ">=0.5.3 <1.0.0",
-    "@fluentui-react-native/experimental-avatar": ">=0.13.5 <1.0.0",
-    "@fluentui-react-native/experimental-button": "0.11.5",
-    "@fluentui-react-native/experimental-checkbox": "0.4.4",
-    "@fluentui-react-native/experimental-native-date-picker": ">=0.4.0 <1.0.0",
-    "@fluentui-react-native/experimental-expander": "0.3.4",
-    "@fluentui-react-native/experimental-menu-button": ">=0.2.7 <1.0.0",
-    "@fluentui-react-native/experimental-shimmer": "0.6.4",
-    "@fluentui-react-native/experimental-tabs": "0.4.4",
-    "@fluentui-react-native/experimental-text": ">=0.7.4 <1.0.0",
-    "@fluentui-react-native/framework": ">=0.7.4 <1.0.0",
-    "@fluentui-react-native/icon": "0.10.3",
-    "@fluentui-react-native/interactive-hooks": ">=0.11.4 <1.0.0",
-    "@fluentui-react-native/stack": ">=0.6.4 <1.0.0",
-    "@fluentui-react-native/theme": ">=0.6.0 <1.0.0",
-    "@fluentui-react-native/theme-types": ">=0.13.0 <1.0.0",
-    "@fluentui-react-native/themed-stylesheet": "^1.3.0",
-    "@fluentui-react-native/theming-utils": ">=0.8.2 <1.0.0",
-    "@fluentui-react-native/win32-theme": ">=0.14.2 <1.0.0",
-    "@fluentui/react-native": ">=0.27.6 <1.0.0",
+    "@fluentui-react-native/android-theme": ">=0.5.2 <1.0.0",
+    "@fluentui-react-native/apple-theme": ">=0.9.4 <1.0.0",
+    "@fluentui-react-native/button": ">=0.21.8 <1.0.0",
+    "@fluentui-react-native/default-theme": ">=0.9.4 <1.0.0",
+    "@fluentui-react-native/experimental-activity-indicator": ">=0.5.6 <1.0.0",
+    "@fluentui-react-native/experimental-avatar": ">=0.13.8 <1.0.0",
+    "@fluentui-react-native/experimental-button": "0.11.9",
+    "@fluentui-react-native/experimental-checkbox": "0.4.8",
+    "@fluentui-react-native/experimental-native-date-picker": ">=0.4.1 <1.0.0",
+    "@fluentui-react-native/experimental-expander": "0.3.7",
+    "@fluentui-react-native/experimental-menu-button": ">=0.2.11 <1.0.0",
+    "@fluentui-react-native/experimental-shimmer": "0.6.7",
+    "@fluentui-react-native/experimental-tabs": "0.4.8",
+    "@fluentui-react-native/experimental-text": ">=0.7.7 <1.0.0",
+    "@fluentui-react-native/framework": ">=0.7.7 <1.0.0",
+    "@fluentui-react-native/icon": "0.11.1",
+    "@fluentui-react-native/interactive-hooks": ">=0.11.8 <1.0.0",
+    "@fluentui-react-native/stack": ">=0.6.7 <1.0.0",
+    "@fluentui-react-native/theme": ">=0.6.2 <1.0.0",
+    "@fluentui-react-native/theme-types": ">=0.13.1 <1.0.0",
+    "@fluentui-react-native/themed-stylesheet": "^1.3.2",
+    "@fluentui-react-native/theming-utils": ">=0.8.4 <1.0.0",
+    "@fluentui-react-native/win32-theme": ">=0.14.4 <1.0.0",
+    "@fluentui/react-native": ">=0.27.10 <1.0.0",
     "@react-native-community/slider": "^4.1.12",
     "@react-native-menu/menu": "^0.1.2",
     "@react-native-picker/picker": "^1.16.7",
-    "tslib": "^1.13.0"
+    "tslib": "^2.3.1"
   },
   "devDependencies": {
     "@fluentui-react-native/eslint-config-rules": "^0.1.1",
-    "@rnx-kit/cli": "^0.5.27",
+    "@rnx-kit/cli": "^0.9.57",
     "@types/jasmine": "3.5.10",
     "@types/react": "^17.0.2",
     "@types/react-native": "^0.64.0",
@@ -66,6 +71,7 @@
     "@wdio/sync": "^6.5.0",
     "appium": "1.20.0",
     "appium-mac2-driver": "0.14.1",
+    "flow-bin": "^0.98.0",
     "metro-react-native-babel-preset": "^0.66.2",
     "react": "17.0.1",
     "react-native": "^0.64.3",
@@ -77,7 +83,7 @@
     "rnpm-plugin-windows": "^0.5.1-0",
     "ts-node": "^8.10.1",
     "tsconfig-paths": "^3.9.0",
-    "typescript": "3.8.3",
+    "typescript": "4.5.4",
     "webdriverio": "^6.5.0"
   },
   "peerDependencies": {

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

@@ -57,15 +57,19 @@ export const ButtonSizeTest: React.FunctionComponent = () => {
       <CompoundButton secondaryContent="Large compound button" size="large" style={commonTestStyles.vmargin}>
         Compound Button
       </CompoundButton>
-      <CompoundButton icon={{ svgSource: svgProps }} secondaryContent="SecondaryContent" size="small" style={commonTestStyles.vmargin}>
-        Content
-      </CompoundButton>
-      <CompoundButton icon={{ svgSource: svgProps }} secondaryContent="SecondaryContent" size="medium" style={commonTestStyles.vmargin}>
-        Content
-      </CompoundButton>
-      <CompoundButton icon={{ svgSource: svgProps }} secondaryContent="SecondaryContent" size="large" style={commonTestStyles.vmargin}>
-        Content
-      </CompoundButton>
+      {svgIconsEnabled && (
+        <>
+          <CompoundButton icon={{ svgSource: svgProps }} secondaryContent="SecondaryContent" size="small" style={commonTestStyles.vmargin}>
+            Content
+          </CompoundButton>
+          <CompoundButton icon={{ svgSource: svgProps }} secondaryContent="SecondaryContent" size="medium" style={commonTestStyles.vmargin}>
+            Content
+          </CompoundButton>
+          <CompoundButton icon={{ svgSource: svgProps }} secondaryContent="SecondaryContent" size="large" style={commonTestStyles.vmargin}>
+            Content
+          </CompoundButton>
+        </>
+      )}
     </View>
   );
 };

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

@@ -23,13 +23,12 @@ export const E2EButtonExperimentalTest: React.FunctionComponent = () => {
   return (
     <View>
       <Stack style={stackStyle}>
-        <Button
-          content="This is a button for E2E testing"
-          testID={BUTTONEXPERIMENTAL_TEST_COMPONENT}
-          onClick={onClick}
-          accessibilityLabel={BUTTONEXPERIMENTAL_ACCESSIBILITY_LABEL}
-        />
-        <Button content={BUTTONEXPERIMENTAL_TEST_COMPONENT_LABEL} testID={BUTTONEXPERIMENTAL_NO_A11Y_LABEL_COMPONENT} onClick={onClick} />
+        <Button testID={BUTTONEXPERIMENTAL_TEST_COMPONENT} onClick={onClick} accessibilityLabel={BUTTONEXPERIMENTAL_ACCESSIBILITY_LABEL}>
+          This is a button for E2E testing
+        </Button>
+        <Button testID={BUTTONEXPERIMENTAL_NO_A11Y_LABEL_COMPONENT} onClick={onClick}>
+          {BUTTONEXPERIMENTAL_TEST_COMPONENT_LABEL}
+        </Button>
         {buttonPressed ? <Text testID={BUTTONEXPERIMENTAL_ON_PRESS}>Button Pressed</Text> : null}
       </Stack>
     </View>