@fluentui-react-native/tester 0.138.0 → 0.140.0

package/src/TestComponents/Input/InputTest.tsx

@@ -0,0 +1,28 @@
+import * as React from 'react';
+
+import { InputDefault } from './InputDefault';
+import { INPUT_TESTPAGE } from '../../../../E2E/src/Input/consts';
+import type { TestSection, PlatformStatus } from '../Test';
+import { Test } from '../Test';
+
+const inputSections: TestSection[] = [
+  {
+    name: 'Input Page',
+    testID: INPUT_TESTPAGE,
+    component: InputDefault,
+  },
+];
+
+export const InputTest: React.FunctionComponent = () => {
+  const status: PlatformStatus = {
+    win32Status: 'Backlog',
+    uwpStatus: 'Backlog',
+    iosStatus: 'Backlog',
+    macosStatus: 'Backlog',
+    androidStatus: 'Experimental',
+  };
+
+  const description = 'Input allows the user to enter and edit text.';
+
+  return <Test name="Input Test" description={description} sections={inputSections} status={status}></Test>;
+};

package/src/TestComponents/Input/index.ts

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

package/src/TestComponents/Spinner/SpinnerTest.win32.tsx

@@ -0,0 +1,92 @@
+import * as React from 'react';
+import { View /*Switch */ } from 'react-native';
+
+//import type { SpinnerStatus } from '@fluentui-react-native/spinner';
+import { Spinner } from '@fluentui-react-native/spinner';
+import { Stack } from '@fluentui-react-native/stack';
+import { TextV1 as Text } from '@fluentui-react-native/text';
+
+import { E2ETestingSpinner } from './SpinnerE2ETest';
+import { SPINNER_TESTPAGE } from '../../../../E2E/src/Spinner/consts';
+import { stackStyle, commonTestStyles as commonStyles } from '../Common/styles';
+import type { TestSection, PlatformStatus } from '../Test';
+import { Test } from '../Test';
+
+const BasicSpinnerTest: React.FunctionComponent = () => {
+  return (
+    <Stack style={stackStyle}>
+      <View style={commonStyles.root}>
+        <View style={commonStyles.settings}></View>
+        <Spinner />
+      </View>
+    </Stack>
+  );
+};
+
+const SpinnerSizeTest: React.FunctionComponent = () => {
+  return (
+    <Stack style={stackStyle}>
+      <View>
+        <View>
+          <Text>tiny</Text>
+          <Spinner size="tiny" />
+        </View>
+        <View>
+          <Text>x-small</Text>
+          <Spinner size="x-small" />
+        </View>
+        <View>
+          <Text>small</Text>
+          <Spinner size="small" />
+        </View>
+        <View>
+          <Text>medium</Text>
+          <Spinner size="medium" />
+        </View>
+        <View>
+          <Text>large</Text>
+          <Spinner size="large" />
+        </View>
+        <View>
+          <Text>x-large</Text>
+          <Spinner size="x-large" />
+        </View>
+        <View>
+          <Text>huge</Text>
+          <Spinner size="huge" />
+        </View>
+      </View>
+    </Stack>
+  );
+};
+
+const spinnerSections: TestSection[] = [
+  {
+    name: 'Basic Spinner Test',
+    testID: SPINNER_TESTPAGE,
+    component: BasicSpinnerTest,
+  },
+  {
+    name: 'Spinner Size Test',
+    component: SpinnerSizeTest,
+  },
+  {
+    name: 'Spinner for E2E Testing',
+    component: () => <E2ETestingSpinner />,
+  },
+];
+
+export const SpinnerTest: React.FunctionComponent = () => {
+  const status: PlatformStatus = {
+    win32Status: 'Experimental',
+    uwpStatus: 'Backlog',
+    iosStatus: 'Beta',
+    macosStatus: 'Backlog',
+    androidStatus: 'Backlog',
+  };
+
+  const description =
+    'Spinner is a visual representation that data is being loaded. It is implemented with a View wrapping an Animated SVG. The View is to ensure that AccessibilityRole works. AccessibilityRole currently does not work on SVGs.';
+
+  return <Test name="Spinner Test" description={description} sections={spinnerSections} status={status}></Test>;
+};

package/src/testPages.ts

@@ -16,6 +16,7 @@ import { DropdownTest, HOMEPAGE_DROPDOWN_BUTTON } from './TestComponents/Dropdow
 import { FocusTrapTest } from './TestComponents/FocusTrapZone';
 import { FocusZoneTest } from './TestComponents/FocusZone';
 import { IconTest } from './TestComponents/Icon';
+import { InputTest } from './TestComponents/Input';
 import { LinkLegacyTest } from './TestComponents/LinkLegacy';
 import { LinkV1Test } from './TestComponents/LinkV1';
 import { MenuTest } from './TestComponents/Menu';
@@ -159,6 +160,12 @@ export const tests: TestDescription[] = [
     testPageButton: Constants.HOMEPAGE_ICON_BUTTON,
     platforms: ['android', 'ios', 'macos', 'win32'],
   },
+  {
+    name: 'Input',
+    component: InputTest,
+    testPageButton: Constants.HOMEPAGE_INPUT_BUTTON,
+    platforms: ['android'],
+  },
   {
     name: 'Link Legacy',
     component: LinkLegacyTest,
@@ -253,7 +260,7 @@ export const tests: TestDescription[] = [
     name: 'Spinner V1',
     component: SpinnerTest,
     testPageButton: Constants.HOMEPAGE_SPINNER_BUTTON,
-    platforms: ['android'],
+    platforms: ['android', 'win32'],
   },
   {
     name: 'Stroke Width Tokens',