@fluentui-react-native/tester 0.126.16 → 0.126.17

package/src/TestComponents/MenuButtonExperimental/ExperimentalMenuButtonE2ETest.tsx

@@ -1,68 +0,0 @@
-import * as React from 'react';
-import { MenuButton } from '@fluentui-react-native/experimental-menu-button';
-import { ContextualMenuProps } from '@fluentui/react-native';
-import { Text, View } from 'react-native';
-import { menuItems } from './testData';
-import { viewWrapperStyle, columnStyle, rowStyle, textColor } from './MenuButtonTestStyles';
-import {
-  EXPERIMENTAL_MENU_BUTTON_TEST_COMPONENT,
-  EXPERIMENTAL_MENU_BUTTON_ACCESSIBILITY_LABEL,
-  EXPERIMENTAL_MENU_BUTTON_NO_A11Y_LABEL_COMPONENT,
-  EXPERIMENTAL_MENU_BUTTON_TEST_COMPONENT_LABEL,
-} from '../../../../E2E/src/MenuButtonExperimental/consts';
-import { testProps } from '../Common/TestProps';
-
-export const E2ETestExperimentalMenuButton: React.FunctionComponent = () => {
-  const [lastMenuItemClicked, setLastMenuItemClicked] = React.useState(null);
-
-  const onItemClick = React.useCallback(
-    (key) => {
-      setLastMenuItemClicked(key);
-    },
-    [setLastMenuItemClicked],
-  );
-
-  const contextualMenuProps: ContextualMenuProps = {
-    accessibilityLabel: 'MenuButton',
-    shouldFocusOnMount: true,
-    shouldFocusOnContainer: false,
-  };
-
-  return (
-    <View>
-      <View style={viewWrapperStyle}>
-        <View style={columnStyle}>
-          <Text>
-            <Text>Last Menu Item Clicked: </Text>
-            {lastMenuItemClicked > 0 ? <Text style={textColor}>{lastMenuItemClicked}</Text> : <Text style={textColor}>none</Text>}
-          </Text>
-          <View style={{ ...rowStyle, paddingHorizontal: 5 }}>
-            <View style={columnStyle}>
-              <MenuButton
-                content="Standard MenuButton with Accessibility Label"
-                menuItems={menuItems}
-                onItemClick={onItemClick}
-                contextualMenu={contextualMenuProps}
-                accessibilityLabel={EXPERIMENTAL_MENU_BUTTON_ACCESSIBILITY_LABEL}
-                /* For Android E2E testing purposes, testProps must be passed in after accessibilityLabel. */
-                {...testProps(EXPERIMENTAL_MENU_BUTTON_TEST_COMPONENT)}
-              />
-            </View>
-          </View>
-          <View style={{ ...rowStyle, paddingHorizontal: 5 }}>
-            <View style={columnStyle}>
-              <MenuButton
-                content={EXPERIMENTAL_MENU_BUTTON_TEST_COMPONENT_LABEL}
-                menuItems={menuItems}
-                onItemClick={onItemClick}
-                contextualMenu={contextualMenuProps}
-                /* For Android E2E testing purposes, testProps must be passed in after accessibilityLabel. */
-                {...testProps(EXPERIMENTAL_MENU_BUTTON_NO_A11Y_LABEL_COMPONENT)}
-              />
-            </View>
-          </View>
-        </View>
-      </View>
-    </View>
-  );
-};

package/src/TestComponents/MenuButtonExperimental/MenuButtonTest.tsx

@@ -1,42 +0,0 @@
-import * as React from 'react';
-import { MENU_BUTTON_EXPERIMENTAL_TESTPAGE } from '../../../../E2E/src/MenuButtonExperimental/consts';
-import { Test, TestSection, PlatformStatus } from '../Test';
-import { StandardMenuButton } from './StandardMenuButtonTest';
-import { NestedMenuButton } from './NestedMenuButtonTest';
-import { E2ETestExperimentalMenuButton } from './ExperimentalMenuButtonE2ETest';
-import { CustomizedMenuButton } from './CustomizedMenuButtonTest';
-
-const menuButtonSections: TestSection[] = [
-  {
-    name: 'Standard MenuButton',
-    testID: MENU_BUTTON_EXPERIMENTAL_TESTPAGE,
-    component: StandardMenuButton,
-  },
-  {
-    name: 'Nested MenuButton',
-    component: NestedMenuButton,
-  },
-  {
-    name: 'MenuButton with customized UI',
-    component: CustomizedMenuButton,
-  },
-  {
-    name: 'E2E Testing MenuButton',
-    component: E2ETestExperimentalMenuButton,
-  },
-];
-
-export const ExperimentalMenuButtonTest: React.FunctionComponent = () => {
-  const status: PlatformStatus = {
-    win32Status: 'Experimental',
-    uwpStatus: 'Backlog',
-    iosStatus: 'Backlog',
-    macosStatus: 'Backlog',
-    androidStatus: 'Backlog',
-  };
-
-  const description =
-    'MenuButton is a component which contains ContextualMenu and Button components. This control combines and simplifies the API for customers.\nClicking on MenuButton opens ContextualMenu. It can have Submenu. But selection checks and a beak are not implemented.';
-
-  return <Test name="Experimental MenuButton Test" description={description} sections={menuButtonSections} status={status} />;
-};

package/src/TestComponents/MenuButtonExperimental/NestedMenuButtonTest.tsx

@@ -1,150 +0,0 @@
-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 './MenuButtonTestStyles';
-import { MenuButton } from '@fluentui-react-native/experimental-menu-button';
-import { testImage } from '../Common/iconExamples';
-
-export const NestedMenuButton: React.FunctionComponent = () => {
-  const [lastMenuItemClicked, setLastMenuItemClicked] = React.useState(null);
-
-  const [focusOnMount, setShouldFocusOnMount] = React.useState(true);
-  const toggleFocusOnMount = React.useCallback((value) => setShouldFocusOnMount(value), [setShouldFocusOnMount]);
-
-  const [focusOnContainer, setShouldFocusOnContainer] = React.useState(false);
-  const toggleFocusOnContainer = React.useCallback((value) => setShouldFocusOnContainer(value), [setShouldFocusOnContainer]);
-
-  const onItemClick = React.useCallback(
-    (key) => {
-      setLastMenuItemClicked(key);
-    },
-    [setLastMenuItemClicked],
-  );
-
-  const [showSubmenu, setShowSubmenu] = React.useState(false);
-  const [isSubmenuVisible, setIsSubmenuVisible] = React.useState(false);
-  const [lastSubmenuItemClicked, setSubmenuLastItemClicked] = React.useState(null);
-
-  const toggleShowSubmenu = React.useCallback(() => {
-    setShowSubmenu(!showSubmenu);
-    setIsSubmenuVisible(!isSubmenuVisible);
-  }, [showSubmenu, isSubmenuVisible, setShowSubmenu, setIsSubmenuVisible]);
-
-  const onShowSubmenu = React.useCallback(() => {
-    setIsSubmenuVisible(true);
-  }, [setIsSubmenuVisible]);
-
-  const onDismissSubmenu = React.useCallback(() => {
-    setShowSubmenu(false);
-  }, [setShowSubmenu]);
-
-  const onSubmenuItemClick = React.useCallback(
-    (key) => {
-      setSubmenuLastItemClicked(key);
-    },
-    [setSubmenuLastItemClicked],
-  );
-
-  const nestedMenuItems = [
-    ...menuItems,
-    {
-      hasSubmenu: true,
-      itemKey: '4',
-      text: 'SubmenuItem svg icon',
-      componentRef: React.useRef(null),
-      icon: iconProps,
-      onHoverIn: toggleShowSubmenu,
-      showSubmenu,
-      submenuProps: {
-        onShow: onShowSubmenu,
-        setShowMenu: toggleShowSubmenu,
-        onDismiss: onDismissSubmenu,
-        onItemClick: onSubmenuItemClick,
-      },
-      submenuItems: [
-        {
-          icon: iconProps,
-          text: 'SubmenuItem svg icon',
-          itemKey: '1',
-        },
-        {
-          itemKey: '2',
-          text: 'SubmenuItem 2',
-          disabled: true,
-        },
-        {
-          itemKey: '3',
-          text: 'SubmenuItem 3',
-        },
-      ],
-    },
-    {
-      itemKey: '5',
-      text: 'Menu Item',
-    },
-    {
-      hasSubmenu: true,
-      itemKey: '6',
-      text: 'SubmenuItem',
-      componentRef: React.useRef(null),
-      submenuProps: {
-        onItemClick: onSubmenuItemClick,
-      },
-      submenuItems: [
-        {
-          text: 'SubmenuItem 1',
-          itemKey: '1',
-        },
-        {
-          itemKey: '2',
-          text: 'SubmenuItem 2',
-        },
-        {
-          itemKey: '3',
-          text: 'SubmenuItem 3',
-        },
-      ],
-    },
-  ];
-
-  const rasterImageProps = {
-    rasterImageSource: {
-      src: testImage,
-    },
-    width: 12,
-    height: 12,
-  };
-
-  return (
-    <View>
-      <View style={viewWrapperStyle}>
-        <View style={columnStyle}>
-          <View style={rowStyle}>
-            <Text>Should Focus on Mount</Text>
-            <Switch value={focusOnMount} onValueChange={toggleFocusOnMount} />
-          </View>
-
-          <View style={rowStyle}>
-            <Text>Should Focus on Container</Text>
-            <Switch value={focusOnContainer} onValueChange={toggleFocusOnContainer} />
-          </View>
-        </View>
-
-        <Separator vertical />
-
-        <View style={columnStyle}>
-          <Text>
-            <Text>Last Menu Item Clicked: </Text>
-            {lastMenuItemClicked > 0 ? <Text style={textColor}>{lastMenuItemClicked}</Text> : <Text style={textColor}>none</Text>}
-          </Text>
-          <Text>
-            <Text>Last Submenu Item Clicked: </Text>
-            {lastSubmenuItemClicked > 0 ? <Text style={textColor}>{lastSubmenuItemClicked}</Text> : <Text style={textColor}>none</Text>}
-          </Text>
-          <MenuButton content="Press for Nested MenuButton" icon={rasterImageProps} menuItems={nestedMenuItems} onItemClick={onItemClick} />
-        </View>
-      </View>
-    </View>
-  );
-};

package/src/TestComponents/MenuButtonExperimental/StandardMenuButtonTest.tsx

@@ -1,114 +0,0 @@
-import * as React from 'react';
-import { Separator, ContextualMenuProps } from '@fluentui/react-native';
-import { Text, View, Switch, Platform } from 'react-native';
-import { menuItems, iconProps } from './testData';
-import { viewWrapperStyle, columnStyle, rowStyle, textColor } from './MenuButtonTestStyles';
-import { IconSourcesType } from '@fluentui-react-native/icon';
-import { MenuButton } from '@fluentui-react-native/experimental-menu-button';
-import { testImage } from '../Common/iconExamples';
-
-export const StandardMenuButton: React.FunctionComponent = () => {
-  const [lastMenuItemClicked, setLastMenuItemClicked] = React.useState(null);
-
-  const [focusOnMount, setShouldFocusOnMount] = React.useState(true);
-  const toggleFocusOnMount = React.useCallback((value) => setShouldFocusOnMount(value), [setShouldFocusOnMount]);
-
-  const [focusOnContainer, setShouldFocusOnContainer] = React.useState(false);
-  const toggleFocusOnContainer = React.useCallback((value) => setShouldFocusOnContainer(value), [setShouldFocusOnContainer]);
-
-  const onItemClick = React.useCallback(
-    (key) => {
-      setLastMenuItemClicked(key);
-    },
-    [setLastMenuItemClicked],
-  );
-
-  const contextualMenuProps: ContextualMenuProps = {
-    accessibilityLabel: 'MenuButton',
-    shouldFocusOnMount: focusOnMount,
-    shouldFocusOnContainer: focusOnContainer,
-  };
-
-  const iconToShow: IconSourcesType = Platform.select({
-    macos: testImage, //GH #931, macOS MenuButton only supports showing PNG icons
-    default: iconProps,
-  });
-
-  return (
-    <View>
-      <View style={viewWrapperStyle}>
-        <View style={columnStyle}>
-          <View style={rowStyle}>
-            <Text>Should Focus on Mount</Text>
-            <Switch value={focusOnMount} onValueChange={toggleFocusOnMount} />
-          </View>
-
-          <View style={rowStyle}>
-            <Text>Should Focus on Container</Text>
-            <Switch value={focusOnContainer} onValueChange={toggleFocusOnContainer} />
-          </View>
-        </View>
-
-        <Separator vertical />
-
-        <View style={columnStyle}>
-          <Text>
-            <Text>Last Menu Item Clicked: </Text>
-            {lastMenuItemClicked > 0 ? <Text style={textColor}>{lastMenuItemClicked}</Text> : <Text style={textColor}>none</Text>}
-          </Text>
-          <View style={{ ...rowStyle, paddingHorizontal: 5 }}>
-            <View style={columnStyle}>
-              <MenuButton
-                content="Standard MenuButton"
-                menuItems={menuItems}
-                onItemClick={onItemClick}
-                contextualMenu={contextualMenuProps}
-              />
-              <Text>MenuButton with icon</Text>
-              <MenuButton
-                icon={iconToShow}
-                content="MenuButton"
-                menuItems={menuItems}
-                onItemClick={onItemClick}
-                contextualMenu={contextualMenuProps}
-              />
-              <Text>MenuButton with only icon</Text>
-              <MenuButton icon={iconToShow} menuItems={menuItems} onItemClick={onItemClick} contextualMenu={contextualMenuProps} />
-              <Text>Disabled MenuButton</Text>
-              <MenuButton disabled content="Disabled MenuButton" menuItems={menuItems} />
-            </View>
-            <Separator vertical />
-            <View style={columnStyle}>
-              <MenuButton
-                appearance="primary"
-                content="Primary MenuButton"
-                menuItems={menuItems}
-                onItemClick={onItemClick}
-                contextualMenu={contextualMenuProps}
-              />
-              <Text>Primary MenuButton with icon</Text>
-              <MenuButton
-                appearance="primary"
-                icon={iconToShow}
-                content="Primary MenuButton"
-                menuItems={menuItems}
-                onItemClick={onItemClick}
-                contextualMenu={contextualMenuProps}
-              />
-              <Text>Primary MenuButton with only icon</Text>
-              <MenuButton
-                appearance="primary"
-                icon={iconToShow}
-                menuItems={menuItems}
-                onItemClick={onItemClick}
-                contextualMenu={contextualMenuProps}
-              />
-              <Text>Primary Disabled MenuButton</Text>
-              <MenuButton appearance="primary" disabled content="Disabled Primary MenuButton" menuItems={menuItems} />
-            </View>
-          </View>
-        </View>
-      </View>
-    </View>
-  );
-};

package/src/TestComponents/MenuButtonExperimental/index.ts

@@ -1 +0,0 @@
-export * from './MenuButtonTest';

package/src/TestComponents/RadioGroup/RadioGroupE2ETest.tsx

@@ -1,70 +0,0 @@
-import * as React from 'react';
-import { View } from 'react-native';
-import { RadioButton, RadioGroup } from '@fluentui/react-native';
-import {
-  RADIOGROUP_TEST_COMPONENT,
-  RADIOGROUP_NO_A11Y_LABEL_COMPONENT,
-  RADIOGROUP_TEST_COMPONENT_LABEL,
-  RADIOGROUP_ACCESSIBILITY_LABEL,
-  FIRST_RADIO_BUTTON,
-  SECOND_RADIO_BUTTON,
-  THIRD_RADIO_BUTTON,
-  FOURTH_RADIO_BUTTON,
-  FIRST_RADIO_BUTTON_ACCESSIBILITY_LABEL,
-  SECOND_RADIO_BUTTON_LABEL,
-} from '../../../../E2E/src/RadioGroup/consts';
-import { Stack } from '@fluentui-react-native/stack';
-import { stackStyle } from '../Common/styles';
-import { testProps } from '../Common/TestProps';
-
-export const E2ERadioGroupTest: React.FunctionComponent = () => {
-  return (
-    <View>
-      <Stack style={stackStyle}>
-        <RadioGroup
-          label="RadioGroup for E2E Testing - Ally Label Set"
-          accessibilityLabel={RADIOGROUP_ACCESSIBILITY_LABEL}
-          /* For Android E2E testing purposes, testProps must be passed in after accessibilityLabel. */
-          {...testProps(RADIOGROUP_TEST_COMPONENT)}
-        >
-          <RadioButton
-            content="Option A"
-            buttonKey="A"
-            accessibilityLabel={FIRST_RADIO_BUTTON_ACCESSIBILITY_LABEL}
-            /* For Android E2E testing purposes, testProps must be passed in after accessibilityLabel. */
-            {...testProps(FIRST_RADIO_BUTTON)}
-          />
-          <RadioButton
-            content={SECOND_RADIO_BUTTON_LABEL}
-            buttonKey="B"
-            /* For Android E2E testing purposes, testProps must be passed in after accessibilityLabel. */
-            {...testProps(SECOND_RADIO_BUTTON)}
-          />
-          <RadioButton
-            content="Option C (disabled)"
-            buttonKey="C"
-            disabled={true}
-            /* For Android E2E testing purposes, testProps must be passed in after accessibilityLabel. */
-            {...testProps(THIRD_RADIO_BUTTON)}
-          />
-          <RadioButton
-            content="Option D"
-            buttonKey="C"
-            /* For Android E2E testing purposes, testProps must be passed in after accessibilityLabel. */
-            {...testProps(FOURTH_RADIO_BUTTON)}
-          />
-        </RadioGroup>
-        <RadioGroup
-          label={RADIOGROUP_TEST_COMPONENT_LABEL}
-          /* For Android E2E testing purposes, testProps must be passed in after accessibilityLabel. */
-          {...testProps(RADIOGROUP_NO_A11Y_LABEL_COMPONENT)}
-        >
-          <RadioButton content="Option W" buttonKey="W" />
-          <RadioButton content="Option X" buttonKey="X" />
-          <RadioButton content="Option Y (disabled)" buttonKey="C" disabled={true} />
-          <RadioButton content="Option Z" buttonKey="Z" />
-        </RadioGroup>
-      </Stack>
-    </View>
-  );
-};

package/src/TestComponents/RadioGroup/RadioGroupTest.tsx

@@ -1,79 +0,0 @@
-import * as React from 'react';
-import { View } from 'react-native';
-import { RadioButton, RadioGroup, Separator } from '@fluentui/react-native';
-import { RADIOGROUP_TESTPAGE } from '../../../../E2E/src/RadioGroup/consts';
-import { Test, TestSection, PlatformStatus } from '../Test';
-import { E2ERadioGroupTest } from './RadioGroupE2ETest';
-
-const BasicRadioGroup: React.FunctionComponent = () => {
-  // Client's example onChange function
-  const onChange = (key: string) => {
-    console.log(key);
-  };
-
-  const [selectedKey, setSelectedKey] = React.useState('C');
-
-  const onChange2 = React.useCallback((key: string) => {
-    if (key == 'A') {
-      setSelectedKey('A');
-    } else if (key == 'B') {
-      setSelectedKey('B');
-    } else if (key == 'C') {
-      setSelectedKey('C');
-    } else if (key == 'D') {
-      setSelectedKey('D');
-    }
-  }, []);
-
-  return (
-    <View>
-      <RadioGroup label="Uncontrolled RadioGroup" defaultSelectedKey="X" onChange={onChange}>
-        <RadioButton content="Option W" buttonKey="W" accessibilityLabel="Test Accessibility Label" />
-        <RadioButton content="Option X" buttonKey="X" />
-        <RadioButton content="Option Y (disabled)" buttonKey="C" disabled={true} />
-        <RadioButton content="Option Z" buttonKey="Z" />
-      </RadioGroup>
-      <Separator />
-      <RadioGroup label="Controlled RadioGroup" selectedKey={selectedKey} onChange={onChange2}>
-        <View>
-          <RadioButton
-            content="Option A"
-            buttonKey="A"
-            accessibilityLabel="Test Accessibility Label"
-            accessibilityPositionInSet={1}
-            accessibilitySetSize={4}
-          />
-          <RadioButton content="Option B" buttonKey="B" accessibilityPositionInSet={2} accessibilitySetSize={4} />
-          <RadioButton content="Option C" buttonKey="C" accessibilityPositionInSet={3} accessibilitySetSize={4} />
-          <RadioButton content="Option D" buttonKey="D" accessibilityPositionInSet={4} accessibilitySetSize={4} />
-        </View>
-      </RadioGroup>
-    </View>
-  );
-};
-
-const radioGroupSections: TestSection[] = [
-  {
-    name: 'Basic RadioGroup Usage',
-    testID: RADIOGROUP_TESTPAGE,
-    component: BasicRadioGroup,
-  },
-  {
-    name: 'RadioGroup for E2E Testing',
-    component: E2ERadioGroupTest,
-  },
-];
-
-export const RadioGroupTest: React.FunctionComponent = () => {
-  const status: PlatformStatus = {
-    win32Status: 'Beta',
-    uwpStatus: 'Experimental',
-    iosStatus: 'Experimental',
-    macosStatus: 'Beta',
-    androidStatus: 'Backlog',
-  };
-
-  const description = 'No description.';
-
-  return <Test name="RadioGroup Test" description={description} sections={radioGroupSections} status={status} />;
-};

package/src/TestComponents/RadioGroup/index.ts

@@ -1 +0,0 @@
-export * from './RadioGroupTest';

package/src/TestComponents/RadioGroupExperimental/RadioGroupExperimentalE2ETest.tsx

@@ -1,77 +0,0 @@
-import * as React from 'react';
-import { View } from 'react-native';
-import { RadioGroup, Radio } from '@fluentui-react-native/experimental-radio-group';
-import {
-  EXPERIMENTAL_RADIOGROUP_TEST_COMPONENT,
-  EXPERIMENTAL_RADIOGROUP_NO_A11Y_LABEL_COMPONENT,
-  EXPERIMENTAL_RADIOGROUP_TEST_COMPONENT_LABEL,
-  EXPERIMENTAL_RADIOGROUP_ACCESSIBILITY_LABEL,
-  FIRST_RADIO,
-  SECOND_RADIO,
-  THIRD_RADIO,
-  FOURTH_RADIO,
-  FIFTH_RADIO,
-  FIRST_RADIO_ACCESSIBILITY_LABEL,
-  SECOND_RADIO_LABEL,
-} from '../../../../E2E/src/RadioGroupExperimental/consts';
-import { Stack } from '@fluentui-react-native/stack';
-import { stackStyle } from '../Common/styles';
-import { testProps } from '../Common/TestProps';
-
-export const E2ERadioGroupExperimentalTest: React.FunctionComponent = () => {
-  return (
-    <View>
-      <Stack style={stackStyle}>
-        <RadioGroup
-          label="RadioGroup for E2E Testing - Ally Label Set"
-          accessibilityLabel={EXPERIMENTAL_RADIOGROUP_ACCESSIBILITY_LABEL}
-          /* For Android E2E testing purposes, testProps must be passed in after accessibilityLabel. */
-          {...testProps(EXPERIMENTAL_RADIOGROUP_TEST_COMPONENT)}
-        >
-          <Radio
-            label="Option A"
-            value="A"
-            accessibilityLabel={FIRST_RADIO_ACCESSIBILITY_LABEL}
-            /* For Android E2E testing purposes, testProps must be passed in after accessibilityLabel. */
-            {...testProps(FIRST_RADIO)}
-          />
-          <Radio
-            label={SECOND_RADIO_LABEL}
-            value="B"
-            /* For Android E2E testing purposes, testProps must be passed in after accessibilityLabel. */
-            {...testProps(SECOND_RADIO)}
-          />
-          <Radio
-            label="Option C (disabled)"
-            value="C"
-            disabled={true}
-            /* For Android E2E testing purposes, testProps must be passed in after accessibilityLabel. */
-            {...testProps(THIRD_RADIO)}
-          />
-          <Radio
-            label="Option D"
-            value="C"
-            /* For Android E2E testing purposes, testProps must be passed in after accessibilityLabel. */
-            {...testProps(FOURTH_RADIO)}
-          />
-        </RadioGroup>
-        <RadioGroup
-          label={
-            EXPERIMENTAL_RADIOGROUP_TEST_COMPONENT_LABEL
-          } /* For Android E2E testing purposes, testProps must be passed in after accessibilityLabel. */
-          {...testProps(EXPERIMENTAL_RADIOGROUP_NO_A11Y_LABEL_COMPONENT)}
-        >
-          <Radio
-            label="Option W"
-            value="W"
-            /* For Android E2E testing purposes, testProps must be passed in after accessibilityLabel. */
-            {...testProps(FIFTH_RADIO)}
-          />
-          <Radio label="Option X" value="X" />
-          <Radio label="Option Y (disabled)" value="C" disabled={true} />
-          <Radio label="Option Z" value="Z" />
-        </RadioGroup>
-      </Stack>
-    </View>
-  );
-};

package/src/TestComponents/RadioGroupExperimental/RadioGroupExperimentalTest.tsx

@@ -1,73 +0,0 @@
-import * as React from 'react';
-import { RADIO_GROUP_EXPERIMENTAL_TESTPAGE } from '../../../../E2E/src/RadioGroupExperimental/consts';
-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 { E2ERadioGroupExperimentalTest } from './RadioGroupExperimentalE2ETest';
-import { Test, TestSection, PlatformStatus } from '../Test';
-
-const radioGroupExperimentalSections: TestSection[] = [
-  {
-    name: 'Default RadioGroup Usage',
-    testID: RADIO_GROUP_EXPERIMENTAL_TESTPAGE,
-    component: DefaultRadioGroup,
-  },
-  {
-    name: 'Disabled RadioGroup',
-    testID: RADIO_GROUP_EXPERIMENTAL_TESTPAGE,
-    component: DisabledRadioGroup,
-  },
-  {
-    name: 'Required RadioGroup',
-    testID: RADIO_GROUP_EXPERIMENTAL_TESTPAGE,
-    component: RequiredRadioGroup,
-  },
-  {
-    name: 'RadioGroup with Label Subtext',
-    testID: RADIO_GROUP_EXPERIMENTAL_TESTPAGE,
-    component: SubtextRadioGroup,
-  },
-  {
-    name: 'Other Layouts',
-    testID: RADIO_GROUP_EXPERIMENTAL_TESTPAGE,
-    component: HorizontalRadioGroup,
-  },
-  {
-    name: 'Customized RadioGroup Usage',
-    testID: RADIO_GROUP_EXPERIMENTAL_TESTPAGE,
-    component: CustomizedRadioGroup,
-  },
-  {
-    name: 'RadioGroup for E2E Testing',
-    testID: RADIO_GROUP_EXPERIMENTAL_TESTPAGE,
-    component: E2ERadioGroupExperimentalTest,
-  },
-];
-
-export const RadioGroupExperimentalTest: React.FunctionComponent = () => {
-  const status: PlatformStatus = {
-    win32Status: 'Beta',
-    uwpStatus: 'Experimental',
-    iosStatus: 'Experimental',
-    macosStatus: 'Backlog',
-    androidStatus: 'Backlog',
-  };
-
-  const description =
-    'RadioGroup lets users select a single option from two or more choices. Each option is represented by one Radio; a user can select only one Radio in a RadioGroup.';
-
-  const spec = 'https://github.com/microsoft/fluentui-react-native/blob/main/packages/experimental/RadioGroup/SPEC.md';
-
-  return (
-    <Test
-      name="Experimental RadioGroup Test"
-      description={description}
-      spec={spec}
-      sections={radioGroupExperimentalSections}
-      status={status}
-    />
-  );
-};

package/src/TestComponents/RadioGroupExperimental/index.ts

@@ -1 +0,0 @@
-export * from './RadioGroupExperimentalTest';