@fluentui-react-native/tester 0.134.14 → 0.134.16

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 = {

package/src/TestComponents/Icon/IconV1E2ETest.tsx

@@ -1,9 +1,11 @@
 /* eslint-disable @typescript-eslint/no-var-requires */
 import * as React from 'react';
 import { View } from 'react-native';
+
 import { Text } from '@fluentui/react-native';
 import type { FontIconPropsV1, SvgIconPropsV1 } from '@fluentui-react-native/icon';
 import { FontIcon, SvgIcon, IconV1 } from '@fluentui-react-native/icon';
+
 import {
   ICON_ACCESSIBILITY_LABEL,
   ICON_TEST_COMPONENT,

package/src/TestComponents/LinkLegacy/E2ELinkLegacyTest.tsx

@@ -1,14 +1,16 @@
 import * as React from 'react';
 import { Alert } from 'react-native';
+
 import { Link } from '@fluentui/react-native';
 import { Stack } from '@fluentui-react-native/stack';
-import { stackStyle } from '../Common/styles';
+
 import {
   LINK_TEST_COMPONENT,
   LINK_ACCESSIBILITY_LABEL,
   LINK_NO_A11Y_LABEL_COMPONENT,
   LINK_TEST_COMPONENT_LABEL,
 } from '../../../../E2E/src/LinkLegacy/consts';
+import { stackStyle } from '../Common/styles';
 import { testProps } from '../Common/TestProps';
 
 export const E2ELinkLegacyTest: React.FunctionComponent = () => {

package/src/TestComponents/LinkLegacy/LinkLegacyTest.tsx

@@ -1,12 +1,14 @@
 import * as React from 'react';
 import { Alert } from 'react-native';
+
 import { Link } from '@fluentui/react-native';
 import { Stack } from '@fluentui-react-native/stack';
-import { stackStyle } from '../Common/styles';
+
+import { E2ELinkLegacyTest } from './E2ELinkLegacyTest';
 import { LINK_TESTPAGE } from '../../../../E2E/src/LinkLegacy/consts';
+import { stackStyle } from '../Common/styles';
 import type { TestSection, PlatformStatus } from '../Test';
 import { Test } from '../Test';
-import { E2ELinkLegacyTest } from './E2ELinkLegacyTest';
 
 const Links: React.FunctionComponent = () => {
   const doPress = (): void => {

package/src/TestComponents/LinkV1/E2ELinkV1Test.tsx

@@ -1,13 +1,15 @@
 import * as React from 'react';
+
 import { LinkV1 as Link } from '@fluentui/react-native';
 import { Stack } from '@fluentui-react-native/stack';
-import { stackStyle } from '../Common/styles';
+
 import {
   LINKV1_TEST_COMPONENT,
   LINKV1_ACCESSIBILITY_LABEL,
   LINKV1_NO_A11Y_LABEL_COMPONENT,
   LINKV1_TEST_COMPONENT_LABEL,
 } from '../../../../E2E/src/LinkV1/consts';
+import { stackStyle } from '../Common/styles';
 import { testProps } from '../Common/TestProps';
 
 export const E2ELinkV1Test: React.FunctionComponent = () => {

package/src/TestComponents/LinkV1/InlineLinksTest.tsx

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

package/src/TestComponents/LinkV1/InlineLinksTest.win32.tsx

@@ -1,4 +1,5 @@
 import * as React from 'react';
+
 import { TextV1 as Text } from '@fluentui/react-native';
 
 // Platform.select not available for win32

package/src/TestComponents/LinkV1/LinkV1Test.tsx

@@ -1,15 +1,17 @@
 import * as React from 'react';
 import { Alert, View, StyleSheet, Text, TextInput } from 'react-native';
+import { Platform } from 'react-native';
+
 import type { LinkTokens } from '@fluentui/react-native';
 import { LinkV1 as Link } from '@fluentui/react-native';
 import { Stack } from '@fluentui-react-native/stack';
-import { stackStyle, commonTestStyles as commonStyles } from '../Common/styles';
+
+import { E2ELinkV1Test } from './E2ELinkV1Test';
+import { InlineLinks } from './InlineLinksTest';
 import { LINKV1_TESTPAGE } from '../../../../E2E/src/LinkV1/consts';
+import { stackStyle, commonTestStyles as commonStyles } from '../Common/styles';
 import type { TestSection, PlatformStatus } from '../Test';
 import { Test } from '../Test';
-import { E2ELinkV1Test } from './E2ELinkV1Test';
-import { Platform } from 'react-native';
-import { InlineLinks } from './InlineLinksTest';
 
 const DefaultLinks: React.FunctionComponent = () => {
   const doPress = React.useCallback(() => Alert.alert('Alert.', 'You have been alerted.'), []);

package/src/TestComponents/Menu/E2EMenuTest.tsx

@@ -1,10 +1,11 @@
 import * as React from 'react';
 import { View } from 'react-native';
-import { Stack } from '@fluentui-react-native/stack';
-import { stackStyle } from '../Common/styles';
+
 import { ButtonV1 as Button } from '@fluentui-react-native/button';
-import { TextV1 as Text } from '@fluentui-react-native/text';
 import { Menu, MenuItem, MenuList, MenuPopover, MenuTrigger } from '@fluentui-react-native/menu';
+import { Stack } from '@fluentui-react-native/stack';
+import { TextV1 as Text } from '@fluentui-react-native/text';
+
 import {
   MENUITEM_ACCESSIBILITY_LABEL,
   MENUITEM_NO_A11Y_LABEL_COMPONENT,
@@ -19,6 +20,7 @@ import {
   MENUITEM_DISABLED_COMPONENT,
   MENUITEM_CALLBACK_LABEL,
 } from '../../../../E2E/src/Menu/consts';
+import { stackStyle } from '../Common/styles';
 import { testProps } from '../Common/TestProps';
 
 export const E2EMenuTest: React.FunctionComponent = () => {

package/src/TestComponents/Menu/MenuRefs.tsx

@@ -1,7 +1,9 @@
 import * as React from 'react';
+
 import { ButtonV1 as Button } from '@fluentui/react-native';
 import { Menu, MenuItem, MenuTrigger, MenuPopover, MenuList } from '@fluentui-react-native/menu';
 import { Stack } from '@fluentui-react-native/stack';
+
 import { stackStyle } from '../Common/styles';
 
 export const MenuTriggerChildRef: React.FunctionComponent = () => {

package/src/TestComponents/Menu/MenuScrollView.tsx

@@ -1,9 +1,11 @@
 import React, { useState } from 'react';
+import { TextInput, StyleSheet, View } from 'react-native';
+
 import { ButtonV1 as Button } from '@fluentui/react-native';
 import { Menu, MenuItem, MenuTrigger, MenuPopover, MenuList } from '@fluentui-react-native/menu';
 import { Stack } from '@fluentui-react-native/stack';
+
 import { stackStyle } from '../Common/styles';
-import { TextInput, StyleSheet, View } from 'react-native';
 import { commonTestStyles as commonStyles } from '../Common/styles';
 
 const styles = StyleSheet.create({

package/src/TestComponents/Menu/MenuTest.tsx

@@ -1,4 +1,6 @@
 import React from 'react';
+import { StyleSheet } from 'react-native';
+
 import { ButtonV1 as Button } from '@fluentui/react-native';
 import {
   Menu,
@@ -11,17 +13,17 @@ import {
   MenuDivider,
 } from '@fluentui-react-native/menu';
 import { Stack } from '@fluentui-react-native/stack';
-import { stackStyle } from '../Common/styles';
-import { MENU_TESTPAGE } from '../../../../E2E/src/Menu/consts';
-import type { TestSection, PlatformStatus } from '../Test';
-import { Test } from '../Test';
 import { TextV1 as Text } from '@fluentui-react-native/text';
+
 import { E2EMenuTest } from './E2EMenuTest';
-import { MenuTriggerHoverCallback, MenuTriggerOnClickCallback } from './MenuTriggerCallbacks';
 import { MenuTriggerChildRef } from './MenuRefs';
-import { StyleSheet } from 'react-native';
 import { MenuScrollView } from './MenuScrollView';
 import { MenuTooltips } from './MenuTooltips';
+import { MenuTriggerHoverCallback, MenuTriggerOnClickCallback } from './MenuTriggerCallbacks';
+import { MENU_TESTPAGE } from '../../../../E2E/src/Menu/consts';
+import { stackStyle } from '../Common/styles';
+import { Test } from '../Test';
+import type { TestSection, PlatformStatus } from '../Test';
 
 const MenuDefault: React.FunctionComponent = () => {
   return (

package/src/TestComponents/Menu/MenuTooltips.tsx

@@ -1,7 +1,9 @@
 import React from 'react';
+
 import { ButtonV1 as Button } from '@fluentui/react-native';
 import { Menu, MenuItem, MenuItemCheckbox, MenuItemRadio, MenuTrigger, MenuPopover, MenuList } from '@fluentui-react-native/menu';
 import { Stack } from '@fluentui-react-native/stack';
+
 import { stackStyle } from '../Common/styles';
 
 export const MenuTooltips: React.FunctionComponent = () => {

package/src/TestComponents/Menu/MenuTriggerCallbacks.tsx

@@ -1,11 +1,13 @@
 import * as React from 'react';
+import type { ColorValue } from 'react-native';
+
 import { ButtonV1 as Button } from '@fluentui/react-native';
 import { Menu, MenuItem, MenuTrigger, MenuPopover, MenuList } from '@fluentui-react-native/menu';
 import { Stack } from '@fluentui-react-native/stack';
-import { stackStyle } from '../Common/styles';
-import type { ColorValue } from 'react-native';
 import Svg, { Path } from 'react-native-svg';
 
+import { stackStyle } from '../Common/styles';
+
 export const MenuTriggerOnClickCallback: React.FunctionComponent = () => {
   const [counter, setCounter] = React.useState<number>(0);
   const onClick = React.useCallback(() => {

package/src/TestComponents/MenuButtonLegacy/CustomizedMenuButtonTest.tsx

@@ -1,8 +1,10 @@
 import * as React from 'react';
 import { Text, View } from 'react-native';
+
 import { MenuButton } from '@fluentui/react-native';
-import { menuItems } from './testData';
+
 import { viewWrapperStyle, columnStyle, rowStyle } from './MenuButtonLegacyTestStyles';
+import { menuItems } from './testData';
 
 const StyledMenuButton = MenuButton.customize({
   button: {

package/src/TestComponents/MenuButtonLegacy/MenuButtonLegacyE2ETest.tsx

@@ -1,9 +1,11 @@
 import * as React from 'react';
+import { Text, View } from 'react-native';
+
 import type { ContextualMenuProps } from '@fluentui/react-native';
 import { MenuButton } from '@fluentui/react-native';
-import { Text, View } from 'react-native';
-import { menuItems } from './testData';
+
 import { viewWrapperStyle, columnStyle, rowStyle, textColor } from './MenuButtonLegacyTestStyles';
+import { menuItems } from './testData';
 import {
   MENU_BUTTON_TEST_COMPONENT,
   MENU_BUTTON_ACCESSIBILITY_LABEL,

package/src/TestComponents/MenuButtonLegacy/MenuButtonLegacyTest.tsx

@@ -1,11 +1,12 @@
 import * as React from 'react';
+
+import { CustomizedMenuButton } from './CustomizedMenuButtonTest';
+import { MenuButtonLegacyE2ETest } from './MenuButtonLegacyE2ETest';
+import { NestedMenuButton } from './NestedMenuButtonTest';
+import { StandardMenuButton } from './StandardMenuButtonTest';
 import { MENU_BUTTON_TESTPAGE } from '../../../../E2E/src/MenuButtonLegacy/consts';
 import type { TestSection, PlatformStatus } from '../Test';
 import { Test } from '../Test';
-import { StandardMenuButton } from './StandardMenuButtonTest';
-import { NestedMenuButton } from './NestedMenuButtonTest';
-import { CustomizedMenuButton } from './CustomizedMenuButtonTest';
-import { MenuButtonLegacyE2ETest } from './MenuButtonLegacyE2ETest';
 
 const menuButtonSections: TestSection[] = [
   {

package/src/TestComponents/MenuButtonLegacy/NestedMenuButtonTest.tsx

@@ -1,8 +1,10 @@
 import * as React from 'react';
 import { Text, View, Switch } from 'react-native';
+
 import { Separator, MenuButton } from '@fluentui/react-native';
-import { menuItems, iconProps } from './testData';
+
 import { viewWrapperStyle, columnStyle, rowStyle, textColor } from './MenuButtonLegacyTestStyles';
+import { menuItems, iconProps } from './testData';
 import { testImage } from '../Common/iconExamples';
 
 export const NestedMenuButton: React.FunctionComponent = () => {

package/src/TestComponents/MenuButtonLegacy/StandardMenuButtonTest.tsx

@@ -1,10 +1,12 @@
 import * as React from 'react';
+import { Text, View, Switch, Platform } from 'react-native';
+
 import type { ContextualMenuProps } from '@fluentui/react-native';
 import { Separator, MenuButton } from '@fluentui/react-native';
-import { Text, View, Switch, Platform } from 'react-native';
-import { menuItems, iconProps } from './testData';
-import { viewWrapperStyle, columnStyle, rowStyle, textColor } from './MenuButtonLegacyTestStyles';
 import type { IconSourcesType } from '@fluentui-react-native/icon';
+
+import { viewWrapperStyle, columnStyle, rowStyle, textColor } from './MenuButtonLegacyTestStyles';
+import { menuItems, iconProps } from './testData';
 import { testImage } from '../Common/iconExamples';
 
 export const StandardMenuButton: React.FunctionComponent = () => {

package/src/TestComponents/MenuButtonLegacy/testData.ts

@@ -1,5 +1,6 @@
 /* eslint-disable @typescript-eslint/no-var-requires */
 import type { MenuButtonItemProps } from '@fluentui/react-native';
+
 import { MENU_ITEM_1_COMPONENT } from '../../../../E2E/src/MenuButtonLegacy/consts';
 import { svgProps, testImage } from '../Common/iconExamples';
 

package/src/TestComponents/MenuButtonV1/CustomizedMenuButtonTest.tsx

@@ -1,8 +1,10 @@
 import * as React from 'react';
 import { Text, View } from 'react-native';
+
 import { MenuButton } from '@fluentui/react-native';
-import { menuItems } from './testData';
+
 import { viewWrapperStyle, columnStyle, rowStyle } from './MenuButtonV1TestStyles';
+import { menuItems } from './testData';
 
 const StyledMenuButton = MenuButton.customize({
   button: {

package/src/TestComponents/MenuButtonV1/MenuButtonV1E2ETest.tsx

@@ -1,9 +1,11 @@
 import * as React from 'react';
-import { MenuButton } from '@fluentui-react-native/experimental-menu-button';
-import type { ContextualMenuProps } from '@fluentui/react-native';
 import { Text, View } from 'react-native';
-import { menuItems } from './testData';
+
+import type { ContextualMenuProps } from '@fluentui/react-native';
+import { MenuButton } from '@fluentui-react-native/experimental-menu-button';
+
 import { viewWrapperStyle, columnStyle, rowStyle, textColor } from './MenuButtonV1TestStyles';
+import { menuItems } from './testData';
 import {
   MENUBUTTONV1_TEST_COMPONENT,
   MENUBUTTONV1_ACCESSIBILITY_LABEL,

package/src/TestComponents/MenuButtonV1/MenuButtonV1Test.tsx

@@ -1,11 +1,12 @@
 import * as React from 'react';
+
+import { CustomizedMenuButton } from './CustomizedMenuButtonTest';
+import { MenuButtonV1E2ETest } from './MenuButtonV1E2ETest';
+import { NestedMenuButton } from './NestedMenuButtonTest';
+import { StandardMenuButton } from './StandardMenuButtonTest';
 import { MENUBUTTONV1_TESTPAGE } from '../../../../E2E/src/MenuButtonV1/consts';
 import type { TestSection, PlatformStatus } from '../Test';
 import { Test } from '../Test';
-import { StandardMenuButton } from './StandardMenuButtonTest';
-import { NestedMenuButton } from './NestedMenuButtonTest';
-import { MenuButtonV1E2ETest } from './MenuButtonV1E2ETest';
-import { CustomizedMenuButton } from './CustomizedMenuButtonTest';
 
 const menuButtonSections: TestSection[] = [
   {

package/src/TestComponents/MenuButtonV1/NestedMenuButtonTest.tsx

@@ -1,9 +1,11 @@
 import * as React from 'react';
 import { Text, View, Switch } from 'react-native';
+
 import { Separator } from '@fluentui/react-native';
-import { menuItems, iconProps } from './testData';
-import { viewWrapperStyle, columnStyle, rowStyle, textColor } from './MenuButtonV1TestStyles';
 import { MenuButton } from '@fluentui-react-native/experimental-menu-button';
+
+import { viewWrapperStyle, columnStyle, rowStyle, textColor } from './MenuButtonV1TestStyles';
+import { menuItems, iconProps } from './testData';
 import { testImage } from '../Common/iconExamples';
 
 export const NestedMenuButton: React.FunctionComponent = () => {

package/src/TestComponents/MenuButtonV1/StandardMenuButtonTest.tsx

@@ -1,11 +1,13 @@
 import * as React from 'react';
+import { Text, View, Switch, Platform } from 'react-native';
+
 import type { ContextualMenuProps } from '@fluentui/react-native';
 import { Separator } from '@fluentui/react-native';
-import { Text, View, Switch, Platform } from 'react-native';
-import { menuItems, iconProps } from './testData';
-import { viewWrapperStyle, columnStyle, rowStyle, textColor } from './MenuButtonV1TestStyles';
-import type { IconSourcesType } from '@fluentui-react-native/icon';
 import { MenuButton } from '@fluentui-react-native/experimental-menu-button';
+import type { IconSourcesType } from '@fluentui-react-native/icon';
+
+import { viewWrapperStyle, columnStyle, rowStyle, textColor } from './MenuButtonV1TestStyles';
+import { menuItems, iconProps } from './testData';
 import { testImage } from '../Common/iconExamples';
 
 export const StandardMenuButton: React.FunctionComponent = () => {

package/src/TestComponents/MenuButtonV1/testData.ts

@@ -1,5 +1,6 @@
 /* eslint-disable @typescript-eslint/no-var-requires */
 import type { MenuButtonItemProps } from '@fluentui/react-native';
+
 import { testImage, svgProps } from '../Common/iconExamples';
 
 export const menuItems: MenuButtonItemProps[] = [

package/src/TestComponents/NativeDatePicker/NativeDatePickerTest.tsx

@@ -1,13 +1,15 @@
+import * as React from 'react';
+import { Switch, View } from 'react-native';
+
+import { Text } from '@fluentui/react-native';
 import { Button } from '@fluentui-react-native/button';
 import { NativeDatePicker } from '@fluentui-react-native/experimental-native-date-picker';
+import { Stack } from '@fluentui-react-native/stack';
+
 import { NATIVEDATEPICKER_TESTPAGE } from './consts';
+import { stackStyle, commonTestStyles as commonStyles } from '../Common/styles';
 import type { PlatformStatus, TestSection } from '../Test';
 import { Test } from '../Test';
-import * as React from 'react';
-import { Stack } from '@fluentui-react-native/stack';
-import { stackStyle, commonTestStyles as commonStyles } from '../Common/styles';
-import { Switch, View } from 'react-native';
-import { Text } from '@fluentui/react-native';
 
 const NativeDatePickerMainTest: React.FunctionComponent = () => {
   const [startDate, setStartDate] = React.useState<Date>(new Date());

package/src/TestComponents/Notification/NotificationTest.tsx

@@ -1,15 +1,17 @@
 import * as React from 'react';
-import type { NotificationVariant } from '@fluentui-react-native/notification';
-import { Notification, NotificationVariants } from '@fluentui-react-native/notification';
-import type { TestSection, PlatformStatus } from '../Test';
-import { Test } from '../Test';
 import { Animated, StyleSheet, Switch, TextInput, View } from 'react-native';
-import { Text } from '@fluentui-react-native/experimental-text';
+
 import { ButtonV1 as Button } from '@fluentui-react-native/button';
-import { StyledPicker } from '../Common/StyledPicker';
-import { commonTestStyles as commonStyles } from '../Common/styles';
+import { Text } from '@fluentui-react-native/experimental-text';
 import type { SvgIconProps } from '@fluentui-react-native/icon';
+import type { NotificationVariant } from '@fluentui-react-native/notification';
+import { Notification, NotificationVariants } from '@fluentui-react-native/notification';
+
 import PlayButton from './assets/play_button.svg';
+import { StyledPicker } from '../Common/StyledPicker';
+import { commonTestStyles as commonStyles } from '../Common/styles';
+import type { TestSection, PlatformStatus } from '../Test';
+import { Test } from '../Test';
 
 const svgProps: SvgIconProps = {
   src: PlayButton,

package/src/TestComponents/Persona/CustomizeUsage.tsx

@@ -1,13 +1,15 @@
 import * as React from 'react';
 import { View, Text, Switch, TextInput } from 'react-native';
+
 import { Persona } from '@fluentui/react-native';
-import { michaelImageUrl } from './styles';
-import { commonTestStyles as commonStyles } from '../Common/styles';
 import type { Theme } from '@fluentui-react-native/theme-types';
 import { useTheme } from '@fluentui-react-native/theme-types';
-import { Slider } from '../Common/Slider';
 import { themedStyleSheet } from '@fluentui-react-native/themed-stylesheet';
 
+import { michaelImageUrl } from './styles';
+import { Slider } from '../Common/Slider';
+import { commonTestStyles as commonStyles } from '../Common/styles';
+
 const getThemedStyles = themedStyleSheet((t: Theme) => {
   return { textbox: { ...commonStyles.textBox, borderColor: t.colors.inputBorder } };
 });

package/src/TestComponents/Persona/PersonaTest.tsx

@@ -1,6 +1,7 @@
 import * as React from 'react';
-import { StandardUsage } from './StandardUsage';
+
 import { CustomizeUsage } from './CustomizeUsage';
+import { StandardUsage } from './StandardUsage';
 import { PERSONA_TESTPAGE } from '../../../../E2E/src/Persona/consts';
 import type { TestSection, PlatformStatus } from '../Test';
 import { Test } from '../Test';

package/src/TestComponents/Persona/StandardUsage.tsx

@@ -1,11 +1,13 @@
 import * as React from 'react';
+import { View, Text, Switch } from 'react-native';
+
 import type { PersonaSize } from '@fluentui/react-native';
 import { Persona } from '@fluentui/react-native';
+
 import { satyaImageUrl } from './styles';
+import { MenuPicker } from '../Common/MenuPicker';
 import { commonTestStyles as commonStyles } from '../Common/styles';
-import { View, Text, Switch } from 'react-native';
 import { undefinedText } from '../PersonaCoin/styles';
-import { MenuPicker } from '../Common/MenuPicker';
 
 type WithUndefined<T> = T | typeof undefinedText;
 

package/src/TestComponents/PersonaCoin/CustomizeUsage.mobile.tsx

@@ -1,11 +1,13 @@
 import * as React from 'react';
-import { PersonaCoin } from '@fluentui/react-native';
 import { Switch, View, Text, TextInput, StyleSheet } from 'react-native';
+
+import { PersonaCoin } from '@fluentui/react-native';
+import { useTheme } from '@fluentui-react-native/theme-types';
 import Slider from '@react-native-community/slider';
+
 import type { undefinedText } from './styles';
 import { steveBallmerPhotoUrl } from './styles';
 import { commonTestStyles as commonStyles } from '../Common/styles';
-import { useTheme } from '@fluentui-react-native/theme-types';
 
 type WithUndefined<T> = T | typeof undefinedText;
 

package/src/TestComponents/PersonaCoin/CustomizeUsage.tsx

@@ -1,14 +1,16 @@
 import * as React from 'react';
+import { Switch, View, Text, TextInput } from 'react-native';
+
 import type { IconAlignment } from '@fluentui/react-native';
 import { PersonaCoin } from '@fluentui/react-native';
-import { Switch, View, Text, TextInput } from 'react-native';
-import { Slider } from '../Common/Slider';
-import { steveBallmerPhotoUrl } from './styles';
 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 { steveBallmerPhotoUrl } from './styles';
 import { AlignmentPicker } from '../Common/AlignmentPicker';
+import { Slider } from '../Common/Slider';
 import { commonTestStyles as commonStyles } from '../Common/styles';
-import { themedStyleSheet } from '@fluentui-react-native/themed-stylesheet';
 
 const getThemedStyles = themedStyleSheet((t: Theme) => {
   return { textbox: { ...commonStyles.textBox, borderColor: t.colors.inputBorder } };

package/src/TestComponents/PersonaCoin/PersonaCoinTest.tsx

@@ -1,6 +1,7 @@
 import * as React from 'react';
-import { StandardUsage } from './StandardUsage';
+
 import { CustomizeUsage } from './CustomizeUsage';
+import { StandardUsage } from './StandardUsage';
 import { PERSONACOIN_TESTPAGE } from '../../../../E2E/src/PersonaCoin/consts';
 import type { TestSection, PlatformStatus } from '../Test';
 import { Test } from '../Test';