@fluentui-react-native/text 0.24.21 → 0.25.1

package/src/Text.tsx

@@ -1,10 +1,9 @@
-/** @jsxRuntime classic */
-/** @jsx withSlots */
+/** @jsxImportSource @fluentui-react-native/framework-base */
 import React from 'react';
 import { I18nManager, Platform, Text as RNText } from 'react-native';
 
 import type { UseTokens, FontWeightValue } from '@fluentui-react-native/framework';
-import { fontStyles, withSlots, useFluentTheme, mergeStyles, compressible, patchTokens } from '@fluentui-react-native/framework';
+import { fontStyles, useFluentTheme, mergeStyles, compressible, patchTokens } from '@fluentui-react-native/framework';
 import { useKeyProps } from '@fluentui-react-native/interactive-hooks';
 import { globalTokens } from '@fluentui-react-native/theme-tokens';
 
@@ -51,13 +50,13 @@ export const Text = compressible<TextProps, TextTokens>((props: TextProps, useTo
     ? align === 'start'
       ? 'right'
       : align === 'end'
-      ? 'left'
-      : align
+        ? 'left'
+        : align
     : align === 'start'
-    ? 'left'
-    : align === 'end'
-    ? 'right'
-    : align;
+      ? 'left'
+      : align === 'end'
+        ? 'right'
+        : align;
 
   const textOnPress = React.useCallback(
     (e) => {
@@ -117,15 +116,15 @@ export const Text = compressible<TextProps, TextTokens>((props: TextProps, useTo
     };
   }
 
-  const isWinPlatform = Platform.OS === (('win32' as any) || 'windows');
+  const isWin32Platform = Platform.OS === ('win32' as any);
   const filteredProps = {
-    onKeyUp: isWinPlatform ? onKeyUp : undefined,
-    keyUpEvents: isWinPlatform ? keyUpEvents : undefined,
+    onKeyUp: isWin32Platform ? onKeyUp : undefined,
+    keyUpEvents: isWin32Platform ? keyUpEvents : undefined,
     validKeysUp: undefined,
-    onKeyDown: isWinPlatform ? onKeyDown : undefined,
-    keyDownEvents: isWinPlatform ? keyDownEvents : undefined,
+    onKeyDown: isWin32Platform ? onKeyDown : undefined,
+    keyDownEvents: isWin32Platform ? keyDownEvents : undefined,
     validKeysDown: undefined,
-    onAccessibilityTap: isWinPlatform ? onAccTap : undefined,
+    onAccessibilityTap: isWin32Platform ? onAccTap : undefined,
   };
 
   // return a continuation function that allows this text to be compressed

package/src/__tests__/Text.test.tsx

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import { act } from 'react';
 
 import * as renderer from 'react-test-renderer';
 
@@ -6,13 +6,19 @@ import { Text } from '../Text';
 
 describe('Text component tests', () => {
   it('Text default', () => {
-    const tree = renderer.create(<Text>Text default</Text>).toJSON();
-    expect(tree).toMatchSnapshot();
+    let component: renderer.ReactTestRenderer;
+    act(() => {
+      component = renderer.create(<Text>Text default</Text>);
+    });
+    expect(component!.toJSON()).toMatchSnapshot();
   });
 
   it('Text all props', () => {
-    const tree = renderer.create(<Text variant="bodyStandard">All props</Text>).toJSON();
-    expect(tree).toMatchSnapshot();
+    let component: renderer.ReactTestRenderer;
+    act(() => {
+      component = renderer.create(<Text variant="bodyStandard">All props</Text>);
+    });
+    expect(component!.toJSON()).toMatchSnapshot();
   });
 
   it('Text all tokens', () => {
@@ -21,8 +27,11 @@ describe('Text component tests', () => {
       fontWeight: '900',
       fontSize: 20,
     });
-    const tree = renderer.create(<BoldText>All tokens</BoldText>).toJSON();
-    expect(tree).toMatchSnapshot();
+    let component: renderer.ReactTestRenderer;
+    act(() => {
+      component = renderer.create(<BoldText>All tokens</BoldText>);
+    });
+    expect(component!.toJSON()).toMatchSnapshot();
   });
 
   it('Text variants render correctly with style', () => {
@@ -30,11 +39,14 @@ describe('Text component tests', () => {
       marginBottom: 8,
       marginTop: 4,
     };
-    const tree = renderer.create(
-      <Text variant="heroLargeSemibold" color="blue" style={style}>
-        Header Text
-      </Text>,
-    );
-    expect(tree).toMatchSnapshot();
+    let component: renderer.ReactTestRenderer;
+    act(() => {
+      component = renderer.create(
+        <Text variant="heroLargeSemibold" color="blue" style={style}>
+          Header Text
+        </Text>,
+      );
+    });
+    expect(component!.toJSON()).toMatchSnapshot();
   });
 });