@fluentui-react-native/tester-core 0.1.1

package/lib/TestComponents/Switch/CustomizedSwitch.js

@@ -0,0 +1,287 @@
+import { jsx as _jsx, jsxs as _jsxs } from 'react/jsx-runtime';
+import * as React from 'react';
+import { View, TextInput, StyleSheet } from 'react-native';
+import { Switch } from '@fluentui-react-native/switch';
+import { TextV1 as Text } from '@fluentui-react-native/text';
+import { commonTestStyles as commonStyles } from '../Common/styles';
+const styles = StyleSheet.create({
+  tokensRow: {
+    flexDirection: 'row',
+    marginBottom: 10,
+  },
+  tokensColumn: {
+    flexDirection: 'column',
+    margin: 10,
+  },
+});
+export const CustomizedSwitch = () => {
+  const [trackColor, setTrackColor] = React.useState('blue');
+  const [thumbColorOn, setThumbColorOn] = React.useState('white');
+  const [thumbColorOff, setThumbColorOff] = React.useState('grey');
+  const [thumbSize, setThumbSize] = React.useState(20);
+  const [trackWidth, setTrackWidth] = React.useState(100);
+  const [trackHeight, setTrackHeight] = React.useState(30);
+  const [focusStrokeColor, setFocusStrokeColor] = React.useState('black');
+  const [focusBorderRadius, setFocusBorderRadius] = React.useState(4);
+  const [focusBorderWidth, setFocusBorderWidth] = React.useState(1);
+  const [thumbRadius, setThumbRadius] = React.useState(20);
+  const [padding, setPadding] = React.useState(4);
+  const [color, setColor] = React.useState('black');
+  const [minWidth, setMinWidth] = React.useState(trackWidth);
+  const [minHeight, setMinHeight] = React.useState(trackHeight);
+  const [borderWidth, setBorderWidth] = React.useState(1);
+  const [borderRadius, setBorderRadius] = React.useState(20);
+  const [borderColor, setBorderColor] = React.useState(trackColor);
+  const CustomSwitch = React.useMemo(() => {
+    const tokens = {
+      trackWidth,
+      trackHeight,
+      minWidth,
+      minHeight,
+      thumbSize,
+      thumbRadius,
+      padding,
+      color,
+      borderWidth,
+      borderRadius,
+      toggleOn: {
+        thumbColor: thumbColorOn,
+        trackColor,
+        borderColor,
+        hovered: {
+          borderColor,
+          trackColor,
+          thumbColor: thumbColorOn,
+        },
+        pressed: {
+          borderColor: trackColor,
+          trackColor,
+          thumbColor: thumbColorOn,
+        },
+      },
+      toggleOff: {
+        thumbColor: thumbColorOff,
+        hovered: {
+          thumbColor: thumbColorOff,
+        },
+        pressed: {
+          thumbColor: thumbColorOff,
+        },
+      },
+      focused: {
+        focusBorderRadius,
+        focusStrokeColor,
+        focusBorderWidth,
+      },
+    };
+    return Switch.customize(tokens);
+  }, [
+    trackColor,
+    thumbColorOn,
+    thumbColorOff,
+    thumbSize,
+    thumbRadius,
+    trackWidth,
+    trackHeight,
+    focusStrokeColor,
+    focusBorderRadius,
+    focusBorderWidth,
+    padding,
+    color,
+    minWidth,
+    minHeight,
+    borderWidth,
+    borderRadius,
+    borderColor,
+  ]);
+  return _jsxs(View, {
+    style: styles.tokensColumn,
+    children: [
+      _jsxs(View, {
+        style: styles.tokensRow,
+        children: [
+          _jsxs(View, {
+            children: [
+              _jsx(Text, { children: 'Track Tokens' }),
+              _jsx(TextInput, {
+                accessibilityLabel: 'Track color',
+                style: commonStyles.textBox,
+                placeholder: 'Track color',
+                blurOnSubmit: true,
+                onSubmitEditing: (e) => {
+                  setTrackColor(e.nativeEvent.text);
+                },
+              }),
+              _jsx(TextInput, {
+                accessibilityLabel: 'Track border color',
+                style: commonStyles.textBox,
+                placeholder: 'Track border color',
+                blurOnSubmit: true,
+                onSubmitEditing: (e) => {
+                  setBorderColor(e.nativeEvent.text);
+                },
+              }),
+              _jsx(TextInput, {
+                accessibilityLabel: 'Track width',
+                style: commonStyles.textBox,
+                placeholder: 'Track width',
+                blurOnSubmit: true,
+                onSubmitEditing: (e) => {
+                  setTrackWidth(parseInt(e.nativeEvent.text.toString()));
+                },
+              }),
+              _jsx(TextInput, {
+                accessibilityLabel: 'Track height',
+                style: commonStyles.textBox,
+                placeholder: 'Track height',
+                blurOnSubmit: true,
+                onSubmitEditing: (e) => {
+                  setTrackHeight(parseInt(e.nativeEvent.text.toString()));
+                },
+              }),
+              _jsx(TextInput, {
+                accessibilityLabel: 'Track border width',
+                style: commonStyles.textBox,
+                placeholder: 'Track border width',
+                blurOnSubmit: true,
+                onSubmitEditing: (e) => {
+                  setBorderWidth(parseInt(e.nativeEvent.text.toString()));
+                },
+              }),
+              _jsx(TextInput, {
+                accessibilityLabel: 'Track border radius',
+                style: commonStyles.textBox,
+                placeholder: 'Track border radius',
+                blurOnSubmit: true,
+                onSubmitEditing: (e) => {
+                  setBorderRadius(parseInt(e.nativeEvent.text.toString()));
+                },
+              }),
+            ],
+          }),
+          _jsxs(View, {
+            children: [
+              _jsx(Text, { children: 'Thumb Tokens' }),
+              _jsx(TextInput, {
+                accessibilityLabel: 'Thumb on color',
+                style: commonStyles.textBox,
+                placeholder: 'Thumb on color',
+                blurOnSubmit: true,
+                onSubmitEditing: (e) => {
+                  setThumbColorOn(e.nativeEvent.text);
+                },
+              }),
+              _jsx(TextInput, {
+                accessibilityLabel: 'Thumb off color',
+                style: commonStyles.textBox,
+                placeholder: 'Thumb off color',
+                blurOnSubmit: true,
+                onSubmitEditing: (e) => {
+                  setThumbColorOff(e.nativeEvent.text);
+                },
+              }),
+              _jsx(TextInput, {
+                accessibilityLabel: 'Thumb size',
+                style: commonStyles.textBox,
+                placeholder: 'Thumb size',
+                blurOnSubmit: true,
+                onSubmitEditing: (e) => {
+                  setThumbSize(parseInt(e.nativeEvent.text));
+                },
+              }),
+              _jsx(TextInput, {
+                accessibilityLabel: 'Thumb radius',
+                style: commonStyles.textBox,
+                placeholder: 'Thumb radius',
+                blurOnSubmit: true,
+                onSubmitEditing: (e) => {
+                  setThumbRadius(parseInt(e.nativeEvent.text));
+                },
+              }),
+            ],
+          }),
+        ],
+      }),
+      _jsxs(View, {
+        style: styles.tokensRow,
+        children: [
+          _jsxs(View, {
+            children: [
+              _jsx(Text, { children: 'Focus Stroke Tokens' }),
+              _jsx(TextInput, {
+                accessibilityLabel: 'Focus stroke color',
+                style: commonStyles.textBox,
+                placeholder: 'Focus stroke color',
+                blurOnSubmit: true,
+                onSubmitEditing: (e) => {
+                  setFocusStrokeColor(e.nativeEvent.text);
+                },
+              }),
+              _jsx(TextInput, {
+                accessibilityLabel: 'Focus stroke border radius',
+                style: commonStyles.textBox,
+                placeholder: 'Focus stroke border radius',
+                blurOnSubmit: true,
+                onSubmitEditing: (e) => {
+                  setFocusBorderRadius(parseInt(e.nativeEvent.text));
+                },
+              }),
+              _jsx(TextInput, {
+                accessibilityLabel: 'Focus stroke border width',
+                style: commonStyles.textBox,
+                placeholder: 'Focus stroke border width',
+                blurOnSubmit: true,
+                onSubmitEditing: (e) => {
+                  setFocusBorderWidth(parseInt(e.nativeEvent.text));
+                },
+              }),
+            ],
+          }),
+          _jsxs(View, {
+            children: [
+              _jsx(Text, { children: 'Other Tokens' }),
+              _jsx(TextInput, {
+                accessibilityLabel: 'Minimum width',
+                style: commonStyles.textBox,
+                placeholder: 'Minimum width',
+                blurOnSubmit: true,
+                onSubmitEditing: (e) => {
+                  setMinWidth(parseInt(e.nativeEvent.text));
+                },
+              }),
+              _jsx(TextInput, {
+                accessibilityLabel: 'Minimum height',
+                style: commonStyles.textBox,
+                placeholder: 'Minimum height',
+                blurOnSubmit: true,
+                onSubmitEditing: (e) => {
+                  setMinHeight(parseInt(e.nativeEvent.text));
+                },
+              }),
+              _jsx(TextInput, {
+                accessibilityLabel: 'Padding',
+                style: commonStyles.textBox,
+                placeholder: 'Padding',
+                blurOnSubmit: true,
+                onSubmitEditing: (e) => {
+                  setPadding(parseInt(e.nativeEvent.text));
+                },
+              }),
+              _jsx(TextInput, {
+                accessibilityLabel: 'Text colors',
+                style: commonStyles.textBox,
+                placeholder: 'Text colors',
+                blurOnSubmit: true,
+                onSubmitEditing: (e) => {
+                  setColor(e.nativeEvent.text);
+                },
+              }),
+            ],
+          }),
+        ],
+      }),
+      _jsx(CustomSwitch, { label: 'Custom Switch', onText: 'On', offText: 'Off', accessibilityLabel: 'Custom Switch' }),
+    ],
+  });
+};
+//# sourceMappingURL=CustomizedSwitch.js.map

package/lib/TestComponents/Switch/CustomizedSwitch.js.map

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

package/lib/TestComponents/Switch/E2ESwitchTest.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+export declare const E2ESwitchTest: React.FunctionComponent;
+//# sourceMappingURL=E2ESwitchTest.d.ts.map

package/lib/TestComponents/Switch/E2ESwitchTest.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"E2ESwitchTest.d.ts","sourceRoot":"","sources":["../../../src/TestComponents/Switch/E2ESwitchTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAiB/B,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,iBAuCjC,CAAC"}

package/lib/TestComponents/Switch/E2ESwitchTest.js

@@ -0,0 +1,48 @@
+import { jsx as _jsx, jsxs as _jsxs } from 'react/jsx-runtime';
+import * as React from 'react';
+import { Platform } from 'react-native';
+import {
+  SWITCH_TEST_COMPONENT,
+  SWITCH_ACCESSIBILITY_LABEL,
+  SWITCH_NO_A11Y_LABEL_COMPONENT,
+  SWITCH_TEST_COMPONENT_LABEL,
+  SWITCH_ON_PRESS,
+} from '@fluentui-react-native/e2e-testing';
+import { Stack } from '@fluentui-react-native/stack';
+import { Switch } from '@fluentui-react-native/switch';
+import { TextV1 } from '@fluentui-react-native/text';
+import { stackStyle, commonTestStyles } from '../Common/styles';
+import { testProps } from '../Common/TestProps';
+export const E2ESwitchTest = () => {
+  const [switchPressed, setSwitchSwitchPressed] = React.useState(false);
+  const memoizedStyles = React.useMemo(
+    () => (Platform.OS === 'android' ? { ...commonTestStyles.androidContainer, height: 100, marginBottom: 50 } : stackStyle),
+    [],
+  );
+  const onToggle = React.useCallback(
+    (_e, checked) => {
+      setSwitchSwitchPressed(checked);
+    },
+    [setSwitchSwitchPressed],
+  );
+  return _jsxs(Stack, {
+    style: memoizedStyles,
+    children: [
+      _jsx(Switch, {
+        label: 'Switch Test',
+        onChange: onToggle,
+        accessibilityLabel: SWITCH_ACCESSIBILITY_LABEL,
+        ...testProps(SWITCH_TEST_COMPONENT),
+      }),
+      switchPressed
+        ? _jsx(
+            TextV1,
+            /* For Android E2E testing purposes, testProps must be passed in after accessibilityLabel. */
+            { ...testProps(SWITCH_ON_PRESS), children: 'Switch Toggled On' },
+          )
+        : null,
+      _jsx(Switch, { label: SWITCH_TEST_COMPONENT_LABEL, ...testProps(SWITCH_NO_A11Y_LABEL_COMPONENT) }),
+    ],
+  });
+};
+//# sourceMappingURL=E2ESwitchTest.js.map

package/lib/TestComponents/Switch/E2ESwitchTest.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"E2ESwitchTest.js","sourceRoot":"","sources":["../../../src/TestComponents/Switch/E2ESwitchTest.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EACL,qBAAqB,EACrB,0BAA0B,EAC1B,8BAA8B,EAC9B,2BAA2B,EAC3B,eAAe,GAChB,MAAM,oCAAoC,CAAC;AAC5C,OAAO,EAAE,KAAK,EAAE,MAAM,8BAA8B,CAAC;AACrD,OAAO,EAAE,MAAM,EAAE,MAAM,+BAA+B,CAAC;AACvD,OAAO,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAC;AAErD,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAChE,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAEhD,MAAM,CAAC,MAAM,aAAa,GAA4B,GAAG,EAAE,CAAC;IAC1D,MAAM,CAAC,aAAa,EAAE,sBAAsB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEtE,MAAM,cAAc,GAAG,KAAK,CAAC,OAAO,CAClC,GAAG,EAAE,CAAC,CAAC,QAAQ,CAAC,EAAE,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,GAAG,gBAAgB,CAAC,gBAAgB,EAAE,MAAM,EAAE,GAAG,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,UAAU,CAAC,EACxH,EAAE,CACH,CAAC;IAEF,MAAM,QAAQ,GAAG,KAAK,CAAC,WAAW,CAChC,CAAC,EAAE,EAAE,OAAO,EAAE,EAAE,CAAC;QACf,sBAAsB,CAAC,OAAO,CAAC,CAAC;IAAA,CACjC,EACD,CAAC,sBAAsB,CAAC,CACzB,CAAC;IAEF,OAAO,CACL,MAAC,KAAK,IAAC,KAAK,EAAE,cAAc;YAC1B,KAAC,MAAM,IACL,KAAK,EAAE,aAAa,EACpB,QAAQ,EAAE,QAAQ,EAClB,kBAAkB,EAAE,0BAA0B,KAE1C,SAAS,CAAC,qBAAqB,CAAC,GACpC,EACD,aAAa,CAAC,CAAC,CAAC,CACf,KAAC,MAAM;YACL,6FAA6F;mBACzF,SAAS,CAAC,eAAe,CAAC,kCAGvB,CACV,CAAC,CAAC,CAAC,IAAI,EACR,KAAC,MAAM,IACL,KAAK,EAAE,2BAA2B,KAE9B,SAAS,CAAC,8BAA8B,CAAC,GAC7C;YACI,CACT,CAAC;AAAA,CACH,CAAC"}

package/lib/TestComponents/Switch/SwitchTest.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+export declare const SwitchTest: React.FunctionComponent;
+//# sourceMappingURL=SwitchTest.d.ts.map

package/lib/TestComponents/Switch/SwitchTest.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SwitchTest.d.ts","sourceRoot":"","sources":["../../../src/TestComponents/Switch/SwitchTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAmJ/B,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,iBAgB9B,CAAC"}

package/lib/TestComponents/Switch/SwitchTest.js

@@ -0,0 +1,153 @@
+import { jsx as _jsx, jsxs as _jsxs } from 'react/jsx-runtime';
+import * as React from 'react';
+import { View, StyleSheet } from 'react-native';
+import { Platform } from 'react-native';
+import { ButtonV1 as Button } from '@fluentui-react-native/button';
+import { SWITCH_TESTPAGE } from '@fluentui-react-native/e2e-testing';
+import { Switch } from '@fluentui-react-native/switch';
+import { CustomizedSwitch } from './CustomizedSwitch';
+import { E2ESwitchTest } from './E2ESwitchTest';
+import { commonTestStyles } from '../Common/styles';
+import { Test } from '../Test';
+const styles = StyleSheet.create({
+  square: {
+    backgroundColor: 'red',
+    width: 100,
+    height: 100,
+  },
+});
+const StandardUsage = () => {
+  const memoizedStyles = React.useMemo(
+    () => (Platform.OS === 'android' ? { ...commonTestStyles.androidContainer, height: 180 } : commonTestStyles.settingsPicker),
+    [],
+  );
+  return _jsxs(View, {
+    style: memoizedStyles,
+    children: [
+      _jsx(Switch, { defaultChecked: true, label: 'Default Checked True' }),
+      _jsx(Switch, { defaultChecked: false, label: 'Default Checked False' }),
+      _jsx(Switch, { defaultChecked: true, label: 'Disabled Default Checked True', disabled: true }),
+      _jsx(Switch, { defaultChecked: false, label: 'Disabled Default Checked False', disabled: true }),
+    ],
+  });
+};
+const OnChangeUsage = () => {
+  const [displaySquare, setDisplaySquare] = React.useState(true);
+  const defaultToggleSquare = (_e, checked) => {
+    setDisplaySquare(checked);
+  };
+  const memoizedStyles = React.useMemo(
+    () => (Platform.OS === 'android' ? { ...commonTestStyles.androidContainer, height: 150 } : commonTestStyles.settingsPicker),
+    [],
+  );
+  return _jsxs(View, {
+    style: memoizedStyles,
+    children: [
+      _jsx(Switch, { label: 'Toggle Square', defaultChecked: true, onChange: defaultToggleSquare }),
+      displaySquare && _jsx(View, { style: styles.square }),
+    ],
+  });
+};
+const ControlSwitchValues = () => {
+  const [toggleSwitch, setToggleSwitch] = React.useState(true);
+  const toggleSwitchTrue = () => {
+    setToggleSwitch(true);
+  };
+  const toggleSwitchFalse = () => {
+    setToggleSwitch(false);
+  };
+  const memoizedStyles = React.useMemo(
+    () => (Platform.OS === 'android' ? { ...commonTestStyles.androidContainer, height: 150 } : commonTestStyles.settingsPicker),
+    [],
+  );
+  return _jsxs(View, {
+    style: memoizedStyles,
+    children: [
+      _jsx(Button, { onClick: toggleSwitchTrue, children: 'Toggle Switch True' }),
+      _jsx(Button, { onClick: toggleSwitchFalse, children: 'Toggle Switch False' }),
+      _jsx(Switch, { label: 'Switch Value Being Controlled', checked: toggleSwitch }),
+    ],
+  });
+};
+const LabelPosition = () => {
+  return _jsxs(View, {
+    style: commonTestStyles.settingsPicker,
+    children: [
+      _jsx(Switch, { defaultChecked: true, labelPosition: 'before', label: 'before' }),
+      _jsx(Switch, { defaultChecked: true, labelPosition: 'after', label: 'after' }),
+      Platform.OS !== 'android' && _jsx(Switch, { defaultChecked: true, labelPosition: 'above', label: 'above' }),
+    ],
+  });
+};
+const OnOffText = () => {
+  return _jsxs(View, {
+    style: commonTestStyles.settingsPicker,
+    children: [
+      _jsx(Switch, { defaultChecked: true, labelPosition: 'before', label: 'Autosave', onText: 'On', offText: 'Off' }),
+      _jsx(Switch, { defaultChecked: true, labelPosition: 'above', label: 'Autosave', onText: 'On', offText: 'Off' }),
+      _jsx(Switch, { defaultChecked: true, labelPosition: 'after', label: 'Autosave', onText: 'On', offText: 'Off' }),
+    ],
+  });
+};
+const toggleSections = [
+  {
+    name: 'Standard Usage',
+    testID: SWITCH_TESTPAGE,
+    component: () => _jsx(StandardUsage, {}),
+  },
+  {
+    name: 'onChange Usage',
+    component: () => _jsx(OnChangeUsage, {}),
+  },
+  {
+    name: 'Control Switch Values',
+    component: () => _jsx(ControlSwitchValues, {}),
+  },
+  Platform.select({
+    android: null,
+    default: {
+      name: 'Label Position',
+      component: () => _jsx(LabelPosition, {}),
+    },
+  }),
+  Platform.select({
+    android: null,
+    default: {
+      name: 'On/Off Text',
+      component: () => _jsx(OnOffText, {}),
+    },
+  }),
+  Platform.select({
+    android: null,
+    default: {
+      name: 'Customized Tokens',
+      component: () => _jsx(CustomizedSwitch, {}),
+    },
+  }),
+];
+const e2eSections = [
+  {
+    name: 'Switch E2E Testing',
+    component: E2ESwitchTest,
+  },
+];
+export const SwitchTest = () => {
+  const status = {
+    win32Status: 'Production',
+    uwpStatus: 'Backlog',
+    iosStatus: 'Production',
+    macosStatus: 'Production',
+    androidStatus: 'Production',
+  };
+  const description = 'Switch is a control that has two mutually exclusive states.';
+  const spec = 'https://github.com/microsoft/fluentui-react-native/blob/main/packages/components/Switch/SPEC.md';
+  return _jsx(Test, {
+    name: 'Switch Test',
+    description: description,
+    spec: spec,
+    sections: toggleSections,
+    status: status,
+    e2eSections: e2eSections,
+  });
+};
+//# sourceMappingURL=SwitchTest.js.map

package/lib/TestComponents/Switch/SwitchTest.js.map

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

package/lib/TestComponents/Switch/index.d.ts

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

package/lib/TestComponents/Switch/index.d.ts.map

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

package/lib/TestComponents/Switch/index.js

@@ -0,0 +1,2 @@
+export * from './SwitchTest';
+//# sourceMappingURL=index.js.map

package/lib/TestComponents/Switch/index.js.map

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

package/lib/TestComponents/TabList/TabListE2ETest.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+export declare const TabListE2ETest: React.FunctionComponent;
+//# sourceMappingURL=TabListE2ETest.d.ts.map

package/lib/TestComponents/TabList/TabListE2ETest.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabListE2ETest.d.ts","sourceRoot":"","sources":["../../../src/TestComponents/TabList/TabListE2ETest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA0B/B,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,iBAsClC,CAAC"}

package/lib/TestComponents/TabList/TabListE2ETest.js

@@ -0,0 +1,61 @@
+import { jsx as _jsx, jsxs as _jsxs } from 'react/jsx-runtime';
+import * as React from 'react';
+import { View } from 'react-native';
+import {
+  TABLIST_TEST_COMPONENT,
+  TABLIST_ACCESSIBILITY_LABEL,
+  FIRST_TAB,
+  FIRST_TAB_ACCESSIBILITY_LABEL,
+  SECOND_TAB,
+  THIRD_TAB,
+  FOURTH_TAB,
+  FIFTH_TAB,
+  FIRST_TAB_KEY,
+  TABLIST_CALLBACK_TEXT,
+  FOURTH_TAB_KEY,
+  SECOND_TAB_KEY,
+  THIRD_TAB_KEY,
+  SECOND_TAB_LABEL,
+} from '@fluentui-react-native/e2e-testing';
+import { Stack } from '@fluentui-react-native/stack';
+import { TabList, Tab } from '@fluentui-react-native/tablist';
+import { TextV1 as Text } from '@fluentui-react-native/text';
+import { stackStyle } from '../Common/styles';
+import { testProps } from '../Common/TestProps';
+export const TabListE2ETest = () => {
+  const [key, setKey] = React.useState(FIRST_TAB_KEY);
+  return _jsx(View, {
+    children: _jsxs(Stack, {
+      style: stackStyle,
+      children: [
+        _jsxs(TabList, {
+          accessibilityLabel: TABLIST_ACCESSIBILITY_LABEL,
+          onTabSelect: setKey,
+          selectedKey: key,
+          ...testProps(TABLIST_TEST_COMPONENT),
+          children: [
+            _jsx(Tab, {
+              tabKey: FIRST_TAB_KEY,
+              accessibilityLabel: FIRST_TAB_ACCESSIBILITY_LABEL,
+              ...testProps(FIRST_TAB),
+              children: 'Option A',
+            }),
+            _jsx(Tab, { tabKey: SECOND_TAB_KEY, ...testProps(SECOND_TAB), children: SECOND_TAB_LABEL }),
+            _jsx(Tab, { disabled: true, tabKey: THIRD_TAB_KEY, ...testProps(THIRD_TAB), children: 'Option C' }),
+            _jsx(Tab, { tabKey: FOURTH_TAB_KEY, ...testProps(FOURTH_TAB), children: 'Option D' }),
+          ],
+        }),
+        _jsxs(TabList, {
+          children: [
+            _jsx(Tab, { tabKey: '1', ...testProps(FIFTH_TAB), children: 'Option 1' }),
+            _jsx(Tab, { tabKey: '2', children: 'Option 2' }),
+            _jsx(Tab, { disabled: true, tabKey: '3', children: 'Option 3' }),
+            _jsx(Tab, { tabKey: '4', children: 'Option 4' }),
+          ],
+        }),
+        _jsx(Text, { ...testProps(TABLIST_CALLBACK_TEXT), children: key }),
+      ],
+    }),
+  });
+};
+//# sourceMappingURL=TabListE2ETest.js.map

package/lib/TestComponents/TabList/TabListE2ETest.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabListE2ETest.js","sourceRoot":"","sources":["../../../src/TestComponents/TabList/TabListE2ETest.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,OAAO,EACL,sBAAsB,EACtB,2BAA2B,EAC3B,SAAS,EACT,6BAA6B,EAC7B,UAAU,EACV,SAAS,EACT,UAAU,EACV,SAAS,EACT,aAAa,EACb,qBAAqB,EACrB,cAAc,EACd,cAAc,EACd,aAAa,EACb,gBAAgB,GACjB,MAAM,oCAAoC,CAAC;AAC5C,OAAO,EAAE,KAAK,EAAE,MAAM,8BAA8B,CAAC;AACrD,OAAO,EAAE,OAAO,EAAE,GAAG,EAAE,MAAM,gCAAgC,CAAC;AAC9D,OAAO,EAAE,MAAM,IAAI,IAAI,EAAE,MAAM,6BAA6B,CAAC;AAE7D,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAEhD,MAAM,CAAC,MAAM,cAAc,GAA4B,GAAG,EAAE,CAAC;IAC3D,MAAM,CAAC,GAAG,EAAE,MAAM,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC;IACpD,OAAO,CACL,KAAC,IAAI,cACH,MAAC,KAAK,IAAC,KAAK,EAAE,UAAU;gBACtB,MAAC,OAAO,IACN,kBAAkB,EAAE,2BAA2B,EAC/C,WAAW,EAAE,MAAM,EACnB,WAAW,EAAE,GAAG,KACZ,SAAS,CAAC,sBAAsB,CAAC;wBAErC,KAAC,GAAG,IAAC,MAAM,EAAE,aAAa,EAAE,kBAAkB,EAAE,6BAA6B,KAAM,SAAS,CAAC,SAAS,CAAC,yBAEjG,EACN,KAAC,GAAG,IAAC,MAAM,EAAE,cAAc,KAAM,SAAS,CAAC,UAAU,CAAC,YACnD,gBAAgB,GACb,EACN,KAAC,GAAG,IAAC,QAAQ,QAAC,MAAM,EAAE,aAAa,KAAM,SAAS,CAAC,SAAS,CAAC,yBAEvD,EACN,KAAC,GAAG,IAAC,MAAM,EAAE,cAAc,KAAM,SAAS,CAAC,UAAU,CAAC,yBAEhD;wBACE,EACV,MAAC,OAAO;wBACN,KAAC,GAAG,IAAC,MAAM,EAAC,GAAG,KAAK,SAAS,CAAC,SAAS,CAAC,yBAElC,EACN,KAAC,GAAG,IAAC,MAAM,EAAC,GAAG,yBAAe,EAC9B,KAAC,GAAG,IAAC,QAAQ,QAAC,MAAM,EAAC,GAAG,yBAElB,EACN,KAAC,GAAG,IAAC,MAAM,EAAC,GAAG,yBAAe;wBACtB,EACV,KAAC,IAAI,OAAK,SAAS,CAAC,qBAAqB,CAAC,YAAG,GAAG,GAAQ;gBAClD,GACH,CACR,CAAC;AAAA,CACH,CAAC"}

package/lib/TestComponents/TabList/TabListTest.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const TabListTest: React.FunctionComponent;
+//# sourceMappingURL=TabListTest.d.ts.map

package/lib/TestComponents/TabList/TabListTest.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabListTest.d.ts","sourceRoot":"","sources":["../../../src/TestComponents/TabList/TabListTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AA0N1B,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,iBAY/B,CAAC"}