@fluentui-react-native/tester 0.134.13 → 0.134.15

package/src/TestComponents/RadioGroupV1/DefaultRadioGroup.tsx

@@ -1,8 +1,9 @@
-import { RadioGroup, Radio } from '@fluentui-react-native/experimental-radio-group';
-import { Separator } from '@fluentui/react-native';
 import * as React from 'react';
 import { View } from 'react-native';
 
+import { Separator } from '@fluentui/react-native';
+import { RadioGroup, Radio } from '@fluentui-react-native/experimental-radio-group';
+
 export const DefaultRadioGroup: React.FunctionComponent = () => {
   // Client's example onChange function
   const onChange = React.useCallback((key: string) => {

package/src/TestComponents/RadioGroupV1/DisabledRadioGroup.tsx

@@ -1,8 +1,9 @@
-import { RadioGroup, Radio } from '@fluentui-react-native/experimental-radio-group';
-import { Separator } from '@fluentui/react-native';
 import * as React from 'react';
 import { View } from 'react-native';
 
+import { Separator } from '@fluentui/react-native';
+import { RadioGroup, Radio } from '@fluentui-react-native/experimental-radio-group';
+
 export const DisabledRadioGroup: React.FunctionComponent = () => {
   // Client's example onChange function
   const onChange = React.useCallback((key: string) => {

package/src/TestComponents/RadioGroupV1/HorizontalRadioGroup.tsx

@@ -1,8 +1,9 @@
-import { RadioGroup, Radio } from '@fluentui-react-native/experimental-radio-group';
-import { Separator } from '@fluentui/react-native';
 import * as React from 'react';
 import { View } from 'react-native';
 
+import { Separator } from '@fluentui/react-native';
+import { RadioGroup, Radio } from '@fluentui-react-native/experimental-radio-group';
+
 export const HorizontalRadioGroup: React.FunctionComponent = () => {
   // Client's example onChange function
   const onChange = React.useCallback((key: string) => {

package/src/TestComponents/RadioGroupV1/RadioGroupV1E2ETest.tsx

@@ -1,6 +1,9 @@
 import * as React from 'react';
 import { View } from 'react-native';
+
 import { RadioGroup, Radio } from '@fluentui-react-native/experimental-radio-group';
+import { Stack } from '@fluentui-react-native/stack';
+
 import {
   RADIOGROUPV1_TEST_COMPONENT,
   RADIOGROUPV1_NO_A11Y_LABEL_COMPONENT,
@@ -14,7 +17,6 @@ import {
   FIRST_RADIO_ACCESSIBILITY_LABEL,
   SECOND_RADIO_LABEL,
 } from '../../../../E2E/src/RadioGroupV1/consts';
-import { Stack } from '@fluentui-react-native/stack';
 import { stackStyle } from '../Common/styles';
 import { testProps } from '../Common/TestProps';
 

package/src/TestComponents/RadioGroupV1/RadioGroupV1Test.tsx

@@ -1,15 +1,16 @@
 import * as React from 'react';
-import { RADIOGROUPV1_TESTPAGE } from '../../../../E2E/src/RadioGroupV1/consts';
+import { Platform } from 'react-native';
+
+import { CustomizedRadioGroup } from './CustomizedRadioGroup';
 import { DefaultRadioGroup } from './DefaultRadioGroup';
-import { RequiredRadioGroup } from './RequiredRadioGroup';
 import { DisabledRadioGroup } from './DisabledRadioGroup';
-import { SubtextRadioGroup } from './SubtextRadioGroup';
 import { HorizontalRadioGroup } from './HorizontalRadioGroup';
-import { CustomizedRadioGroup } from './CustomizedRadioGroup';
 import { RadioGroupV1E2ETest } from './RadioGroupV1E2ETest';
+import { RequiredRadioGroup } from './RequiredRadioGroup';
+import { SubtextRadioGroup } from './SubtextRadioGroup';
+import { RADIOGROUPV1_TESTPAGE } from '../../../../E2E/src/RadioGroupV1/consts';
 import type { TestSection, PlatformStatus } from '../Test';
 import { Test } from '../Test';
-import { Platform } from 'react-native';
 
 const radioGroupV1Sections: TestSection[] = [
   {

package/src/TestComponents/RadioGroupV1/RequiredRadioGroup.tsx

@@ -1,7 +1,8 @@
-import { RadioGroup, Radio } from '@fluentui-react-native/experimental-radio-group';
 import * as React from 'react';
 import { View } from 'react-native';
 
+import { RadioGroup, Radio } from '@fluentui-react-native/experimental-radio-group';
+
 export const RequiredRadioGroup: React.FunctionComponent = () => {
   // Client's example onChange function
   const onChange = React.useCallback((key: string) => {

package/src/TestComponents/RadioGroupV1/SubtextRadioGroup.tsx

@@ -1,7 +1,8 @@
-import { RadioGroup, Radio } from '@fluentui-react-native/experimental-radio-group';
 import * as React from 'react';
 import { View } from 'react-native';
 
+import { RadioGroup, Radio } from '@fluentui-react-native/experimental-radio-group';
+
 export const SubtextRadioGroup: React.FunctionComponent = () => {
   // Client's example onChange function
   const onChange = React.useCallback((key: string) => {

package/src/TestComponents/Separator/SeparatorTest.mobile.tsx

@@ -1,9 +1,11 @@
 import * as React from 'react';
-import { Separator } from '@fluentui-react-native/separator';
+
 import { Text } from '@fluentui-react-native/experimental-text';
-import { commonTestStyles, mobileStyles } from '../Common/styles';
+import { Separator } from '@fluentui-react-native/separator';
 import { Stack } from '@fluentui-react-native/stack';
+
 import { SEPARATOR_TESTPAGE } from '../../../../E2E/src/Separator/consts';
+import { commonTestStyles, mobileStyles } from '../Common/styles';
 import type { TestSection, PlatformStatus } from '../Test';
 import { Test } from '../Test';
 

package/src/TestComponents/Separator/SeparatorTest.tsx

@@ -1,10 +1,12 @@
 import * as React from 'react';
-import { Separator } from '@fluentui-react-native/separator';
+
 import { ButtonV1 } from '@fluentui-react-native/button';
 import { Text } from '@fluentui-react-native/experimental-text';
-import { stackStyle, separatorStackStyle } from '../Common/styles';
+import { Separator } from '@fluentui-react-native/separator';
 import { Stack } from '@fluentui-react-native/stack';
+
 import { SEPARATOR_TESTPAGE } from '../../../../E2E/src/Separator/consts';
+import { stackStyle, separatorStackStyle } from '../Common/styles';
 import type { TestSection, PlatformStatus } from '../Test';
 import { Test } from '../Test';
 

package/src/TestComponents/Shadow/ShadowButtonTestSection.tsx

@@ -1,10 +1,12 @@
 import * as React from 'react';
 import { Platform, View } from 'react-native';
+
 import { FAB, Text } from '@fluentui/react-native';
-import { commonTestStyles, stackStyle } from '../Common/styles';
-import { shadowTestPageStyles } from './ShadowTestPageStyles';
 import { useFluentTheme } from '@fluentui-react-native/framework';
+
+import { shadowTestPageStyles } from './ShadowTestPageStyles';
 import { iconProps } from '../Common/iconExamples';
+import { commonTestStyles, stackStyle } from '../Common/styles';
 
 const CustomFABNoShadow = FAB.customize({ shadowToken: undefined });
 const CustomFABShadow64 = FAB.customize({

package/src/TestComponents/Shadow/ShadowDepthTestSection.tsx

@@ -1,11 +1,13 @@
 import * as React from 'react';
 import { View } from 'react-native';
+
 import { Text } from '@fluentui/react-native';
 import { Shadow, getShadowTokenStyleSet } from '@fluentui-react-native/experimental-shadow';
+import { mergeStyles, useFluentTheme } from '@fluentui-react-native/framework';
 import type { ShadowToken, Theme } from '@fluentui-react-native/theme-types';
 import { useTheme } from '@fluentui-react-native/theme-types';
-import { mergeStyles, useFluentTheme } from '@fluentui-react-native/framework';
 import { themedStyleSheet } from '@fluentui-react-native/themed-stylesheet';
+
 import { shadowTestPageStyles } from './ShadowTestPageStyles';
 
 const getThemedStyles = themedStyleSheet((t: Theme) => {

package/src/TestComponents/Shadow/ShadowTest.tsx

@@ -1,10 +1,11 @@
 import * as React from 'react';
-import type { TestSection, PlatformStatus } from '../Test';
-import { Test } from '../Test';
-import { SHADOW_TESTPAGE } from '../../../../E2E/src/Shadow/consts';
-import { ShadowDepthTestSection } from './ShadowDepthTestSection';
+
 import { ShadowButtonTestSection } from './ShadowButtonTestSection';
+import { ShadowDepthTestSection } from './ShadowDepthTestSection';
 import { ShadowWithDifferentPropsTestSection } from './ShadowWithDifferentPropsTestSection';
+import { SHADOW_TESTPAGE } from '../../../../E2E/src/Shadow/consts';
+import type { TestSection, PlatformStatus } from '../Test';
+import { Test } from '../Test';
 
 const shadowSections: TestSection[] = [
   {

package/src/TestComponents/Shadow/ShadowTestPageStyles.tsx

@@ -1,4 +1,5 @@
 import { Platform } from 'react-native';
+
 import type { Theme } from '@fluentui-react-native/theme-types';
 import { themedStyleSheet } from '@fluentui-react-native/themed-stylesheet';
 

package/src/TestComponents/Shadow/ShadowWithDifferentPropsTestSection.tsx

@@ -1,11 +1,13 @@
 import * as React from 'react';
+import { View } from 'react-native';
+
 import { Text } from '@fluentui/react-native';
 import { Shadow } from '@fluentui-react-native/experimental-shadow';
 import type { Theme } from '@fluentui-react-native/framework';
 import { useFluentTheme } from '@fluentui-react-native/framework';
-import { View } from 'react-native';
-import { themedStyleSheet } from '@fluentui-react-native/themed-stylesheet';
 import { mergeStyles } from '@fluentui-react-native/merge-props';
+import { themedStyleSheet } from '@fluentui-react-native/themed-stylesheet';
+
 import { shadowTestPageStyles } from './ShadowTestPageStyles';
 
 const getThemedStyles = themedStyleSheet((t: Theme) => {

package/src/TestComponents/Shimmer/ShimmerE2ETest.tsx

@@ -1,9 +1,11 @@
 import * as React from 'react';
+
 import { Shimmer } from '@fluentui-react-native/experimental-shimmer';
 import { Stack } from '@fluentui-react-native/stack';
-import { stackStyle } from '../Common/styles';
+
 import { shimmerRectsAndRect } from './ShimmerTestElementSets';
 import { SHIMMER_TEST_COMPONENT } from '../../../../E2E/src/Shimmer/consts';
+import { stackStyle } from '../Common/styles';
 import { testProps } from '../Common/TestProps';
 
 export const E2ETestingShimmer: React.FunctionComponent<Record<string, never>> = () => {

package/src/TestComponents/Shimmer/ShimmerTest.tsx

@@ -1,13 +1,15 @@
 import * as React from 'react';
+import { Platform } from 'react-native';
+
 import { Shimmer } from '@fluentui-react-native/experimental-shimmer';
+import { Stack } from '@fluentui-react-native/stack';
+
+import { E2ETestingShimmer } from './ShimmerE2ETest';
+import { shimmerBorderRadiusTests, shimmerRectsAndRect, shimmerRectsAndCircle } from './ShimmerTestElementSets';
 import { SHIMMER_TESTPAGE } from '../../../../E2E/src/Shimmer/consts';
+import { stackStyle } from '../Common/styles';
 import type { TestSection, PlatformStatus } from '../Test';
 import { Test } from '../Test';
-import { Stack } from '@fluentui-react-native/stack';
-import { stackStyle } from '../Common/styles';
-import { shimmerBorderRadiusTests, shimmerRectsAndRect, shimmerRectsAndCircle } from './ShimmerTestElementSets';
-import { E2ETestingShimmer } from './ShimmerE2ETest';
-import { Platform } from 'react-native';
 
 const TestCompareCustomizeShimmer = Shimmer.customize({
   shimmerWaveColor: 'blue',

package/src/TestComponents/Spacing/SpacingTest.tsx

@@ -1,11 +1,13 @@
-import { Stack } from '@fluentui-react-native/stack';
-import { globalTokens } from '@fluentui-react-native/theme-tokens';
 import * as React from 'react';
 import { Text, View } from 'react-native';
+
+import { Stack } from '@fluentui-react-native/stack';
+import { globalTokens } from '@fluentui-react-native/theme-tokens';
+
+import { SPACING_TESTPAGE } from '../../../../E2E/src/Spacing/consts';
 import { stackStyle } from '../Common/styles';
 import type { TestSection, PlatformStatus } from '../Test';
 import { Test } from '../Test';
-import { SPACING_TESTPAGE } from '../../../../E2E/src/Spacing/consts';
 
 const BasicUsage: React.FunctionComponent = () => {
   function spacingExample(tokenName: string, spacing?: number | string) {

package/src/TestComponents/Spinner/SpinnerE2ETest.tsx

@@ -1,9 +1,11 @@
 import * as React from 'react';
+
 import { Spinner } from '@fluentui-react-native/spinner';
 import { Stack } from '@fluentui-react-native/stack';
+
+import { SPINNER_TEST_COMPONENT } from '../../../../E2E/src/Spinner/consts';
 import { stackStyle } from '../Common/styles';
 import { testProps } from '../Common/TestProps';
-import { SPINNER_TEST_COMPONENT } from '../../../../E2E/src/Spinner/consts';
 
 export const E2ETestingSpinner: React.FunctionComponent<Record<string, never>> = () => {
   return (

package/src/TestComponents/Spinner/SpinnerTest.tsx

@@ -1,13 +1,15 @@
 import * as React from 'react';
-import { Text, TextV1 } from '@fluentui-react-native/text';
+import { View, Switch } from 'react-native';
+
+import { Spinner } from '@fluentui-react-native/spinner';
 import { Stack } from '@fluentui-react-native/stack';
+import { Text, TextV1 } from '@fluentui-react-native/text';
+
+import { E2ETestingSpinner } from './SpinnerE2ETest';
+import { SPINNER_TESTPAGE } from '../../../../E2E/src/Spinner/consts';
 import { stackStyle, commonTestStyles as commonStyles, commonTestStyles } from '../Common/styles';
 import type { TestSection, PlatformStatus } from '../Test';
 import { Test } from '../Test';
-import { SPINNER_TESTPAGE } from '../../../../E2E/src/Spinner/consts';
-import { View, Switch } from 'react-native';
-import { Spinner } from '@fluentui-react-native/spinner';
-import { E2ETestingSpinner } from './SpinnerE2ETest';
 
 const BasicSpinnerTest: React.FunctionComponent = () => {
   const [animating, setAnimating] = React.useState(true);

package/src/TestComponents/StrokeWidth/StrokeWidthTest.tsx

@@ -1,16 +1,18 @@
 import * as React from 'react';
-import { STROKEWIDTH_TESTPAGE } from '../../../../E2E/src/StrokeWidthTokens/consts';
-import type { TestSection, PlatformStatus } from '../Test';
-import { Test } from '../Test';
 import { View } from 'react-native';
-import { Stack } from '@fluentui-react-native/stack';
-import { stackStyle } from '../Common/styles';
-import { globalTokens } from '@fluentui-react-native/theme-tokens';
+
 import { Text } from '@fluentui/react-native';
 import type { Theme } from '@fluentui-react-native/framework';
 import { useFluentTheme } from '@fluentui-react-native/framework';
-import { getCurrentAppearance } from '@fluentui-react-native/theming-utils';
+import { Stack } from '@fluentui-react-native/stack';
+import { globalTokens } from '@fluentui-react-native/theme-tokens';
 import { themedStyleSheet } from '@fluentui-react-native/themed-stylesheet';
+import { getCurrentAppearance } from '@fluentui-react-native/theming-utils';
+
+import { STROKEWIDTH_TESTPAGE } from '../../../../E2E/src/StrokeWidthTokens/consts';
+import { stackStyle } from '../Common/styles';
+import type { TestSection, PlatformStatus } from '../Test';
+import { Test } from '../Test';
 
 const getThemedStyles = themedStyleSheet((t: Theme) => {
   const isLightMode = getCurrentAppearance(t.host.appearance, 'light') === 'light';

package/src/TestComponents/Svg/RNSVGIcons.tsx

@@ -1,13 +1,11 @@
 import * as React from 'react';
-import { RNSVGIcons_TESTPAGE } from '../../../../E2E/src/Svg/consts';
 import { /* Text, */ View } from 'react-native';
-import type { TestSection, PlatformStatus } from '../Test';
-import { Test } from '../Test';
-import { FontAwesomeIcon } from '@fortawesome/react-native-fontawesome';
+
+import { faMountainCity } from '@fortawesome/free-solid-svg-icons/faMountainCity';
+import { faMugHot } from '@fortawesome/free-solid-svg-icons/faMugHot';
 import { faMugSaucer } from '@fortawesome/free-solid-svg-icons/faMugSaucer';
 import { faSquareCheck } from '@fortawesome/free-solid-svg-icons/faSquareCheck';
-import { faMugHot } from '@fortawesome/free-solid-svg-icons/faMugHot';
-import { faMountainCity } from '@fortawesome/free-solid-svg-icons/faMountainCity';
+import { FontAwesomeIcon } from '@fortawesome/react-native-fontawesome';
 import {
   AccessTime20Filled,
   AccessTime20Regular,
@@ -511,6 +509,10 @@ import {
   ArrowCircleUpLeft20Regular,
 } from '@warren-ms/react-native-icons';
 
+import { RNSVGIcons_TESTPAGE } from '../../../../E2E/src/Svg/consts';
+import type { TestSection, PlatformStatus } from '../Test';
+import { Test } from '../Test';
+
 const FontAwesomeTest: React.FunctionComponent = () => {
   return (
     <React.Fragment>

package/src/TestComponents/Svg/SvgTest.tsx

@@ -1,7 +1,9 @@
 import * as React from 'react';
 import { StyleSheet, Switch, Text, View } from 'react-native';
+
 import { Separator } from '@fluentui/react-native';
 import { Circle, Defs, G, Line, Path, Polygon, LinearGradient, RadialGradient, Rect, Stop, Svg, SvgUri, Use } from 'react-native-svg';
+
 import TestSvg from './Assets/accessible-icon-brands.svg';
 import { SVG_TESTPAGE } from '../../../../E2E/src/Svg/consts';
 import type { TestSection, PlatformStatus } from '../Test';

package/src/TestComponents/Switch/CustomizedSwitch.tsx

@@ -1,8 +1,10 @@
 import * as React from 'react';
 import { View, TextInput, StyleSheet } from 'react-native';
+
 import { Text } from '@fluentui-react-native/experimental-text';
 import type { SwitchTokens } from '@fluentui-react-native/switch';
 import { Switch } from '@fluentui-react-native/switch';
+
 import { commonTestStyles as commonStyles } from '../Common/styles';
 
 const styles = StyleSheet.create({

package/src/TestComponents/Switch/E2ESwitchTest.tsx

@@ -1,8 +1,10 @@
 import * as React from 'react';
+import { Platform } from 'react-native';
+
 import { Stack } from '@fluentui-react-native/stack';
 import { Switch } from '@fluentui-react-native/switch';
 import { TextV1 } from '@fluentui-react-native/text';
-import { stackStyle, commonTestStyles } from '../Common/styles';
+
 import {
   SWITCH_TEST_COMPONENT,
   SWITCH_ACCESSIBILITY_LABEL,
@@ -10,7 +12,7 @@ import {
   SWITCH_TEST_COMPONENT_LABEL,
   SWITCH_ON_PRESS,
 } from '../../../../E2E/src/Switch/consts';
-import { Platform } from 'react-native';
+import { stackStyle, commonTestStyles } from '../Common/styles';
 import { testProps } from '../Common/TestProps';
 
 export const E2ESwitchTest: React.FunctionComponent = () => {

package/src/TestComponents/Switch/SwitchTest.tsx

@@ -1,15 +1,17 @@
 import * as React from 'react';
-import type { TestSection, PlatformStatus } from '../Test';
-import { Test } from '../Test';
-import { SWITCH_TESTPAGE } from '../../../../E2E/src/Switch/consts';
 import { View, StyleSheet } from 'react-native';
-import { Switch } from '@fluentui-react-native/switch';
-import { E2ESwitchTest } from './E2ESwitchTest';
-import { commonTestStyles } from '../Common/styles';
+import { Platform } from 'react-native';
+
 import { ButtonV1 as Button } from '@fluentui-react-native/button';
 import type { InteractionEvent } from '@fluentui-react-native/interactive-hooks';
+import { Switch } from '@fluentui-react-native/switch';
+
 import { CustomizedSwitch } from './CustomizedSwitch';
-import { Platform } from 'react-native';
+import { E2ESwitchTest } from './E2ESwitchTest';
+import { SWITCH_TESTPAGE } from '../../../../E2E/src/Switch/consts';
+import { commonTestStyles } from '../Common/styles';
+import type { TestSection, PlatformStatus } from '../Test';
+import { Test } from '../Test';
 
 const styles = StyleSheet.create({
   square: {

package/src/TestComponents/TabsLegacy/TabsLegacyE2ETest.tsx

@@ -1,7 +1,8 @@
 import * as React from 'react';
 import { View } from 'react-native';
+
 import { Tabs, TabsItem, Text } from '@fluentui/react-native';
-import { stackStyle } from '../Common/styles';
+
 import {
   TABS_TEST_COMPONENT,
   TABS_ACCESSIBILITY_LABEL,
@@ -16,6 +17,7 @@ import {
   THIRD_TABS_ITEM_CONTENT,
   FIRST_TABS_ITEM_CONTENT,
 } from '../../../../E2E/src/TabsLegacy/consts';
+import { stackStyle } from '../Common/styles';
 import { testProps } from '../Common/TestProps';
 
 export const TabsLegacyE2ETest: React.FunctionComponent = () => {

package/src/TestComponents/TabsLegacy/TabsLegacyTest.tsx

@@ -1,12 +1,14 @@
 import * as React from 'react';
 import { Platform, View } from 'react-native';
+
 import { Tabs, TabsItem, Text, Button } from '@fluentui/react-native';
-import { stackStyle } from '../Common/styles';
+
+import { TabsLegacyE2ETest } from './TabsLegacyE2ETest';
 import { TABS_TESTPAGE } from '../../../../E2E/src/TabsLegacy/consts';
+import { svgProps } from '../Common/iconExamples';
+import { stackStyle } from '../Common/styles';
 import type { TestSection, PlatformStatus } from '../Test';
 import { Test } from '../Test';
-import { TabsLegacyE2ETest } from './TabsLegacyE2ETest';
-import { svgProps } from '../Common/iconExamples';
 
 const TabsMainTest: React.FunctionComponent = () => {
   return (

package/src/TestComponents/TabsV1/TabsV1E2ETest.tsx

@@ -1,8 +1,9 @@
 import * as React from 'react';
 import { View } from 'react-native';
-import { TextV1 as Text } from '@fluentui-react-native/text';
+
 import { Tabs, TabsItem } from '@fluentui-react-native/experimental-tabs';
-import { stackStyle } from '../Common/styles';
+import { TextV1 as Text } from '@fluentui-react-native/text';
+
 import {
   TABSV1_TEST_COMPONENT,
   TABSV1_ACCESSIBILITY_LABEL,
@@ -18,6 +19,7 @@ import {
   TABSITEMV1_NO_A11Y_LABEL_COMPONENT,
   TABSITEMV1_TEST_COMPONENT_LABEL,
 } from '../../../../E2E/src/TabsV1/consts';
+import { stackStyle } from '../Common/styles';
 import { testProps } from '../Common/TestProps';
 
 export const TabsV1E2ETest: React.FunctionComponent = () => {

package/src/TestComponents/TabsV1/TabsV1Test.tsx

@@ -1,14 +1,16 @@
 import * as React from 'react';
 import { View, Platform } from 'react-native';
-import { TextV1 as Text } from '@fluentui-react-native/text';
+
 import { Button } from '@fluentui-react-native/experimental-button';
 import { Tabs, TabsItem } from '@fluentui-react-native/experimental-tabs';
-import { stackStyle } from '../Common/styles';
+import { TextV1 as Text } from '@fluentui-react-native/text';
+
+import { TabsV1E2ETest } from './TabsV1E2ETest';
 import { TABSV1_TESTPAGE } from '../../../../E2E/src/TabsV1/consts';
+import { svgProps } from '../Common/iconExamples';
+import { stackStyle } from '../Common/styles';
 import type { TestSection, PlatformStatus } from '../Test';
 import { Test } from '../Test';
-import { TabsV1E2ETest } from './TabsV1E2ETest';
-import { svgProps } from '../Common/iconExamples';
 
 const TabsMainTest: React.FunctionComponent = () => {
   return (

package/src/TestComponents/Test.tsx

@@ -1,13 +1,15 @@
 import * as React from 'react';
 import { Platform, StyleSheet, Switch, View } from 'react-native';
+
 import { Text, ToggleButton, Separator, Link } from '@fluentui/react-native';
+import { Button } from '@fluentui-react-native/experimental-button';
+import type { SvgIconProps } from '@fluentui-react-native/icon';
 import { Stack } from '@fluentui-react-native/stack';
-import { stackStyle } from './Common/styles';
 import { useTheme } from '@fluentui-react-native/theme-types';
 import type { SvgProps } from 'react-native-svg';
 import Svg, { G, Path } from 'react-native-svg';
-import type { SvgIconProps } from '@fluentui-react-native/icon';
-import { Button } from '@fluentui-react-native/experimental-button';
+
+import { stackStyle } from './Common/styles';
 import { testProps } from './Common/TestProps';
 import { E2E_MODE_SWITCH, E2E_TEST_SECTION } from '../../../E2E/src/index.consts';
 

package/src/TestComponents/TextLegacy/CustomizeUsage.tsx

@@ -1,7 +1,9 @@
 import * as React from 'react';
 import { Platform, View } from 'react-native';
-import { Stack } from '@fluentui-react-native/stack';
+
 import { Text } from '@fluentui/react-native';
+import { Stack } from '@fluentui-react-native/stack';
+
 import { stackStyle } from '../Common/styles';
 
 const RedCaptionBold = Text.customize({ tokens: { variant: 'captionStandard', fontWeight: '700', color: '#ff0000' } });

package/src/TestComponents/TextLegacy/PressableUsage.tsx

@@ -1,10 +1,12 @@
 import * as React from 'react';
 import { Alert, Linking, View } from 'react-native';
-import { Stack } from '@fluentui-react-native/stack';
+
 import { Text } from '@fluentui/react-native';
-import { stackStyle } from '../Common/styles';
+import { Stack } from '@fluentui-react-native/stack';
 import type { IKeyboardEvent, IHandledKeyboardEvent } from '@office-iss/react-native-win32';
 
+import { stackStyle } from '../Common/styles';
+
 export const PressableUsage: React.FunctionComponent = () => {
   const _onPress = (): void => {
     Linking.openURL('https://www.microsoft.com');

package/src/TestComponents/TextLegacy/StandardUsage.tsx

@@ -1,7 +1,9 @@
 import * as React from 'react';
 import { View } from 'react-native';
+
 import { Text } from '@fluentui/react-native';
 import { Stack } from '@fluentui-react-native/stack';
+
 import { stackStyle } from '../Common/styles';
 
 export const StandardUsage: React.FunctionComponent = () => {

package/src/TestComponents/TextLegacy/TextLegacyE2ETest.tsx

@@ -1,14 +1,16 @@
 import * as React from 'react';
 import { View } from 'react-native';
+
 import { Text } from '@fluentui/react-native';
 import { Stack } from '@fluentui-react-native/stack';
-import { stackStyle } from '../Common/styles';
+
 import {
   DEPRECATED_TEXT_FIRST_ACCESSIBILITY_LABEL,
   DEPRECATED_TEXT_FIRST_COMPONENT,
   DEPRECATED_TEXT_SECOND_COMPONENT,
   DEPRECATED_TEXT_SECOND_COMPONENT_CONTENT,
 } from '../../../../E2E/src/TextLegacy/consts';
+import { stackStyle } from '../Common/styles';
 import { testProps } from '../Common/TestProps';
 
 export const TextLegacyE2ETest: React.FunctionComponent = () => {

package/src/TestComponents/TextLegacy/TextLegacyTest.tsx

@@ -1,11 +1,12 @@
 import * as React from 'react';
-import { StandardUsage } from './StandardUsage';
+
 import { CustomizeUsage } from './CustomizeUsage';
 import { PressableUsage } from './PressableUsage';
+import { StandardUsage } from './StandardUsage';
 import { TextLegacyE2ETest } from './TextLegacyE2ETest';
+import { TEXT_TESTPAGE } from '../../../../E2E/src/index.consts';
 import type { TestSection, PlatformStatus } from '../Test';
 import { Test } from '../Test';
-import { TEXT_TESTPAGE } from '../../../../E2E/src/index.consts';
 
 const textSections: TestSection[] = [
   {

package/src/TestComponents/TextV1/CustomizeUsage.tsx

@@ -1,7 +1,9 @@
 import * as React from 'react';
 import { Platform, View } from 'react-native';
-import { Stack } from '@fluentui-react-native/stack';
+
 import { Text } from '@fluentui-react-native/experimental-text';
+import { Stack } from '@fluentui-react-native/stack';
+
 import { stackStyle } from '../Common/styles';
 
 const RedCaptionBold = Text.customize({ variant: 'captionStandard', fontWeight: '700', color: '#ff0000' });

package/src/TestComponents/TextV1/MaximumFontSize.ios.tsx

@@ -1,9 +1,11 @@
 import * as React from 'react';
 import { Text, View } from 'react-native';
+
+import { Separator } from '@fluentui/react-native';
 import { Stack } from '@fluentui-react-native/stack';
-import { stackStyle } from '../Common/styles';
 import { Caption1, Title2, Title3 } from '@fluentui-react-native/text';
-import { Separator } from '@fluentui/react-native';
+
+import { stackStyle } from '../Common/styles';
 
 const maximumFontSizeStyle = { maximumFontSize: 36 };