@fluentui-react-native/tester 0.135.1 → 0.135.3

package/lib/fluent-tester/src/TestComponents/Svg/SvgTest.d.ts

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

package/lib/fluent-tester/src/TestComponents/Svg/SvgTest.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SvgTest.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/Svg/SvgTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAkM/B,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,iBAY3B,CAAC"}

package/lib/fluent-tester/src/TestComponents/Svg/SvgTest.js

@@ -0,0 +1,134 @@
+import * as React from 'react';
+import { StyleSheet, Switch, Text, View } from 'react-native';
+import { Separator } from '@fluentui/react-native';
+import { Circle, Defs, G, Line, Path, Polygon, LinearGradient, RadialGradient, Rect, Stop, Svg, SvgUri, Use } from 'react-native-svg';
+import TestSvg from './Assets/accessible-icon-brands.svg';
+import { SVG_TESTPAGE } from '../../../../E2E/src/Svg/consts';
+import { Test } from '../Test';
+var styles = StyleSheet.create({
+    svg: {
+        backgroundColor: 'green',
+        color: 'purple',
+    },
+});
+var RectTest = function () {
+    var _a = React.useState(false), useColorA = _a[0], setUseColorA = _a[1];
+    var colorA = 'red';
+    var colorB = 'green';
+    return (React.createElement(React.Fragment, null,
+        React.createElement(View, { style: { flexDirection: 'row', alignItems: 'center' } },
+            React.createElement(Switch, { value: useColorA, onValueChange: function (value) {
+                    setUseColorA(value);
+                } }),
+            React.createElement(Text, null, "Change Color")),
+        React.createElement(Separator, null),
+        React.createElement(Svg, { width: "50", height: "50" },
+            React.createElement(Rect, { x: "10", y: "10", width: "20", height: "20", fill: useColorA ? colorA : colorB, stroke: "black" }))));
+};
+var CircleTest = function () {
+    return (React.createElement(Svg, { width: "50", height: "50" },
+        React.createElement(Circle, { cx: "25", cy: "25", r: "20", fill: "red", stroke: "black" })));
+};
+var LineTest = function () {
+    return (React.createElement(Svg, { width: "50", height: "50" },
+        React.createElement(Line, { x1: "10", y1: "10", x2: "20", y2: "20", fill: "red", stroke: "black" })));
+};
+var PathTest = function () {
+    return (React.createElement(Svg, { width: "100", height: "100" },
+        React.createElement(Path, { d: "M 0 0 A 10 10 0 0,1 0 100", fill: "magenta", stroke: "purple", id: "path" })));
+};
+var PolygonTest = function () {
+    return (React.createElement(Svg, { height: "100", width: "100" },
+        React.createElement(Polygon, { points: "40,5 70,80 25,95", fill: "lime", stroke: "purple", strokeWidth: "1" })));
+};
+var LinearGradientTest = function () {
+    return (React.createElement(Svg, { height: "100", width: "100", style: { backgroundColor: 'black' }, viewBox: "0 0 10 10", color: "yellow" },
+        React.createElement(Defs, null,
+            React.createElement(LinearGradient, { id: "grad", x1: "0", y1: "0", x2: "1", y2: "0" },
+                React.createElement(Stop, { offset: "0", stopColor: "green", stopOpacity: "1" }),
+                React.createElement(Stop, { offset: "1", stopColor: "black", stopOpacity: "1" }))),
+        React.createElement(Line, { x1: "0", y1: "0", x2: "10", y2: "10", fill: "red", stroke: "url(#grad)", strokeWidth: "5" })));
+};
+var RadialGradientTest = function () {
+    return (React.createElement(Svg, { height: "100", width: "100", style: { backgroundColor: 'black' }, viewBox: "0 0 10 10", color: "yellow" },
+        React.createElement(Defs, null,
+            React.createElement(RadialGradient, { id: "grad2" },
+                React.createElement(Stop, { offset: "0", stopColor: "blue" }),
+                React.createElement(Stop, { offset: "1", stopColor: "red" }))),
+        React.createElement(Line, { x1: "0", y1: "0", x2: "9", y2: "9", stroke: "url(#grad2)", strokeWidth: "5" })));
+};
+var RectCircleTest = function () {
+    return (React.createElement(Svg, { height: "200", width: "200" },
+        React.createElement(Defs, null,
+            React.createElement(G, { id: "shape" },
+                React.createElement(G, null,
+                    React.createElement(Rect, { x: "120", y: "120", width: "20", height: "50", fill: "red" }),
+                    React.createElement(Circle, { cx: "100", cy: "100", r: "20", fill: "blue", stroke: "black" })))),
+        React.createElement(Use, { href: "#shape", x: "20", y: "0" }),
+        React.createElement(Use, { href: "#shape", x: "170", y: "0" })));
+};
+var BundledSvgTest = function () {
+    return React.createElement(TestSvg, { width: 200, height: 200, color: "red" });
+};
+var RemoteSvgTest = function () {
+    // GH#1596: Temporarily stop testing this case until it can be either more robust or removed
+    var shouldShowLocalNetwork = false;
+    return (React.createElement(View, null,
+        React.createElement(SvgUri, { style: styles.svg, viewBox: "0 0 200 200", width: "100", height: "100", uri: "https://upload.wikimedia.org/wikipedia/commons/8/84/Example.svg" }),
+        shouldShowLocalNetwork && (React.createElement(SvgUri, { x: "50", y: "50", viewBox: "0 0 500 500", style: styles.svg, width: "100", height: "100", uri: "http://10.122.222.112:8080/accessible-icon-brands.svg" }))));
+};
+var svgSections = [
+    {
+        name: 'Rect',
+        testID: SVG_TESTPAGE,
+        component: RectTest,
+    },
+    {
+        name: 'Circle',
+        component: CircleTest,
+    },
+    {
+        name: 'Line',
+        component: LineTest,
+    },
+    {
+        name: 'Path',
+        component: PathTest,
+    },
+    {
+        name: 'Polygon',
+        component: PolygonTest,
+    },
+    {
+        name: 'Linear Gradient',
+        component: LinearGradientTest,
+    },
+    {
+        name: 'Radial Gradient',
+        component: RadialGradientTest,
+    },
+    {
+        name: 'Rect and Circle via Defs and Use',
+        component: RectCircleTest,
+    },
+    {
+        name: 'Bundled Svg',
+        component: BundledSvgTest,
+    },
+    {
+        name: 'Remotely Retrieved Svgs',
+        component: RemoteSvgTest,
+    },
+];
+export var SvgTest = function () {
+    var status = {
+        win32Status: 'Production',
+        uwpStatus: 'Production',
+        iosStatus: 'Production',
+        macosStatus: 'Production',
+        androidStatus: 'Production',
+    };
+    var description = 'No description.';
+    return React.createElement(Test, { name: "Svg Test", description: description, sections: svgSections, status: status });
+};
+//# sourceMappingURL=SvgTest.js.map

package/lib/fluent-tester/src/TestComponents/Svg/SvgTest.js.map

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

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

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

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

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

package/lib/fluent-tester/src/TestComponents/Svg/index.js

@@ -0,0 +1,3 @@
+export * from './SvgTest';
+export * from './RNSVGIcons';
+//# sourceMappingURL=index.js.map

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

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

package/lib/fluent-tester/src/TestComponents/Switch/CustomizedSwitch.d.ts

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

package/lib/fluent-tester/src/TestComponents/Switch/CustomizedSwitch.d.ts.map

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

package/lib/fluent-tester/src/TestComponents/Switch/CustomizedSwitch.js

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

package/lib/fluent-tester/src/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/fluent-tester/src/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/fluent-tester/src/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/fluent-tester/src/TestComponents/Switch/E2ESwitchTest.js

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

package/lib/fluent-tester/src/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,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,EACL,qBAAqB,EACrB,0BAA0B,EAC1B,8BAA8B,EAC9B,2BAA2B,EAC3B,eAAe,GAChB,MAAM,mCAAmC,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAChE,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAEhD,MAAM,CAAC,IAAM,aAAa,GAA4B;IAC9C,IAAA,KAA0C,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,EAA9D,aAAa,QAAA,EAAE,sBAAsB,QAAyB,CAAC;IAEtE,IAAM,cAAc,GAAG,KAAK,CAAC,OAAO,CAClC,cAAM,OAAA,CAAC,QAAQ,CAAC,EAAE,KAAK,SAAS,CAAC,CAAC,uBAAM,gBAAgB,CAAC,gBAAgB,KAAE,MAAM,EAAE,GAAG,EAAE,YAAY,EAAE,EAAE,IAAG,CAAC,CAAC,UAAU,CAAC,EAAlH,CAAkH,EACxH,EAAE,CACH,CAAC;IAEF,IAAM,QAAQ,GAAG,KAAK,CAAC,WAAW,CAChC,UAAC,EAAE,EAAE,OAAO;QACV,sBAAsB,CAAC,OAAO,CAAC,CAAC;IAClC,CAAC,EACD,CAAC,sBAAsB,CAAC,CACzB,CAAC;IAEF,OAAO,CACL,oBAAC,KAAK,IAAC,KAAK,EAAE,cAAc;QAC1B,oBAAC,MAAM,aACL,KAAK,EAAE,aAAa,EACpB,QAAQ,EAAE,QAAQ,EAClB,kBAAkB,EAAE,0BAA0B,IAE1C,SAAS,CAAC,qBAAqB,CAAC,EACpC;QACD,aAAa,CAAC,CAAC,CAAC,CACf,oBAAC,MAAM;QACL,6FAA6F;uBACzF,SAAS,CAAC,eAAe,CAAC,uBAGvB,CACV,CAAC,CAAC,CAAC,IAAI;QACR,oBAAC,MAAM,aACL,KAAK,EAAE,2BAA2B,IAE9B,SAAS,CAAC,8BAA8B,CAAC,EAC7C,CACI,CACT,CAAC;AACJ,CAAC,CAAC"}

package/lib/fluent-tester/src/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/fluent-tester/src/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;AAkJ/B,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,iBAgB9B,CAAC"}

package/lib/fluent-tester/src/TestComponents/Switch/SwitchTest.js

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

package/lib/fluent-tester/src/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/fluent-tester/src/TestComponents/Switch/index.d.ts

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

package/lib/fluent-tester/src/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/fluent-tester/src/TestComponents/Switch/index.js

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

package/lib/fluent-tester/src/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/fluent-tester/src/TestComponents/TabsLegacy/TabsLegacyE2ETest.d.ts

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

package/lib/fluent-tester/src/TestComponents/TabsLegacy/TabsLegacyE2ETest.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabsLegacyE2ETest.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/TabsLegacy/TabsLegacyE2ETest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAsB/B,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,iBAuErC,CAAC"}

package/lib/fluent-tester/src/TestComponents/TabsLegacy/TabsLegacyE2ETest.js

@@ -0,0 +1,33 @@
+import { __assign } from "tslib";
+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 var TabsLegacyE2ETest = function () {
+    return (React.createElement(View, null,
+        React.createElement(View, { style: stackStyle },
+            React.createElement(Tabs, __assign({ label: "Tabs", accessibilityLabel: TABS_ACCESSIBILITY_LABEL }, testProps(TABS_TEST_COMPONENT)),
+                React.createElement(TabsItem, __assign({ headerText: "Home", itemKey: "A", accessibilityLabel: FIRST_TABS_ITEM_ACCESSIBILITY_LABEL }, testProps(FIRST_TABS_ITEM)),
+                    React.createElement(Text
+                    /* For Android E2E testing purposes, testProps must be passed in after accessibilityLabel. */
+                    , __assign({}, testProps(FIRST_TABS_ITEM_CONTENT)), "Tabs #1")),
+                React.createElement(TabsItem, __assign({ headerText: "Files", itemKey: "B" }, testProps(SECOND_TABS_ITEM)),
+                    React.createElement(Text
+                    /* For Android E2E testing purposes, testProps must be passed in after accessibilityLabel. */
+                    , __assign({}, testProps(SECOND_TABS_ITEM_CONTENT)), "Tabs #2")),
+                React.createElement(TabsItem, __assign({ headerText: THIRD_TABS_ITEM_LABEL, itemKey: "C" }, testProps(THIRD_TABS_ITEM)),
+                    React.createElement(Text
+                    /* For Android E2E testing purposes, testProps must be passed in after accessibilityLabel. */
+                    , __assign({}, testProps(THIRD_TABS_ITEM_CONTENT)), "Tabs #3")))),
+        React.createElement(View, { style: stackStyle },
+            React.createElement(Tabs, __assign({ label: TABS_TEST_COMPONENT_LABEL }, testProps(TABS_NO_A11Y_LABEL_COMPONENT)),
+                React.createElement(TabsItem, { headerText: "Home", itemKey: "A" },
+                    React.createElement(Text, null, "Tabs #1")),
+                React.createElement(TabsItem, { headerText: "Files", itemKey: "B" },
+                    React.createElement(Text, null, "Tabs #2")),
+                React.createElement(TabsItem, { headerText: "Settings", itemKey: "C" },
+                    React.createElement(Text, null, "Tabs #3"))))));
+};
+//# sourceMappingURL=TabsLegacyE2ETest.js.map

package/lib/fluent-tester/src/TestComponents/TabsLegacy/TabsLegacyE2ETest.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabsLegacyE2ETest.js","sourceRoot":"","sources":["../../../../../src/TestComponents/TabsLegacy/TabsLegacyE2ETest.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAE9D,OAAO,EACL,mBAAmB,EACnB,wBAAwB,EACxB,yBAAyB,EACzB,4BAA4B,EAC5B,wBAAwB,EACxB,eAAe,EACf,gBAAgB,EAChB,eAAe,EACf,mCAAmC,EACnC,qBAAqB,EACrB,uBAAuB,EACvB,uBAAuB,GACxB,MAAM,uCAAuC,CAAC;AAC/C,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAEhD,MAAM,CAAC,IAAM,iBAAiB,GAA4B;IACxD,OAAO,CACL,oBAAC,IAAI;QACH,oBAAC,IAAI,IAAC,KAAK,EAAE,UAAU;YACrB,oBAAC,IAAI,aACH,KAAK,EAAC,MAAM,EACZ,kBAAkB,EAAE,wBAAwB,IAExC,SAAS,CAAC,mBAAmB,CAAC;gBAElC,oBAAC,QAAQ,aACP,UAAU,EAAC,MAAM,EACjB,OAAO,EAAC,GAAG,EACX,kBAAkB,EAAE,mCAAmC,IAEnD,SAAS,CAAC,eAAe,CAAC;oBAE9B,oBAAC,IAAI;oBACH,6FAA6F;mCACzF,SAAS,CAAC,uBAAuB,CAAC,aAGjC,CACE;gBACX,oBAAC,QAAQ,aACP,UAAU,EAAC,OAAO,EAClB,OAAO,EAAC,GAAG,IAEP,SAAS,CAAC,gBAAgB,CAAC;oBAE/B,oBAAC,IAAI;oBACH,6FAA6F;mCACzF,SAAS,CAAC,wBAAwB,CAAC,aAGlC,CACE;gBACX,oBAAC,QAAQ,aACP,UAAU,EAAE,qBAAqB,EACjC,OAAO,EAAC,GAAG,IAEP,SAAS,CAAC,eAAe,CAAC;oBAE9B,oBAAC,IAAI;oBACH,6FAA6F;mCACzF,SAAS,CAAC,uBAAuB,CAAC,aAGjC,CACE,CACN,CACF;QACP,oBAAC,IAAI,IAAC,KAAK,EAAE,UAAU;YACrB,oBAAC,IAAI,aACH,KAAK,EAAE,yBAAyB,IAE5B,SAAS,CAAC,4BAA4B,CAAC;gBAE3C,oBAAC,QAAQ,IAAC,UAAU,EAAC,MAAM,EAAC,OAAO,EAAC,GAAG;oBACrC,oBAAC,IAAI,kBAAe,CACX;gBACX,oBAAC,QAAQ,IAAC,UAAU,EAAC,OAAO,EAAC,OAAO,EAAC,GAAG;oBACtC,oBAAC,IAAI,kBAAe,CACX;gBACX,oBAAC,QAAQ,IAAC,UAAU,EAAC,UAAU,EAAC,OAAO,EAAC,GAAG;oBACzC,oBAAC,IAAI,kBAAe,CACX,CACN,CACF,CACF,CACR,CAAC;AACJ,CAAC,CAAC"}

package/lib/fluent-tester/src/TestComponents/TabsLegacy/TabsLegacyTest.d.ts

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

package/lib/fluent-tester/src/TestComponents/TabsLegacy/TabsLegacyTest.d.ts.map

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