@fluentui-react-native/tester 0.165.2 → 0.167.0

package/lib-commonjs/fluent-tester/src/TestComponents/TabsV1/TabsV1Test.js

@@ -1,188 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TabsV1Test = void 0;
-var tslib_1 = require("tslib");
-var React = tslib_1.__importStar(require("react"));
-var react_native_1 = require("react-native");
-var button_1 = require("@fluentui-react-native/button");
-var experimental_tabs_1 = require("@fluentui-react-native/experimental-tabs");
-var text_1 = require("@fluentui-react-native/text");
-var TabsV1E2ETest_1 = require("./TabsV1E2ETest");
-var consts_1 = require("../../../../E2E/src/TabsV1/consts");
-var iconExamples_1 = require("../Common/iconExamples");
-var styles_1 = require("../Common/styles");
-var Test_1 = require("../Test");
-var TabsMainTest = function () {
-    return (React.createElement(react_native_1.View, { style: styles_1.stackStyle },
-        React.createElement(experimental_tabs_1.Tabs, { label: "Tabs" },
-            React.createElement(experimental_tabs_1.TabsItem, { headerText: "Home", itemKey: "A" },
-                React.createElement(text_1.TextV1, null, "Tabs #1")),
-            React.createElement(experimental_tabs_1.TabsItem, { headerText: "Files", itemKey: "B" },
-                React.createElement(text_1.TextV1, null, "Tabs #2")),
-            React.createElement(experimental_tabs_1.TabsItem, { headerText: "Settings", itemKey: "C" },
-                React.createElement(text_1.TextV1, null, "Tabs #3")))));
-};
-var DisabledTabs = function () {
-    return (React.createElement(react_native_1.View, { style: styles_1.stackStyle },
-        React.createElement(experimental_tabs_1.Tabs, { label: "Tabs" },
-            React.createElement(experimental_tabs_1.TabsItem, { headerText: "Home", itemKey: "A" },
-                React.createElement(text_1.TextV1, null, "Tabs #1")),
-            React.createElement(experimental_tabs_1.TabsItem, { headerText: "Files", itemKey: "B", disabled: true },
-                React.createElement(text_1.TextV1, null, "Tabs #2")),
-            React.createElement(experimental_tabs_1.TabsItem, { headerText: "Settings", itemKey: "C" },
-                React.createElement(text_1.TextV1, null, "Tabs #3")))));
-};
-var TabsCountIcon = function () {
-    return (React.createElement(react_native_1.View, { style: styles_1.stackStyle },
-        React.createElement(experimental_tabs_1.Tabs, { label: "Tabs" },
-            React.createElement(experimental_tabs_1.TabsItem, { headerText: "Home", itemKey: "A", icon: { svgSource: iconExamples_1.svgProps, width: 20, height: 20, style: { margin: 5 } }, itemCount: 23 },
-                React.createElement(text_1.TextV1, null, "Tabs #1")),
-            React.createElement(experimental_tabs_1.TabsItem, { itemKey: "B", icon: { svgSource: iconExamples_1.svgProps, width: 20, height: 20 }, itemCount: 0 },
-                React.createElement(text_1.TextV1, null, "Tabs #2")),
-            React.createElement(experimental_tabs_1.TabsItem, { itemKey: "C", icon: { svgSource: iconExamples_1.svgProps, width: 20, height: 20 } },
-                React.createElement(text_1.TextV1, null, "Tabs #3")))));
-};
-var TabsClickEventTest = function () {
-    var _a = React.useState('home_key'), selectedKey = _a[0], setSelectedKey = _a[1];
-    var onTabsClick = React.useCallback(function (key) {
-        setSelectedKey(key);
-    }, [setSelectedKey]);
-    return (React.createElement(react_native_1.View, { style: styles_1.stackStyle },
-        React.createElement(text_1.TextV1, null, 'Last onTabsClick from: ' + selectedKey),
-        React.createElement(experimental_tabs_1.Tabs, { label: "Tabs", onTabsClick: onTabsClick, selectedKey: selectedKey },
-            React.createElement(experimental_tabs_1.TabsItem, { headerText: "Home", itemKey: "home_key" },
-                React.createElement(text_1.TextV1, null, "Tabs #1")),
-            React.createElement(experimental_tabs_1.TabsItem, { headerText: "Files", itemKey: "files_key" },
-                React.createElement(text_1.TextV1, null, "Tabs #2")),
-            React.createElement(experimental_tabs_1.TabsItem, { headerText: "Settings", itemKey: "settings_key" },
-                React.createElement(text_1.TextV1, null, "Tabs #3")))));
-};
-var TabsChangingViews = function () {
-    // If User wants to control what gets rendered example
-    var _a = React.useState('home'), selectedKey = _a[0], setSelectedKey = _a[1];
-    var onTabsClick = React.useCallback(function (key) {
-        setSelectedKey(key);
-    }, [setSelectedKey]);
-    return (React.createElement(react_native_1.View, { style: styles_1.stackStyle },
-        React.createElement(experimental_tabs_1.Tabs, { label: "Tabs", onTabsClick: onTabsClick, headersOnly: true, selectedKey: selectedKey },
-            React.createElement(experimental_tabs_1.TabsItem, { headerText: "Home", itemKey: "home" }),
-            React.createElement(experimental_tabs_1.TabsItem, { headerText: "File", itemKey: "file" }),
-            React.createElement(experimental_tabs_1.TabsItem, { headerText: "Settings", itemKey: "settings" })),
-        React.createElement(react_native_1.View, { style: { marginVertical: 1 } },
-            selectedKey == 'home' && React.createElement(text_1.TextV1, null, "Tabs #1"),
-            selectedKey == 'file' && React.createElement(text_1.TextV1, null, "Tabs #2"),
-            selectedKey == 'settings' && React.createElement(text_1.TextV1, null, "Tabs #3"))));
-};
-var TabsRenderSeparately = function () {
-    var _a = React.useState('rectangleRed'), selectedKey = _a[0], setSelectedKey = _a[1];
-    var onTabsClick = React.useCallback(function (key) {
-        setSelectedKey(key);
-    }, [setSelectedKey]);
-    var getTabId = function (key) {
-        return "ShapeColorPivot_".concat(key);
-    };
-    return (React.createElement(react_native_1.View, { style: styles_1.stackStyle },
-        React.createElement(react_native_1.View, { accessible: true, focusable: true, accessibilityLabel: getTabId(selectedKey), style: {
-                width: 100,
-                height: selectedKey === 'squareRed' ? 100 : 200,
-                backgroundColor: selectedKey === 'rectangleGreen' ? 'green' : 'red',
-            } }),
-        React.createElement(experimental_tabs_1.Tabs, { label: "Tabs", onTabsClick: onTabsClick, getTabId: getTabId, headersOnly: true, selectedKey: selectedKey },
-            React.createElement(experimental_tabs_1.TabsItem, { headerText: "Rectangle Red", itemKey: "rectangleRed" }),
-            React.createElement(experimental_tabs_1.TabsItem, { headerText: "Square Red", itemKey: "squareRed" }),
-            React.createElement(experimental_tabs_1.TabsItem, { headerText: "Rectangle Green", itemKey: "rectangleGreen" }))));
-};
-var TabsSettingSelectedKey = function () {
-    // If user wants to programmatically set the selectedKey to control the view
-    var _a = React.useState('home'), selectedKey = _a[0], setSelectedKey = _a[1];
-    var _b = React.useState(0), currTabItemIndex = _b[0], setCurrTabItemIndex = _b[1];
-    var tabItems = ['home', 'file', 'setting'];
-    var goToNextTab = React.useCallback(function () {
-        var newCurrTabItemIndex = (currTabItemIndex + 1) % 3;
-        setCurrTabItemIndex(newCurrTabItemIndex);
-        setSelectedKey(tabItems[newCurrTabItemIndex]);
-    }, [currTabItemIndex]);
-    return (React.createElement(react_native_1.View, { style: styles_1.stackStyle },
-        React.createElement(experimental_tabs_1.Tabs, { label: "Tabs", selectedKey: selectedKey, isCircularNavigation: true },
-            React.createElement(experimental_tabs_1.TabsItem, { headerText: "Home", itemKey: "home" },
-                React.createElement(text_1.TextV1, null, "Tabs #1")),
-            React.createElement(experimental_tabs_1.TabsItem, { headerText: "File", itemKey: "file" },
-                React.createElement(text_1.TextV1, null, "Tabs #2")),
-            React.createElement(experimental_tabs_1.TabsItem, { headerText: "Setting", itemKey: "setting" },
-                React.createElement(text_1.TextV1, null, "Tabs #3"))),
-        React.createElement(button_1.ButtonV1, { onClick: goToNextTab }, "View Next Tab")));
-};
-var TabsWithFlexibility = function () {
-    var _a = React.useState('home'), selectedKey = _a[0], setSelectedKey = _a[1];
-    var goHomeTab = React.useCallback(function () {
-        setSelectedKey('home');
-    }, [setSelectedKey]);
-    var onTabsClick = React.useCallback(function (key) {
-        setSelectedKey(key);
-    }, [setSelectedKey]);
-    return (React.createElement(react_native_1.View, { style: styles_1.stackStyle },
-        React.createElement(experimental_tabs_1.Tabs, { selectedKey: selectedKey, onTabsClick: onTabsClick, isCircularNavigation: true },
-            React.createElement(experimental_tabs_1.TabsItem, { headerText: "Home", itemKey: "home" },
-                React.createElement(text_1.TextV1, null, "Tabs #1")),
-            React.createElement(experimental_tabs_1.TabsItem, { headerText: "File", itemKey: "file" },
-                React.createElement(text_1.TextV1, null, "Tabs #2")),
-            React.createElement(experimental_tabs_1.TabsItem, { headerText: "Setting", itemKey: "setting" },
-                React.createElement(text_1.TextV1, null, "Tabs #3"))),
-        React.createElement(button_1.ButtonV1, { onClick: goHomeTab }, "View Home Tab")));
-};
-var tabsSections = [
-    {
-        name: 'Default Tabs',
-        testID: consts_1.TABSV1_TESTPAGE,
-        component: TabsMainTest,
-    },
-    {
-        name: 'Tabs with disabled',
-        component: DisabledTabs,
-    },
-    {
-        name: 'Trigger onTabsClick event',
-        component: TabsClickEventTest,
-    },
-    {
-        name: 'User Custom Render',
-        component: TabsChangingViews,
-    },
-    {
-        name: 'Render Content Separately',
-        component: TabsRenderSeparately,
-    },
-    {
-        name: 'Override Selected Key',
-        component: TabsSettingSelectedKey,
-    },
-    {
-        name: 'More Flexibility',
-        component: TabsWithFlexibility,
-    },
-];
-if (react_native_1.Platform.OS !== 'windows') {
-    tabsSections.push({
-        name: 'Count and Icon',
-        component: TabsCountIcon,
-    });
-}
-var e2eSections = [
-    {
-        name: 'E2E Testing TabsV1',
-        component: TabsV1E2ETest_1.TabsV1E2ETest,
-    },
-];
-var TabsV1Test = function () {
-    var status = {
-        win32Status: 'Production',
-        uwpStatus: 'Experimental',
-        iosStatus: 'Backlog',
-        macosStatus: 'Experimental',
-        androidStatus: 'Backlog',
-    };
-    var description = 'With Tabs, users can navigate to another view.';
-    return React.createElement(Test_1.Test, { name: "TabsV1 Test", description: description, sections: tabsSections, status: status, e2eSections: e2eSections });
-};
-exports.TabsV1Test = TabsV1Test;
-//# sourceMappingURL=TabsV1Test.js.map

package/lib-commonjs/fluent-tester/src/TestComponents/TabsV1/TabsV1Test.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TabsV1Test.js","sourceRoot":"","sources":["../../../../../src/TestComponents/TabsV1/TabsV1Test.tsx"],"names":[],"mappings":"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"}

package/lib-commonjs/fluent-tester/src/TestComponents/TabsV1/index.d.ts

@@ -1,2 +0,0 @@
-export * from './TabsV1Test';
-//# sourceMappingURL=index.d.ts.map

package/lib-commonjs/fluent-tester/src/TestComponents/TabsV1/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/TabsV1/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}

package/lib-commonjs/fluent-tester/src/TestComponents/TabsV1/index.js

@@ -1,5 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./TabsV1Test"), exports);
-//# sourceMappingURL=index.js.map

package/lib-commonjs/fluent-tester/src/TestComponents/TabsV1/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/TestComponents/TabsV1/index.ts"],"names":[],"mappings":";;;AAAA,uDAA6B"}

package/src/TestComponents/TabsLegacy/TabsLegacyE2ETest.tsx

@@ -1,94 +0,0 @@
-import * as React from 'react';
-import { View } from 'react-native';
-
-import { Tabs, TabsItem, Text } from '@fluentui/react-native';
-
-import {
-  TABS_TEST_COMPONENT,
-  TABS_ACCESSIBILITY_LABEL,
-  TABS_TEST_COMPONENT_LABEL,
-  TABS_NO_A11Y_LABEL_COMPONENT,
-  SECOND_TABS_ITEM_CONTENT,
-  FIRST_TABS_ITEM,
-  SECOND_TABS_ITEM,
-  THIRD_TABS_ITEM,
-  FIRST_TABS_ITEM_ACCESSIBILITY_LABEL,
-  THIRD_TABS_ITEM_LABEL,
-  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 = () => {
-  return (
-    <View>
-      <View style={stackStyle}>
-        <Tabs
-          label="Tabs"
-          accessibilityLabel={TABS_ACCESSIBILITY_LABEL}
-          /* For Android E2E testing purposes, testProps must be passed in after accessibilityLabel. */
-          {...testProps(TABS_TEST_COMPONENT)}
-        >
-          <TabsItem
-            headerText="Home"
-            itemKey="A"
-            accessibilityLabel={FIRST_TABS_ITEM_ACCESSIBILITY_LABEL}
-            /* For Android E2E testing purposes, testProps must be passed in after accessibilityLabel. */
-            {...testProps(FIRST_TABS_ITEM)}
-          >
-            <Text
-              /* For Android E2E testing purposes, testProps must be passed in after accessibilityLabel. */
-              {...testProps(FIRST_TABS_ITEM_CONTENT)}
-            >
-              Tabs #1
-            </Text>
-          </TabsItem>
-          <TabsItem
-            headerText="Files"
-            itemKey="B"
-            /* For Android E2E testing purposes, testProps must be passed in after accessibilityLabel. */
-            {...testProps(SECOND_TABS_ITEM)}
-          >
-            <Text
-              /* For Android E2E testing purposes, testProps must be passed in after accessibilityLabel. */
-              {...testProps(SECOND_TABS_ITEM_CONTENT)}
-            >
-              Tabs #2
-            </Text>
-          </TabsItem>
-          <TabsItem
-            headerText={THIRD_TABS_ITEM_LABEL}
-            itemKey="C"
-            /* For Android E2E testing purposes, testProps must be passed in after accessibilityLabel. */
-            {...testProps(THIRD_TABS_ITEM)}
-          >
-            <Text
-              /* For Android E2E testing purposes, testProps must be passed in after accessibilityLabel. */
-              {...testProps(THIRD_TABS_ITEM_CONTENT)}
-            >
-              Tabs #3
-            </Text>
-          </TabsItem>
-        </Tabs>
-      </View>
-      <View style={stackStyle}>
-        <Tabs
-          label={TABS_TEST_COMPONENT_LABEL}
-          /* For Android E2E testing purposes, testProps must be passed in after accessibilityLabel. */
-          {...testProps(TABS_NO_A11Y_LABEL_COMPONENT)}
-        >
-          <TabsItem headerText="Home" itemKey="A">
-            <Text>Tabs #1</Text>
-          </TabsItem>
-          <TabsItem headerText="Files" itemKey="B">
-            <Text>Tabs #2</Text>
-          </TabsItem>
-          <TabsItem headerText="Settings" itemKey="C">
-            <Text>Tabs #3</Text>
-          </TabsItem>
-        </Tabs>
-      </View>
-    </View>
-  );
-};

package/src/TestComponents/TabsLegacy/TabsLegacyTest.tsx

@@ -1,302 +0,0 @@
-import * as React from 'react';
-import { Platform, View } from 'react-native';
-
-import { Tabs, TabsItem, Text, Button } from '@fluentui/react-native';
-
-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';
-
-const TabsMainTest: React.FunctionComponent = () => {
-  return (
-    <View style={stackStyle}>
-      <Tabs label="Tabs">
-        <TabsItem headerText="Home" itemKey="A">
-          <Text>Tabs #1</Text>
-        </TabsItem>
-        <TabsItem headerText="Files" itemKey="B">
-          <Text>Tabs #2</Text>
-        </TabsItem>
-        <TabsItem headerText="Settings" itemKey="C">
-          <Text>Tabs #3</Text>
-        </TabsItem>
-      </Tabs>
-    </View>
-  );
-};
-
-const DisabledTabs: React.FunctionComponent = () => {
-  return (
-    <View style={stackStyle}>
-      <Tabs label="Tabs">
-        <TabsItem headerText="Home" itemKey="A">
-          <Text>Tabs #1</Text>
-        </TabsItem>
-        <TabsItem headerText="Files" itemKey="B" disabled={true}>
-          <Text>Tabs #2</Text>
-        </TabsItem>
-        <TabsItem headerText="Settings" itemKey="C">
-          <Text>Tabs #3</Text>
-        </TabsItem>
-      </Tabs>
-    </View>
-  );
-};
-
-const TabsCountIcon: React.FunctionComponent = () => {
-  const svgExample = {
-    svgSource: svgProps,
-    width: 20,
-    height: 20,
-  };
-
-  return (
-    <View style={stackStyle}>
-      <Tabs label="Tabs">
-        <TabsItem headerText="Home" itemKey="A" icon={svgExample} itemCount={23}>
-          <Text>Tabs #1</Text>
-        </TabsItem>
-        <TabsItem itemKey="B" icon={svgExample} itemCount={0}>
-          <Text>Tabs #2</Text>
-        </TabsItem>
-        <TabsItem itemKey="C" icon={svgExample}>
-          <Text>Tabs #3</Text>
-        </TabsItem>
-      </Tabs>
-    </View>
-  );
-};
-
-const TabsClickEventTest: React.FunctionComponent = () => {
-  const [selectedKey, setSelectedKey] = React.useState('home_key');
-
-  const onTabsClick = (key: string) => {
-    setSelectedKey(key);
-  };
-
-  return (
-    <View style={stackStyle}>
-      <Text>Last onTabsClick from: {selectedKey}</Text>
-      <Tabs label="Tabs" onTabsClick={onTabsClick} selectedKey={selectedKey}>
-        <TabsItem headerText="Home" itemKey="home_key">
-          <Text>Tabs #1</Text>
-        </TabsItem>
-        <TabsItem headerText="Files" itemKey="files_key">
-          <Text>Tabs #2</Text>
-        </TabsItem>
-        <TabsItem headerText="Settings" itemKey="settings_key">
-          <Text>Tabs #3</Text>
-        </TabsItem>
-      </Tabs>
-    </View>
-  );
-};
-
-const TabsChangingViews: React.FunctionComponent = () => {
-  // If user wants to control what gets rendered example.
-  const [selectedKey, setSelectedKey] = React.useState('Tabs #1');
-
-  const onTabsClick = (key: string) => {
-    setSelectedKey(key);
-  };
-
-  return (
-    <View style={stackStyle}>
-      <Tabs label="Tabs" onTabsClick={onTabsClick} headersOnly={true} selectedKey={selectedKey}>
-        <TabsItem headerText="Home" itemKey="Tabs #1" />
-        <TabsItem headerText="File" itemKey="Tabs #2" />
-        <TabsItem headerText="Settings" itemKey="Tabs #3" />
-      </Tabs>
-      <View style={{ marginVertical: 1 }}>
-        <Text>{selectedKey}</Text>
-      </View>
-    </View>
-  );
-};
-
-const TabsRenderSeparately: React.FunctionComponent = () => {
-  const [selectedKey, setSelectedKey] = React.useState('rectangleRed');
-
-  const onTabsClick = (key: string) => {
-    setSelectedKey(key);
-  };
-
-  const getTabId = (key: string) => {
-    return `ShapeColorTabs_${key}`;
-  };
-
-  return (
-    <View style={stackStyle}>
-      <View
-        accessible={true}
-        focusable={true}
-        accessibilityLabel={getTabId(selectedKey)}
-        style={{
-          width: 100,
-          height: selectedKey === 'squareRed' ? 100 : 200,
-          backgroundColor: selectedKey === 'rectangleGreen' ? 'green' : 'red',
-        }}
-      />
-      <Tabs label="Tabs" onTabsClick={onTabsClick} getTabId={getTabId} headersOnly={true} selectedKey={selectedKey}>
-        <TabsItem headerText="Rectangle Red" itemKey="rectangleRed" />
-        <TabsItem headerText="Square Red" itemKey="squareRed" />
-        <TabsItem headerText="Rectangle Green" itemKey="rectangleGreen" />
-      </Tabs>
-    </View>
-  );
-};
-
-const TabsSettingSelectedKey: React.FunctionComponent = () => {
-  // If user wants to programmatically set the tab's selectedKey with a button example.
-  const [selectedKey, setSelectedKey] = React.useState('home');
-  const [currTabItemIndex, setCurrTabItemIndex] = React.useState(0);
-  const tabItems = ['home', 'file', 'setting'];
-
-  const goToNextTab = () => {
-    const newCurrTabItemIndex = (currTabItemIndex + 1) % 3;
-    setCurrTabItemIndex(newCurrTabItemIndex);
-    setSelectedKey(tabItems[newCurrTabItemIndex]);
-  };
-
-  return (
-    <View style={stackStyle}>
-      <Tabs label="Tabs" selectedKey={selectedKey} isCircularNavigation={true}>
-        <TabsItem headerText="Home" itemKey="home">
-          <Text>Tabs #1</Text>
-        </TabsItem>
-        <TabsItem headerText="File" itemKey="file">
-          <Text>Tabs #2</Text>
-        </TabsItem>
-        <TabsItem headerText="Setting" itemKey="setting">
-          <Text>Tabs #3</Text>
-        </TabsItem>
-      </Tabs>
-      <Button content="View Next Tab" onClick={goToNextTab} />
-    </View>
-  );
-};
-
-const TabsShowHideItem: React.FunctionComponent = () => {
-  const [showFirstItem, setshowFirstItem] = React.useState(true);
-
-  const toggleShowFirstItem = React.useCallback(() => {
-    setshowFirstItem(!showFirstItem);
-  }, [showFirstItem]);
-
-  return (
-    <View style={stackStyle}>
-      <Tabs label="Tabs">
-        {showFirstItem && (
-          <TabsItem headerText="Home" itemKey="home">
-            <Text>Click the button below to show/hide this tabs item.</Text>
-            <Text>The selected item will not change when the number of tabs items changes.</Text>
-            <Text>If the selected item was removed, the new first item will be selected.</Text>
-          </TabsItem>
-        )}
-        <TabsItem headerText="File" itemKey="file">
-          <Text>Tabs #2</Text>
-        </TabsItem>
-        <TabsItem headerText="Setting" itemKey="setting">
-          <Text>Tabs #3</Text>
-        </TabsItem>
-      </Tabs>
-      <Button content={`${showFirstItem ? 'Hide' : 'Show'} First Tabs Item`} onClick={toggleShowFirstItem} />
-    </View>
-  );
-};
-
-const TabsWithFlexibility: React.FunctionComponent = () => {
-  const [selectedKey, setSelectedKey] = React.useState('home');
-
-  const goHomeTab = () => {
-    setSelectedKey('home');
-  };
-
-  const onTabsClick = (key: string) => {
-    setSelectedKey(key);
-  };
-
-  return (
-    <View style={stackStyle}>
-      <Tabs selectedKey={selectedKey} onTabsClick={onTabsClick} isCircularNavigation={true}>
-        <TabsItem headerText="Home" itemKey="home">
-          <Text>Tabs #1</Text>
-        </TabsItem>
-        <TabsItem headerText="File" itemKey="file">
-          <Text>Tabs #2</Text>
-        </TabsItem>
-        <TabsItem headerText="Setting" itemKey="setting">
-          <Text>Tabs #3</Text>
-        </TabsItem>
-      </Tabs>
-      <Button content="View Home Tab" onClick={goHomeTab} />
-    </View>
-  );
-};
-
-const tabsSections: TestSection[] = [
-  {
-    name: 'Default Tabs',
-    testID: TABS_TESTPAGE,
-    component: TabsMainTest,
-  },
-  {
-    name: 'Tabs with disabled',
-    component: DisabledTabs,
-  },
-  {
-    name: 'Trigger onTabsClick event',
-    component: TabsClickEventTest,
-  },
-  {
-    name: 'User Custom Render',
-    component: TabsChangingViews,
-  },
-  {
-    name: 'Render Content Separately',
-    component: TabsRenderSeparately,
-  },
-  {
-    name: 'Override Selected Key',
-    component: TabsSettingSelectedKey,
-  },
-  {
-    name: 'Show/Hide Tabs item',
-    component: TabsShowHideItem,
-  },
-  {
-    name: 'More Flexibility',
-    component: TabsWithFlexibility,
-  },
-];
-
-const e2eSections: TestSection[] = [
-  {
-    name: 'E2E Tabs Test',
-    component: TabsLegacyE2ETest,
-  },
-];
-
-if (Platform.OS !== 'windows') {
-  tabsSections.push({
-    name: 'Count and Icon',
-    component: TabsCountIcon,
-  });
-}
-
-export const TabsLegacyTest: React.FunctionComponent = () => {
-  const status: PlatformStatus = {
-    win32Status: 'Experimental',
-    uwpStatus: 'Experimental',
-    iosStatus: 'Backlog',
-    macosStatus: 'Experimental',
-    androidStatus: 'Backlog',
-  };
-
-  const description = 'With Tabs, users can navigate to another view.';
-
-  return <Test name="Tabs Legacy Test" description={description} sections={tabsSections} status={status} e2eSections={e2eSections} />;
-};

package/src/TestComponents/TabsLegacy/index.ts

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