@fluentui-react-native/tester 0.170.25 → 0.170.27

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui-react-native/tester",
-  "version": "0.170.25",
+  "version": "0.170.27",
   "description": "A test app to test FluentUI React Native Components during development",
   "license": "MIT",
   "author": "Microsoft <fluentuinativeowners@microsoft.com>",
@@ -33,88 +33,89 @@
     "directory": "apps/fluent-tester"
   },
   "dependencies": {
-    "@fluentui-react-native/android-theme": "0.25.2",
-    "@fluentui-react-native/apple-theme": "0.28.2",
-    "@fluentui-react-native/avatar": "1.12.8",
-    "@fluentui-react-native/badge": "0.11.2",
-    "@fluentui-react-native/button": "0.39.4",
-    "@fluentui-react-native/callout": "0.27.2",
-    "@fluentui-react-native/chip": "0.4.8",
-    "@fluentui-react-native/default-theme": "0.26.2",
-    "@fluentui-react-native/divider": "0.7.8",
-    "@fluentui-react-native/drawer": "0.4.4",
-    "@fluentui-react-native/dropdown": "0.10.13",
-    "@fluentui-react-native/experimental-activity-indicator": "0.10.3",
-    "@fluentui-react-native/experimental-appearance-additions": "0.7.2",
-    "@fluentui-react-native/experimental-avatar": "0.21.4",
-    "@fluentui-react-native/experimental-checkbox": "0.17.9",
-    "@fluentui-react-native/experimental-expander": "0.8.3",
-    "@fluentui-react-native/experimental-menu-button": "0.10.19",
-    "@fluentui-react-native/experimental-native-date-picker": "0.11.0",
-    "@fluentui-react-native/experimental-shadow": "0.6.4",
-    "@fluentui-react-native/experimental-shimmer": "0.13.5",
-    "@fluentui-react-native/framework": "0.14.2",
-    "@fluentui-react-native/icon": "0.21.8",
-    "@fluentui-react-native/input": "0.7.8",
-    "@fluentui-react-native/interactive-hooks": "0.27.4",
-    "@fluentui-react-native/menu": "1.14.22",
-    "@fluentui-react-native/merge-props": "0.9.1",
-    "@fluentui-react-native/notification": "0.25.11",
-    "@fluentui-react-native/overflow": "0.3.22",
-    "@fluentui-react-native/radio-group": "0.21.16",
-    "@fluentui-react-native/separator": "0.18.2",
-    "@fluentui-react-native/spinner": "0.9.9",
-    "@fluentui-react-native/stack": "0.10.7",
-    "@fluentui-react-native/switch": "0.13.7",
-    "@fluentui-react-native/tablist": "0.7.4",
-    "@fluentui-react-native/text": "0.24.6",
-    "@fluentui-react-native/theme": "0.11.1",
-    "@fluentui-react-native/theme-tokens": "0.27.1",
-    "@fluentui-react-native/theme-types": "0.39.1",
-    "@fluentui-react-native/themed-stylesheet": "1.7.1",
-    "@fluentui-react-native/theming-utils": "0.26.1",
-    "@fluentui-react-native/tooltip": "0.4.11",
-    "@fluentui-react-native/vibrancy-view": "0.3.0",
-    "@fluentui-react-native/win32-theme": "0.34.5",
-    "@fluentui/react-native": "0.42.13",
+    "@fluentui-react-native/android-theme": "0.25.3",
+    "@fluentui-react-native/apple-theme": "0.28.3",
+    "@fluentui-react-native/avatar": "1.12.9",
+    "@fluentui-react-native/badge": "0.11.3",
+    "@fluentui-react-native/button": "0.39.5",
+    "@fluentui-react-native/callout": "0.27.3",
+    "@fluentui-react-native/chip": "0.4.9",
+    "@fluentui-react-native/default-theme": "0.26.3",
+    "@fluentui-react-native/divider": "0.7.9",
+    "@fluentui-react-native/drawer": "0.4.5",
+    "@fluentui-react-native/dropdown": "0.10.14",
+    "@fluentui-react-native/experimental-activity-indicator": "0.10.4",
+    "@fluentui-react-native/experimental-appearance-additions": "0.7.3",
+    "@fluentui-react-native/experimental-avatar": "0.21.5",
+    "@fluentui-react-native/experimental-checkbox": "0.17.10",
+    "@fluentui-react-native/experimental-expander": "0.8.4",
+    "@fluentui-react-native/experimental-menu-button": "0.10.20",
+    "@fluentui-react-native/experimental-native-date-picker": "0.11.1",
+    "@fluentui-react-native/experimental-shadow": "0.6.5",
+    "@fluentui-react-native/experimental-shimmer": "0.13.6",
+    "@fluentui-react-native/framework": "0.14.3",
+    "@fluentui-react-native/icon": "0.21.9",
+    "@fluentui-react-native/input": "0.7.9",
+    "@fluentui-react-native/interactive-hooks": "0.27.5",
+    "@fluentui-react-native/menu": "1.14.23",
+    "@fluentui-react-native/merge-props": "0.9.2",
+    "@fluentui-react-native/notification": "0.25.12",
+    "@fluentui-react-native/overflow": "0.3.23",
+    "@fluentui-react-native/radio-group": "0.21.17",
+    "@fluentui-react-native/separator": "0.18.3",
+    "@fluentui-react-native/spinner": "0.9.10",
+    "@fluentui-react-native/stack": "0.10.8",
+    "@fluentui-react-native/switch": "0.13.8",
+    "@fluentui-react-native/tablist": "0.7.5",
+    "@fluentui-react-native/text": "0.24.7",
+    "@fluentui-react-native/theme": "0.11.2",
+    "@fluentui-react-native/theme-tokens": "0.27.2",
+    "@fluentui-react-native/theme-types": "0.39.2",
+    "@fluentui-react-native/themed-stylesheet": "1.7.2",
+    "@fluentui-react-native/theming-utils": "0.26.2",
+    "@fluentui-react-native/tooltip": "0.4.12",
+    "@fluentui-react-native/vibrancy-view": "0.3.1",
+    "@fluentui-react-native/win32-theme": "0.34.6",
+    "@fluentui/react-native": "0.42.14",
     "@fortawesome/fontawesome-svg-core": "^6.2.0",
     "@fortawesome/free-solid-svg-icons": "^6.2.0",
     "@fortawesome/react-native-fontawesome": "^0.3.0",
     "@react-native-community/slider": "^4.2.0",
     "@react-native-menu/menu": "^0.7.3",
     "@react-native-picker/picker": "^2.7.0",
+    "@types/react": "~18.2.0",
     "@warren-ms/react-native-icons": "^0.0.13",
     "react": "18.2.0",
-    "react-native": "^0.73.0",
-    "react-native-macos": "^0.73.0",
-    "react-native-svg": "^15.0.0",
-    "react-native-windows": "^0.73.0",
+    "react-native": "^0.74.0",
+    "react-native-macos": "^0.74.0",
+    "react-native-svg": "^15.4.0",
+    "react-native-windows": "^0.74.0",
     "tslib": "^2.3.1"
   },
   "devDependencies": {
-    "@babel/core": "^7.8.0",
-    "@babel/runtime": "^7.8.0",
+    "@babel/core": "^7.20.0",
+    "@babel/runtime": "^7.20.0",
     "@fluentui-react-native/eslint-config-rules": "0.1.1",
-    "@fluentui-react-native/focus-zone": "0.21.0",
+    "@fluentui-react-native/focus-zone": "0.21.1",
     "@fluentui-react-native/scripts": "0.1.1",
-    "@react-native/babel-preset": "^0.73.0",
-    "@react-native/metro-babel-transformer": "^0.73.0",
-    "@react-native/metro-config": "^0.73.0",
-    "@rnx-kit/cli": "^0.16.2",
-    "@rnx-kit/metro-config": "^1.3.1",
+    "@react-native/babel-preset": "^0.74.0",
+    "@react-native/metro-babel-transformer": "^0.74.0",
+    "@react-native/metro-config": "^0.74.0",
+    "@rnx-kit/cli": "^0.18.0",
+    "@rnx-kit/metro-config": "^2.0.0",
     "@types/jasmine": "5.1.4",
     "@wdio/cli": "^8.40.0",
     "@wdio/globals": "^8.40.0",
     "@wdio/jasmine-framework": "^8.40.0",
     "flow-bin": "^0.113.0",
-    "metro-config": "^0.80.0",
+    "metro-config": "^0.80.3",
     "react-native-svg-transformer": "^1.0.0",
-    "react-native-test-app": "^3.4.7",
+    "react-native-test-app": "^3.9.2",
     "react-test-renderer": "18.2.0",
     "webdriverio": "^8.40.0"
   },
   "peerDependencies": {
-    "@office-iss/react-native-win32": "^0.73.0"
+    "@office-iss/react-native-win32": "^0.74.0"
   },
   "jest": {
     "preset": "react-native"
@@ -173,7 +174,7 @@
         "@fluentui-react-native/scripts/align-deps-preset.js"
       ],
       "requirements": [
-        "react-native@0.73"
+        "react-native@0.74"
       ],
       "capabilities": [
         "core-android",

package/src/TestComponents/Button/E2EButtonTest.tsx

@@ -2,10 +2,9 @@
 import * as React from 'react';
 import { View } from 'react-native';
 
-import { Text } from '@fluentui/react-native';
-import { ButtonV1 as Button } from '@fluentui/react-native';
+import { ButtonV1 as Button, Text } from '@fluentui/react-native';
 import { Stack } from '@fluentui-react-native/stack';
-import type { IViewWin32Props } from '@office-iss/react-native-win32';
+import type { IKeyboardEvent } from '@office-iss/react-native-win32';
 
 import {
   BUTTON_TEST_COMPONENT,
@@ -22,6 +21,24 @@ import {
 import { stackStyle } from '../Common/styles';
 import { testProps } from '../Common/TestProps';
 
+function keyEvent(key: string) {
+  return {
+    key,
+    capsLockKey: false,
+    shiftKey: false,
+    ctrlKey: false,
+    altKey: false,
+    metaKey: false,
+    numericPadKey: false,
+    helpKey: false,
+    functionKey: false,
+    ArrowLeft: false,
+    ArrowRight: false,
+    ArrowUp: false,
+    ArrowDown: false,
+  };
+}
+
 export const E2EButtonTest: React.FunctionComponent = () => {
   const [buttonPressed, setButtonPressed] = React.useState(false);
   const [keyDetected, setKeyDetected] = React.useState('');
@@ -31,16 +48,16 @@ export const E2EButtonTest: React.FunctionComponent = () => {
     setKeyDetected('');
   }, [buttonPressed]);
 
-  const keyPressProps: Omit<IViewWin32Props, 'accessibilityRole' | 'role' | 'onBlur' | 'onFocus' | 'onMouseLeave' | 'onMouseEnter'> = {
-    keyDownEvents: [{ key: 'a' }],
-    onKeyDown: (args) => {
+  const keyPressProps = {
+    keyDownEvents: [keyEvent('a')],
+    onKeyDown: (args: IKeyboardEvent) => {
       if (args.nativeEvent.key === 'a') {
         setKeyDetected('a (down)');
         args.stopPropagation();
       }
     },
-    keyUpEvents: [{ key: 'b' }],
-    onKeyUp: (args) => {
+    keyUpEvents: [keyEvent('b')],
+    onKeyUp: (args: IKeyboardEvent) => {
       if (args.nativeEvent.key === 'b') {
         setKeyDetected('b (up)');
         args.stopPropagation();