@fluentui-react-native/tester 0.134.13 → 0.134.15

package/src/TestComponents/Button/E2EButtonTest.tsx

@@ -1,10 +1,12 @@
 /* eslint-disable @typescript-eslint/no-var-requires */
+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 { Stack } from '@fluentui-react-native/stack';
-import * as React from 'react';
-import { View } from 'react-native';
-import { stackStyle } from '../Common/styles';
+import type { IViewWin32Props } from '@office-iss/react-native-win32';
+
 import {
   BUTTON_TEST_COMPONENT,
   BUTTON_ON_PRESS,
@@ -17,7 +19,7 @@ import {
   BUTTON_FOCUSABLE_TEST_COMPONENT,
   BUTTON_FOCUSABLE_TEST_COMPONENT_LABEL,
 } from '../../../../E2E/src/ButtonLegacy/consts';
-import type { IViewWin32Props } from '@office-iss/react-native-win32';
+import { stackStyle } from '../Common/styles';
 import { testProps } from '../Common/TestProps';
 
 export const E2EButtonTest: React.FunctionComponent = () => {

package/src/TestComponents/Button/ToggleButtonTestSection.tsx

@@ -1,7 +1,9 @@
-import { ToggleButton } from '@fluentui/react-native';
-import { Checkbox } from '@fluentui/react-native';
 import * as React from 'react';
 import { StyleSheet, View } from 'react-native';
+
+import { ToggleButton } from '@fluentui/react-native';
+import { Checkbox } from '@fluentui/react-native';
+
 import { commonTestStyles, testContentRootViewStyle } from '../Common/styles';
 
 const styles = StyleSheet.create({

package/src/TestComponents/Button/deprecated/ButtonFocusTest.tsx

@@ -1,7 +1,9 @@
+import * as React from 'react';
+
 import { Button } from '@fluentui/react-native';
 import type { IFocusable } from '@fluentui-react-native/interactive-hooks';
 import { Stack } from '@fluentui-react-native/stack';
-import * as React from 'react';
+
 import { stackStyle } from '../../Common/styles';
 
 export const ButtonFocusTest_deprecated: React.FunctionComponent = () => {

package/src/TestComponents/Button/deprecated/ButtonIconTest.tsx

@@ -1,10 +1,12 @@
 /* eslint-disable @typescript-eslint/no-var-requires */
-import { Button, Text } from '@fluentui/react-native';
-import { Stack } from '@fluentui-react-native/stack';
 import * as React from 'react';
 import { Platform, View } from 'react-native';
-import { stackStyle } from '../../Common/styles';
+
+import { Button, Text } from '@fluentui/react-native';
+import { Stack } from '@fluentui-react-native/stack';
+
 import { testImage, svgProps } from '../../Common/iconExamples';
+import { stackStyle } from '../../Common/styles';
 
 const CustomizedIconButton = Button.customize({
   tokens: { iconColor: 'red' },

package/src/TestComponents/Button/deprecated/E2EButtonTest.tsx

@@ -1,9 +1,10 @@
 /* eslint-disable @typescript-eslint/no-var-requires */
-import { Button, Text } from '@fluentui/react-native';
-import { Stack } from '@fluentui-react-native/stack';
 import * as React from 'react';
 import { View } from 'react-native';
-import { stackStyle } from '../../Common/styles';
+
+import { Button, Text } from '@fluentui/react-native';
+import { Stack } from '@fluentui-react-native/stack';
+
 import {
   BUTTON_TEST_COMPONENT_DEPRECATED,
   BUTTON_ON_PRESS_DEPRECATED,
@@ -11,6 +12,7 @@ import {
   BUTTON_ACCESSIBILITY_LABEL_DEPRECATED,
   BUTTON_TEST_COMPONENT_LABEL_DEPRECATED,
 } from '../../../../../E2E/src/ButtonLegacy/consts';
+import { stackStyle } from '../../Common/styles';
 import { testProps } from '../../Common/TestProps';
 
 export const E2EButtonTest_deprecated: React.FunctionComponent = () => {

package/src/TestComponents/Callout/CalloutE2ETest.tsx

@@ -1,9 +1,11 @@
 import * as React from 'react';
 import type { ScreenRect } from 'react-native';
 import { View } from 'react-native';
+
 import type { DismissBehaviors } from '@fluentui/react-native';
 import { ButtonV1 as Button, Callout, Text } from '@fluentui/react-native';
 import { Switch } from '@fluentui-react-native/switch';
+
 import { BUTTON_TO_OPEN_CALLOUT, CALLOUT_ACCESSIBILITY_LABEL, CALLOUT_TEST_COMPONENT } from '../../../../E2E/src/Callout/consts';
 import { testProps } from '../Common/TestProps';
 

package/src/TestComponents/Callout/CalloutTest.tsx

@@ -1,14 +1,16 @@
 import * as React from 'react';
 import type { ScreenRect } from 'react-native';
 import { Text, View, Switch, ScrollView } from 'react-native';
-import type { IFocusable, RestoreFocusEvent, DismissBehaviors } from '@fluentui/react-native';
+
 import { Button, Callout, Separator, Pressable, StealthButton } from '@fluentui/react-native';
+import type { IFocusable, RestoreFocusEvent, DismissBehaviors } from '@fluentui/react-native';
+
+import { E2ECalloutTest } from './CalloutE2ETest';
 import { CALLOUT_TESTPAGE } from '../../../../E2E/src/Callout/consts';
+import { MenuPicker } from '../Common/MenuPicker';
+import { fluentTesterStyles } from '../Common/styles';
 import type { TestSection, PlatformStatus } from '../Test';
 import { Test } from '../Test';
-import { E2ECalloutTest } from './CalloutE2ETest';
-import { fluentTesterStyles } from '../Common/styles';
-import { MenuPicker } from '../Common/MenuPicker';
 
 const StandardCallout: React.FunctionComponent = () => {
   const [showStandardCallout, setShowStandardCallout] = React.useState(false);

package/src/TestComponents/CheckboxLegacy/CheckboxLegacyE2ETest.tsx

@@ -1,7 +1,9 @@
-import { Checkbox, Text } from '@fluentui/react-native';
 import * as React from 'react';
 import { View } from 'react-native';
-import { stackStyle } from '../Common/styles';
+
+import { Checkbox, Text } from '@fluentui/react-native';
+import { Stack } from '@fluentui-react-native/stack';
+
 import {
   CHECKBOX_TEST_COMPONENT,
   CHECKBOX_ON_PRESS,
@@ -9,7 +11,7 @@ import {
   CHECKBOX_TEST_COMPONENT_LABEL,
   CHECKBOX_ACCESSIBILITY_LABEL,
 } from '../../../../E2E/src/CheckboxLegacy/consts';
-import { Stack } from '@fluentui-react-native/stack';
+import { stackStyle } from '../Common/styles';
 import { testProps } from '../Common/TestProps';
 
 export const CheckboxLegacyE2ETest: React.FunctionComponent = () => {

package/src/TestComponents/CheckboxLegacy/CheckboxLegacyTest.tsx

@@ -1,14 +1,16 @@
+import * as React from 'react';
+import { View, TextInput } from 'react-native';
+
 import { Checkbox } from '@fluentui/react-native';
 import type { Theme } from '@fluentui-react-native/theme-types';
 import { useTheme } from '@fluentui-react-native/theme-types';
-import * as React from 'react';
-import { View, TextInput } from 'react-native';
-import { commonTestStyles as commonStyles } from '../Common/styles';
-import { CHECKBOX_TESTPAGE } from '../../../../E2E/src/CheckboxLegacy/consts';
+import { themedStyleSheet } from '@fluentui-react-native/themed-stylesheet';
+
 import { CheckboxLegacyE2ETest } from './CheckboxLegacyE2ETest';
+import { CHECKBOX_TESTPAGE } from '../../../../E2E/src/CheckboxLegacy/consts';
+import { commonTestStyles as commonStyles } from '../Common/styles';
 import type { TestSection, PlatformStatus } from '../Test';
 import { Test } from '../Test';
-import { themedStyleSheet } from '@fluentui-react-native/themed-stylesheet';
 
 function onChangeUncontrolled(isChecked: boolean) {
   console.log(isChecked);

package/src/TestComponents/CheckboxV1/CheckboxV1Test.tsx

@@ -1,16 +1,18 @@
 import * as React from 'react';
-import { CHECKBOXV1_TESTPAGE } from '../../../../E2E/src/CheckboxV1/consts';
-import type { TestSection, PlatformStatus } from '../Test';
-import { Test } from '../Test';
+import { View, TextInput, Platform } from 'react-native';
+
+import { ButtonV1 as Button } from '@fluentui-react-native/button';
 import { Checkbox } from '@fluentui-react-native/experimental-checkbox';
+import type { InteractionEvent } from '@fluentui-react-native/interactive-hooks';
 import type { Theme } from '@fluentui-react-native/theme-types';
 import { useTheme } from '@fluentui-react-native/theme-types';
-import { View, TextInput, Platform } from 'react-native';
-import { commonTestStyles as commonStyles, mobileStyles } from '../Common/styles';
-import { E2ECheckboxV1Test } from './E2ECheckboxV1Test';
-import type { InteractionEvent } from '@fluentui-react-native/interactive-hooks';
 import { themedStyleSheet } from '@fluentui-react-native/themed-stylesheet';
-import { ButtonV1 as Button } from '@fluentui-react-native/button';
+
+import { E2ECheckboxV1Test } from './E2ECheckboxV1Test';
+import { CHECKBOXV1_TESTPAGE } from '../../../../E2E/src/CheckboxV1/consts';
+import { commonTestStyles as commonStyles, mobileStyles } from '../Common/styles';
+import type { TestSection, PlatformStatus } from '../Test';
+import { Test } from '../Test';
 
 function onChangeUncontrolled(_e: InteractionEvent, isChecked: boolean) {
   console.log(isChecked);

package/src/TestComponents/CheckboxV1/E2ECheckboxV1Test.tsx

@@ -1,7 +1,10 @@
-import { Checkbox } from '@fluentui-react-native/experimental-checkbox';
 import * as React from 'react';
 import { View } from 'react-native';
-import { stackStyle } from '../Common/styles';
+
+import { Text } from '@fluentui/react-native';
+import { Checkbox } from '@fluentui-react-native/experimental-checkbox';
+import { Stack } from '@fluentui-react-native/stack';
+
 import {
   CHECKBOXV1_TEST_COMPONENT,
   CHECKBOXV1_ACCESSIBILITY_LABEL,
@@ -9,8 +12,7 @@ import {
   CHECKBOXV1_TEST_COMPONENT_LABEL,
   CHECKBOXV1_ON_PRESS,
 } from '../../../../E2E/src/CheckboxV1/consts';
-import { Stack } from '@fluentui-react-native/stack';
-import { Text } from '@fluentui/react-native';
+import { stackStyle } from '../Common/styles';
 import { testProps } from '../Common/TestProps';
 
 export const E2ECheckboxV1Test: React.FunctionComponent = () => {

package/src/TestComponents/ColorTokens/ColorTokenTest.tsx

@@ -1,22 +1,24 @@
 import * as React from 'react';
 import type { ViewStyle, ColorValue } from 'react-native';
 import { View, StyleSheet, Platform } from 'react-native';
+
+import { Text, ToggleButton } from '@fluentui/react-native';
+import { createAliasTokens } from '@fluentui-react-native/default-theme';
+import type { SvgIconProps } from '@fluentui-react-native/icon';
+import { globalTokens } from '@fluentui-react-native/theme-tokens';
 import type { Theme } from '@fluentui-react-native/theme-types';
 import { useTheme } from '@fluentui-react-native/theme-types';
 import { themedStyleSheet } from '@fluentui-react-native/themed-stylesheet';
 import { getCurrentAppearance } from '@fluentui-react-native/theming-utils';
 import { createOfficeAliasTokens } from '@fluentui-react-native/win32-theme';
-import { createAliasTokens } from '@fluentui-react-native/default-theme';
+import type { SvgProps } from 'react-native-svg';
+import Svg, { G, Path } from 'react-native-svg';
+
+import { COLORTOKENS_TEST_COMPONENT, COLORTOKEN_TESTPAGE } from '../../../../E2E/src/ColorTokens/consts';
 import { commonTestStyles } from '../Common/styles';
-import { Text, ToggleButton } from '@fluentui/react-native';
+import { testProps } from '../Common/TestProps';
 import type { TestSection, PlatformStatus } from '../Test';
 import { Test } from '../Test';
-import { COLORTOKENS_TEST_COMPONENT, COLORTOKEN_TESTPAGE } from '../../../../E2E/src/ColorTokens/consts';
-import { testProps } from '../Common/TestProps';
-import { globalTokens } from '@fluentui-react-native/theme-tokens';
-import type { SvgProps } from 'react-native-svg';
-import Svg, { G, Path } from 'react-native-svg';
-import type { SvgIconProps } from '@fluentui-react-native/icon';
 
 const getThemedStyles = themedStyleSheet((theme: Theme) => {
   return {

package/src/TestComponents/Common/AlignmentPicker.tsx

@@ -1,8 +1,10 @@
 import * as React from 'react';
-import { undefinedText } from '../PersonaCoin/styles';
-import type { IconAlignment } from '@fluentui/react-native';
 import type { StyleProp, ViewStyle } from 'react-native';
+
+import type { IconAlignment } from '@fluentui/react-native';
+
 import { MenuPicker } from './MenuPicker';
+import { undefinedText } from '../PersonaCoin/styles';
 
 const alignmentValues: Array<typeof undefinedText | IconAlignment> = [undefinedText, 'start', 'center', 'end'];
 

package/src/TestComponents/Common/MenuPicker.desktop.tsx

@@ -1,10 +1,13 @@
 import * as React from 'react';
 import { View, StyleSheet } from 'react-native';
+
+import { ButtonV1 as Button, Text } from '@fluentui/react-native';
 import { Menu, MenuItem, MenuTrigger, MenuPopover, MenuList } from '@fluentui-react-native/menu';
+import { SvgXml } from 'react-native-svg';
+
 import type { MenuPickerProps, CollectionItem } from './MenuPicker.types';
+
 export { MenuPickerProps, CollectionItem };
-import { ButtonV1 as Button, Text } from '@fluentui/react-native';
-import { SvgXml } from 'react-native-svg';
 
 const chevronXml = `
 <svg width="12" height="16" viewBox="0 0 11 6" color="#000">

package/src/TestComponents/Common/MenuPicker.tsx

@@ -1,7 +1,9 @@
 import * as React from 'react';
+
 import { Picker } from '@react-native-picker/picker';
-import { testProps } from './TestProps';
+
 import type { CollectionItem, MenuPickerProps } from './MenuPicker.types';
+import { testProps } from './TestProps';
 export { CollectionItem, MenuPickerProps };
 
 /*

package/src/TestComponents/Common/MenuPicker.windows.tsx

@@ -1,6 +1,7 @@
 export * from './MenuPicker.desktop';
 import * as React from 'react';
 import { Button, Text, View, StyleSheet } from 'react-native';
+
 import type { MenuPickerProps, CollectionItem } from './MenuPicker.types';
 export { MenuPickerProps, CollectionItem };
 

package/src/TestComponents/Common/Slider.tsx

@@ -1,6 +1,7 @@
 import * as React from 'react';
 import type { ViewProps, StyleProp, ViewStyle } from 'react-native';
 import { StyleSheet, UIManager, Text, findNodeHandle, View } from 'react-native';
+
 import { Separator, Pressable } from '@fluentui/react-native';
 import type { IPressableState } from '@fluentui-react-native/interactive-hooks';
 

package/src/TestComponents/Common/StyledPicker.tsx

@@ -1,7 +1,9 @@
 import * as React from 'react';
-import { MenuPicker } from './MenuPicker';
 import type { ColorValue } from 'react-native';
+
 import { useTheme } from '@fluentui-react-native/theme-types';
+
+import { MenuPicker } from './MenuPicker';
 import { commonTestStyles as commonStyles } from './styles';
 
 export const StyledPicker = (props) => {

package/src/TestComponents/Common/iconExamples.tsx

@@ -1,5 +1,7 @@
 import { Platform } from 'react-native';
+
 import type { SvgIconProps, FontIconProps, IconProps } from '@fluentui-react-native/icon';
+
 import TestSvg from '../../../assets/test.svg';
 
 export const svgProps: SvgIconProps = {

package/src/TestComponents/Common/styles.ts

@@ -1,4 +1,5 @@
 import { StyleSheet } from 'react-native';
+
 import type { IStackProps } from '@fluentui-react-native/stack';
 
 export const commonTestStyles = StyleSheet.create({

package/src/TestComponents/ContextualMenu/ContextualMenuTest.tsx

@@ -1,6 +1,7 @@
 /* eslint-disable @typescript-eslint/no-var-requires */
 import * as React from 'react';
 import { Text, View, Switch } from 'react-native';
+
 import {
   Text as FURNText,
   ButtonV1 as Button,
@@ -11,11 +12,12 @@ import {
   Separator,
   Checkbox,
 } from '@fluentui/react-native';
+
+import { E2EContextualMenuTest } from './E2EContextualMenuTest';
 import { CONTEXTUALMENU_TESTPAGE } from '../../../../E2E/src/ContextualMenu/consts';
+import { svgProps, fontProps, testImage } from '../Common/iconExamples';
 import type { TestSection, PlatformStatus } from '../Test';
 import { Test } from '../Test';
-import { svgProps, fontProps, testImage } from '../Common/iconExamples';
-import { E2EContextualMenuTest } from './E2EContextualMenuTest';
 
 const ContextualMenuMainTest: React.FunctionComponent = () => {
   const stdBtnRef = React.useRef(null);

package/src/TestComponents/ContextualMenu/E2EContextualMenuTest.tsx

@@ -1,7 +1,9 @@
 /* eslint-disable @typescript-eslint/no-var-requires */
 import * as React from 'react';
 import { Text, View, Switch } from 'react-native';
+
 import { ButtonV1 as Button, ContextualMenu, ContextualMenuItem, Separator } from '@fluentui/react-native';
+
 import { CONTEXTUALMENUITEM_TEST_COMPONENT, CONTEXTUALMENU_TEST_COMPONENT } from '../../../../E2E/src/ContextualMenu/consts';
 import { testProps } from '../Common/TestProps';
 

package/src/TestComponents/CornerRadius/CornerRadiusTest.tsx

@@ -1,15 +1,17 @@
 import * as React from 'react';
-import { HOMEPAGE_CORNERRADIUS_TESTPAGE } from '../../../../E2E/src/CornerRadiusTokens/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 { useFluentTheme } from '@fluentui-react-native/framework';
+import { Stack } from '@fluentui-react-native/stack';
+import { globalTokens } from '@fluentui-react-native/theme-tokens';
 import { getCurrentAppearance } from '@fluentui-react-native/theming-utils';
 
+import { HOMEPAGE_CORNERRADIUS_TESTPAGE } from '../../../../E2E/src/CornerRadiusTokens/consts';
+import { stackStyle } from '../Common/styles';
+import type { TestSection, PlatformStatus } from '../Test';
+import { Test } from '../Test';
+
 interface CornerRadiusTestComponentProps {
   name: string;
   cornerRadius: number;

package/src/TestComponents/Divider/DividerTest.tsx

@@ -1,14 +1,16 @@
 import * as React from 'react';
 import { Platform, StyleSheet, View } from 'react-native';
+
 import { Divider } from '@fluentui-react-native/divider';
 import { Stack } from '@fluentui-react-native/stack';
 import { TextV1 as Text } from '@fluentui-react-native/text';
+
+import { CustomisedMobileDividers, MobileDividers } from './MobileDividerTest';
 import { DIVIDER_TESTPAGE } from '../../../../E2E/src/Divider/consts';
+import TestSvg from '../../../assets/test.svg';
+import { commonTestStyles } from '../Common/styles';
 import { Test } from '../Test';
 import type { TestSection, PlatformStatus } from '../Test';
-import { commonTestStyles } from '../Common/styles';
-import TestSvg from '../../../assets/test.svg';
-import { CustomisedMobileDividers, MobileDividers } from './MobileDividerTest';
 
 const isMobile = Platform.OS === 'android' || Platform.OS === 'ios';
 const PaddedDivider = Divider.customize({ paddingVertical: 4, thickness: 2 });

package/src/TestComponents/Divider/MobileDividerTest.tsx

@@ -1,11 +1,12 @@
 import * as React from 'react';
+import { StyleSheet, View } from 'react-native';
+
 import { Divider } from '@fluentui-react-native/divider';
 import { Stack } from '@fluentui-react-native/stack';
 import { TextV1 as Text } from '@fluentui-react-native/text';
+import { globalTokens } from '@fluentui-react-native/theme-tokens';
 
 import { commonTestStyles } from '../Common/styles';
-import { StyleSheet, View } from 'react-native';
-import { globalTokens } from '@fluentui-react-native/theme-tokens';
 
 const CustomizedText = Text.customize({
   textAlign: 'right',

package/src/TestComponents/Drawer/DrawerTest.tsx

@@ -1,15 +1,17 @@
 import * as React from 'react';
-import { stackStyle } from '../Common/styles';
 import { View, Text } from 'react-native';
+
 import { Link } from '@fluentui/react-native';
 import { Button } from '@fluentui-react-native/experimental-button';
 import { Drawer } from '@fluentui-react-native/experimental-drawer';
-import { Stack } from '@fluentui-react-native/stack';
 import { Icon } from '@fluentui-react-native/icon';
+import { Stack } from '@fluentui-react-native/stack';
+
 import { DRAWER_TESTPAGE } from './consts';
-import type { TestSection, PlatformStatus } from '../Test';
-import { Test } from '../Test';
 import { svgProps } from '../Common/iconExamples';
+import { stackStyle } from '../Common/styles';
+import { Test } from '../Test';
+import type { TestSection, PlatformStatus } from '../Test';
 
 const BasicDrawer: React.FunctionComponent = () => {
   const stdBtnRef = React.useRef(null);

package/src/TestComponents/Dropdown/DropdownTest.tsx

@@ -1,8 +1,10 @@
 import * as React from 'react';
+
 import { Option, Dropdown } from '@fluentui-react-native/dropdown';
 import { Stack } from '@fluentui-react-native/stack';
-import { stackStyle } from '../Common/styles';
+
 import { DROPDOWN_TESTPAGE } from './consts';
+import { stackStyle } from '../Common/styles';
 import type { TestSection, PlatformStatus } from '../Test';
 import { Test } from '../Test';
 

package/src/TestComponents/Expander/ExpanderTest.tsx

@@ -1,12 +1,14 @@
 import * as React from 'react';
-import { Expander } from '@fluentui-react-native/experimental-expander';
+import { View, Switch } from 'react-native';
+
 import { Text } from '@fluentui/react-native';
+import { Expander } from '@fluentui-react-native/experimental-expander';
 import { Stack } from '@fluentui-react-native/stack';
+
+import { EXPANDER_TESTPAGE } from './consts';
 import { stackStyle, commonTestStyles as commonStyles } from '../Common/styles';
 import type { TestSection, PlatformStatus } from '../Test';
 import { Test } from '../Test';
-import { EXPANDER_TESTPAGE } from './consts';
-import { View, Switch } from 'react-native';
 
 const CustomizedExpander = Expander.customize({
   headerBackground: '#9c9c9c',

package/src/TestComponents/FocusTrapZone/FocusTrapZoneTest.tsx

@@ -1,13 +1,15 @@
+import * as React from 'react';
+import type { TouchableHighlightProps, ViewProps } from 'react-native';
+import { TouchableHighlight, View } from 'react-native';
+
 import type { IFocusTrapZoneProps } from '@fluentui/react-native';
 import { FocusTrapZone, Text } from '@fluentui/react-native';
 import type { KeyPressEvent } from '@fluentui-react-native/interactive-hooks';
 import { useFocusState } from '@fluentui-react-native/interactive-hooks';
 import { Stack } from '@fluentui-react-native/stack';
-import * as React from 'react';
-import type { TouchableHighlightProps, ViewProps } from 'react-native';
-import { TouchableHighlight, View } from 'react-native';
-import { stackStyle } from '../Common/styles';
+
 import { FOCUSTRAPZONE_TESTPAGE } from '../../../../E2E/src/FocusTrapZone/consts';
+import { stackStyle } from '../Common/styles';
 import type { TestSection, PlatformStatus } from '../Test';
 import { Test } from '../Test';
 

package/src/TestComponents/FocusZone/FocusZoneE2ETest.tsx

@@ -1,10 +1,13 @@
+import React from 'react';
+import { View } from 'react-native';
+
+import type { FocusZoneDirection } from '@fluentui/react-native';
+import { FocusZone, MenuButton, Text } from '@fluentui/react-native';
 import type { ButtonProps } from '@fluentui-react-native/button';
 import { ButtonV1 as Button } from '@fluentui-react-native/button';
 import { Switch } from '@fluentui-react-native/switch';
-import type { FocusZoneDirection } from '@fluentui/react-native';
-import { FocusZone, MenuButton, Text } from '@fluentui/react-native';
-import React from 'react';
-import { View } from 'react-native';
+
+import { focusZoneTestStyles, GridButton } from './styles';
 import {
   FOCUSZONE_CIRCLE_NAV_SWITCH,
   FOCUSZONE_DEFAULT_TABBABLE_SWITCH,
@@ -20,7 +23,6 @@ import {
 import type { GridButton as GridButtonIndex } from '../../../../E2E/src/FocusZone/pages/FocusZonePageObject';
 import { commonTestStyles } from '../Common/styles';
 import { testProps } from '../Common/TestProps';
-import { focusZoneTestStyles, GridButton } from './styles';
 
 export const FocusZoneDirections: FocusZoneDirection[] = ['bidirectional', 'horizontal', 'vertical', 'none'];
 

package/src/TestComponents/FocusZone/FocusZoneTest.tsx

@@ -1,17 +1,19 @@
 import * as React from 'react';
 import { View, ScrollView, Pressable } from 'react-native';
+
 import type { FocusZoneDirection } from '@fluentui/react-native';
 import { FocusZone, Text, useOnPressWithFocus } from '@fluentui/react-native';
 import { ButtonV1 as Button } from '@fluentui-react-native/button';
 import type { CheckboxProps } from '@fluentui-react-native/experimental-checkbox';
 import { Checkbox } from '@fluentui-react-native/experimental-checkbox';
-import type { TestSection, PlatformStatus } from '../Test';
-import { Test } from '../Test';
-import { FOCUSZONE_TESTPAGE } from '../../../../E2E/src/FocusZone/consts';
-import { focusZoneTestStyles, SubheaderText } from './styles';
+
 import { FocusZone2D, FocusZoneDirections, FocusZoneListWrapper, GridOfButtons } from './FocusZoneE2ETest';
+import { focusZoneTestStyles, SubheaderText } from './styles';
+import { FOCUSZONE_TESTPAGE } from '../../../../E2E/src/FocusZone/consts';
 import type { CollectionItem } from '../Common/MenuPicker';
 import { MenuPicker } from '../Common/MenuPicker';
+import type { TestSection, PlatformStatus } from '../Test';
+import { Test } from '../Test';
 
 const directionCollection: CollectionItem[] = FocusZoneDirections.map((dir) => ({ label: dir, value: dir }));
 

package/src/TestComponents/FocusZone/styles.ts

@@ -1,4 +1,5 @@
 import { StyleSheet, View } from 'react-native';
+
 import { Text } from '@fluentui/react-native';
 import { ButtonV1 as Button } from '@fluentui-react-native/button';
 import { Icon } from '@fluentui-react-native/icon';

package/src/TestComponents/Icon/IconLegacyE2ETest.tsx

@@ -1,10 +1,12 @@
 /* eslint-disable @typescript-eslint/no-var-requires */
 import * as React from 'react';
 import { View } from 'react-native';
+
 import { Text } from '@fluentui/react-native';
 import { Icon } from '@fluentui-react-native/icon';
-import { ICON_ACCESSIBILITY_LABEL } from '../../../../E2E/src/IconLegacy/consts';
 import type { RasterImageIconProps } from '@fluentui-react-native/icon';
+
+import { ICON_ACCESSIBILITY_LABEL } from '../../../../E2E/src/IconLegacy/consts';
 import { testImage } from '../Common/iconExamples';
 
 export const E2ETestingIcon: React.FunctionComponent = () => {

package/src/TestComponents/Icon/IconTest.tsx

@@ -1,16 +1,18 @@
 /* eslint-disable @typescript-eslint/no-var-requires */
 import * as React from 'react';
 import { Platform, PlatformColor, View } from 'react-native';
+
 import { Text } from '@fluentui/react-native';
 import type { RasterImageIconProps, SvgIconProps, FontIconProps } from '@fluentui-react-native/icon';
 import { Icon } from '@fluentui-react-native/icon';
-import type { TestSection, PlatformStatus } from '../Test';
-import { Test } from '../Test';
-import { ICON_TESTPAGE } from '../../../../E2E/src/IconLegacy/consts';
+
 import { E2ETestingIcon } from './IconLegacyE2ETest';
-import { IconV1E2ETest } from './IconV1E2ETest';
 import { IconV1Test } from './IconV1';
+import { IconV1E2ETest } from './IconV1E2ETest';
+import { ICON_TESTPAGE } from '../../../../E2E/src/IconLegacy/consts';
 import { testImage, testTtf, svgProps } from '../Common/iconExamples';
+import type { TestSection, PlatformStatus } from '../Test';
+import { Test } from '../Test';
 
 const Icons: React.FunctionComponent = () => {
   const fontCustomFontProps: FontIconProps = {

package/src/TestComponents/Icon/IconV1.tsx

@@ -1,7 +1,9 @@
 import React, { useMemo } from 'react';
+import { Text, View } from 'react-native';
+
 import type { FontIconPropsV1, SvgIconPropsV1 } from '@fluentui-react-native/icon';
 import { FontIcon, SvgIcon, IconV1 } from '@fluentui-react-native/icon';
-import { Text, View } from 'react-native';
+
 import TestSvg from '../../../assets/test.svg';
 
 const fontBuiltInProps: FontIconPropsV1 = {