@fluentui-react-native/tester 0.47.2 → 0.49.0

package/lib/FluentTester/TestComponents/Avatar/BasicAvatar.js

@@ -0,0 +1,76 @@
+import { __assign } from "tslib";
+import React, { useState, useCallback } from 'react';
+import { JSAvatar } from '@fluentui-react-native/experimental-avatar';
+import { Switch, View, Text, Picker } from 'react-native';
+import { satyaPhotoUrl, undefinedText } from './../PersonaCoin/styles';
+import { commonTestStyles as commonStyles } from '../Common/styles';
+import { useTheme } from '@fluentui-react-native/theme-types';
+var allSizes = [
+    undefinedText,
+    'size8',
+    'size24',
+    'size32',
+    'size40',
+    'size48',
+    'size56',
+    'size72',
+    'size100',
+    'size120',
+];
+var allColors = [
+    undefinedText,
+    'cornflower',
+    'blue',
+    'royalBlue',
+    'teal',
+    'forest',
+    'darkGreen',
+    'berry',
+    'hotPink',
+    'grape',
+    'purple',
+    'pumpkin',
+    'red',
+    'burgundy',
+    'orchid',
+    'brass',
+    'darkRed',
+    'beige',
+    'platinum',
+    'steel',
+    'brown',
+];
+var allPresences = [undefinedText, 'none', 'online', 'offline', 'busy', 'dnd', 'blocked', 'away'];
+var StyledPicker = function (props) {
+    var prompt = props.prompt, selected = props.selected, onChange = props.onChange, collection = props.collection;
+    var theme = useTheme();
+    var pickerStyles = __assign({ color: theme.colors.inputText }, commonStyles.header);
+    return (React.createElement(Picker, { prompt: prompt, style: pickerStyles, selectedValue: selected, onValueChange: onChange }, collection.map(function (value, index) { return (React.createElement(Picker.Item, { label: value, key: index, value: value })); })));
+};
+export var StandardUsage = function () {
+    var tokens = {};
+    var _a = useState(false), isSquare = _a[0], setSquare = _a[1];
+    var _b = useState(true), showImage = _b[0], setShowImage = _b[1];
+    var _c = useState('size72'), imageSize = _c[0], setImageSize = _c[1];
+    var _d = useState('brass'), coinColor = _d[0], setCoinColor = _d[1];
+    var _e = useState('online'), presence = _e[0], setPresence = _e[1];
+    var onSizeChange = useCallback(function (value) { return setImageSize(value); }, []);
+    var onColorChange = useCallback(function (value) { return setCoinColor(value); }, []);
+    var onPresenceChange = useCallback(function (value) { return setPresence(value); }, []);
+    var theme = useTheme();
+    var textStyles = { color: theme.colors.inputText };
+    tokens.backgroundColor = coinColor;
+    return (React.createElement(View, { style: commonStyles.root },
+        React.createElement(View, { style: commonStyles.settings },
+            React.createElement(View, { style: commonStyles.switch },
+                React.createElement(Text, { style: textStyles }, "Show image"),
+                React.createElement(Switch, { value: showImage, onValueChange: setShowImage })),
+            React.createElement(View, { style: commonStyles.switch },
+                React.createElement(Text, { style: textStyles }, "Set square Avatar"),
+                React.createElement(Switch, { value: isSquare, onValueChange: function () { return setSquare(!isSquare); } })),
+            React.createElement(StyledPicker, { prompt: "Size", selected: imageSize, onChange: onSizeChange, collection: allSizes }),
+            React.createElement(StyledPicker, { prompt: "Coin color", selected: coinColor, onChange: onColorChange, collection: allColors }),
+            React.createElement(StyledPicker, { prompt: "Presence status", selected: presence, onChange: onPresenceChange, collection: allPresences })),
+        React.createElement(JSAvatar, { size: imageSize === undefinedText ? undefined : imageSize, initials: "SN", shape: isSquare ? 'square' : 'circular', imageDescription: "Photo of Satya Nadella", presence: presence === undefinedText ? undefined : presence, imageUrl: showImage ? satyaPhotoUrl : undefined, coinColorFluent: coinColor === undefinedText ? undefined : coinColor })));
+};
+//# sourceMappingURL=BasicAvatar.js.map

package/lib/FluentTester/TestComponents/Avatar/BasicAvatar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BasicAvatar.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Avatar/BasicAvatar.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,WAAW,EAAqB,MAAM,OAAO,CAAC;AACxE,OAAO,EAA2B,QAAQ,EAAkB,MAAM,4CAA4C,CAAC;AAC/G,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAc,MAAM,cAAc,CAAC;AACtE,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AACvE,OAAO,EAAE,gBAAgB,IAAI,YAAY,EAAE,MAAM,kBAAkB,CAAC;AACpE,OAAO,EAAE,QAAQ,EAAE,MAAM,oCAAoC,CAAC;AAK9D,IAAM,QAAQ,GAAgC;IAC5C,aAAa;IACb,OAAO;IACP,QAAQ;IACR,QAAQ;IACR,QAAQ;IACR,QAAQ;IACR,QAAQ;IACR,QAAQ;IACR,SAAS;IACT,SAAS;CACV,CAAC;AAEF,IAAM,SAAS,GAAiC;IAC9C,aAAa;IACb,YAAY;IACZ,MAAM;IACN,WAAW;IACX,MAAM;IACN,QAAQ;IACR,WAAW;IACX,OAAO;IACP,SAAS;IACT,OAAO;IACP,QAAQ;IACR,SAAS;IACT,KAAK;IACL,UAAU;IACV,QAAQ;IACR,OAAO;IACP,SAAS;IACT,OAAO;IACP,UAAU;IACV,OAAO;IACP,OAAO;CACR,CAAC;AAEF,IAAM,YAAY,GAAoC,CAAC,aAAa,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,CAAC,CAAC;AAErI,IAAM,YAAY,GAAG,UAAC,KAAK;IACjB,IAAA,qBAAM,EAAE,yBAAQ,EAAE,yBAAQ,EAAE,6BAAU,CAAW;IACzD,IAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,IAAM,YAAY,cAAK,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,SAAuB,IAAK,YAAY,CAAC,MAAM,CAAE,CAAC;IAC7F,OAAO,CACL,oBAAC,MAAM,IAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,QAAQ,EAAE,aAAa,EAAE,QAAQ,IAC1F,UAAU,CAAC,GAAG,CAAC,UAAC,KAAK,EAAE,KAAK,IAAK,OAAA,CAChC,oBAAC,MAAM,CAAC,IAAI,IAAC,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,GAAI,CACxD,EAFiC,CAEjC,CAAC,CACK,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,aAAa,GAAsB;IAC9C,IAAM,MAAM,GAAmB,EAAE,CAAC;IAC5B,IAAA,oBAAuC,EAAtC,gBAAQ,EAAE,iBAA4B,CAAC;IACxC,IAAA,mBAA0C,EAAzC,iBAAS,EAAE,oBAA8B,CAAC;IAC3C,IAAA,uBAAyE,EAAxE,iBAAS,EAAE,oBAA6D,CAAC;IAC1E,IAAA,sBAAyE,EAAxE,iBAAS,EAAE,oBAA6D,CAAC;IAC1E,IAAA,uBAA2E,EAA1E,gBAAQ,EAAE,mBAAgE,CAAC;IAElF,IAAM,YAAY,GAAG,WAAW,CAAC,UAAC,KAAK,IAAK,OAAA,YAAY,CAAC,KAAK,CAAC,EAAnB,CAAmB,EAAE,EAAE,CAAC,CAAC;IACrE,IAAM,aAAa,GAAG,WAAW,CAAC,UAAC,KAAK,IAAK,OAAA,YAAY,CAAC,KAAK,CAAC,EAAnB,CAAmB,EAAE,EAAE,CAAC,CAAC;IACtE,IAAM,gBAAgB,GAAG,WAAW,CAAC,UAAC,KAAK,IAAK,OAAA,WAAW,CAAC,KAAK,CAAC,EAAlB,CAAkB,EAAE,EAAE,CAAC,CAAC;IAExE,IAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,IAAM,UAAU,GAAG,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,SAAuB,EAAE,CAAC;IAEnE,MAAM,CAAC,eAAe,GAAG,SAAS,CAAC;IAEnC,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAE,YAAY,CAAC,IAAI;QAC5B,oBAAC,IAAI,IAAC,KAAK,EAAE,YAAY,CAAC,QAAQ;YAChC,oBAAC,IAAI,IAAC,KAAK,EAAE,YAAY,CAAC,MAAM;gBAC9B,oBAAC,IAAI,IAAC,KAAK,EAAE,UAAU,iBAAmB;gBAC1C,oBAAC,MAAM,IAAC,KAAK,EAAE,SAAS,EAAE,aAAa,EAAE,YAAY,GAAI,CACpD;YACP,oBAAC,IAAI,IAAC,KAAK,EAAE,YAAY,CAAC,MAAM;gBAC9B,oBAAC,IAAI,IAAC,KAAK,EAAE,UAAU,wBAA0B;gBACjD,oBAAC,MAAM,IAAC,KAAK,EAAE,QAAQ,EAAE,aAAa,EAAE,cAAM,OAAA,SAAS,CAAC,CAAC,QAAQ,CAAC,EAApB,CAAoB,GAAI,CACjE;YAEP,oBAAC,YAAY,IAAC,MAAM,EAAC,MAAM,EAAC,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,YAAY,EAAE,UAAU,EAAE,QAAQ,GAAI;YACjG,oBAAC,YAAY,IAAC,MAAM,EAAC,YAAY,EAAC,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,aAAa,EAAE,UAAU,EAAE,SAAS,GAAI;YACzG,oBAAC,YAAY,IAAC,MAAM,EAAC,iBAAiB,EAAC,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,gBAAgB,EAAE,UAAU,EAAE,YAAY,GAAI,CAC9G;QAEP,oBAAC,QAAQ,IACP,IAAI,EAAE,SAAS,KAAK,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EACzD,QAAQ,EAAC,IAAI,EACb,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,EACvC,gBAAgB,EAAC,wBAAwB,EACzC,QAAQ,EAAE,QAAQ,KAAK,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,EAC3D,QAAQ,EAAE,SAAS,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,EAC/C,eAAe,EAAE,SAAS,KAAK,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,GACpE,CACG,CACR,CAAC;AACJ,CAAC,CAAC"}

package/lib/FluentTester/TestComponents/Avatar/CustomizedAvatar.d.ts

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

package/lib/FluentTester/TestComponents/Avatar/CustomizedAvatar.d.ts.map

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

package/lib/FluentTester/TestComponents/Avatar/CustomizedAvatar.js

@@ -0,0 +1,103 @@
+import * as React from 'react';
+import { JSAvatar } from '@fluentui-react-native/experimental-avatar';
+import { Switch, View, Text, TextInput } from 'react-native';
+import { Slider } from '../Common/Slider';
+import { steveBallmerPhotoUrl } from './../PersonaCoin/styles';
+import { useTheme } from '@fluentui-react-native/theme-types';
+import { AlignmentPicker } from '../Common/AlignmentPicker';
+import { commonTestStyles as commonStyles } from '../Common/styles';
+export var CustomizeUsage = function () {
+    var _a = React.useState(true), showImage = _a[0], setShowImage = _a[1];
+    var _b = React.useState(), coinColor = _b[0], setCoinColor = _b[1];
+    var _c = React.useState(), textColor = _c[0], setTextColor = _c[1];
+    var _d = React.useState(80), physicalSize = _d[0], setPhysicalSize = _d[1];
+    var _e = React.useState(24), iconSize = _e[0], setIconSize = _e[1];
+    var _f = React.useState(2), iconStrokeWidth = _f[0], setIconStrokeWidth = _f[1];
+    var _g = React.useState(undefined), iconStrokeColor = _g[0], setIconStrokeColor = _g[1];
+    var _h = React.useState(14), initialsSize = _h[0], setInitialsSize = _h[1];
+    var _j = React.useState(), horizontalAlignment = _j[0], setHorizontalAlignment = _j[1];
+    var _k = React.useState(), verticalAlignment = _k[0], setVerticalAlignment = _k[1];
+    var _l = React.useState('red'), ringColor = _l[0], setRingColor = _l[1];
+    var _m = React.useState(undefined), ringBackgroundColor = _m[0], setRingBackgroundColor = _m[1];
+    var _o = React.useState(true), showRing = _o[0], setShowRing = _o[1];
+    var _p = React.useState(false), transparent = _p[0], setTransparent = _p[1];
+    var theme = useTheme();
+    var textBoxBorderStyle = {
+        borderColor: theme.colors.inputBorder,
+    };
+    var tokens = {};
+    if (coinColor) {
+        tokens.backgroundColor = coinColor;
+    }
+    if (textColor) {
+        tokens.color = textColor;
+    }
+    if (horizontalAlignment) {
+        tokens.horizontalIconAlignment = horizontalAlignment;
+    }
+    if (verticalAlignment) {
+        tokens.verticalIconAlignment = verticalAlignment;
+    }
+    if (iconSize) {
+        tokens.iconSize = iconSize;
+    }
+    if (iconStrokeWidth) {
+        tokens.iconStrokeWidth = iconStrokeWidth;
+    }
+    if (iconStrokeColor) {
+        tokens.iconStrokeColor = iconStrokeColor;
+    }
+    if (initialsSize) {
+        tokens.initialsSize = initialsSize;
+    }
+    if (physicalSize) {
+        tokens.avatarSize = physicalSize;
+    }
+    var CustomizedAvatar = JSAvatar.customize(tokens);
+    return (React.createElement(View, { style: commonStyles.root },
+        React.createElement(View, { style: commonStyles.settings },
+            React.createElement(View, { style: commonStyles.switch },
+                React.createElement(Text, null, "Show image"),
+                React.createElement(Switch, { value: showImage, onValueChange: setShowImage })),
+            React.createElement(View, { style: commonStyles.switch },
+                React.createElement(Text, null, "Show rings"),
+                React.createElement(Switch, { value: showRing, onValueChange: setShowRing })),
+            React.createElement(View, { style: commonStyles.switch },
+                React.createElement(Text, null, "Transparent Ring"),
+                React.createElement(Switch, { value: transparent, onValueChange: setTransparent })),
+            React.createElement(TextInput, { style: [commonStyles.textBox, textBoxBorderStyle], placeholder: "Background color", blurOnSubmit: true, onSubmitEditing: function (e) {
+                    setCoinColor(e.nativeEvent.text);
+                } }),
+            React.createElement(TextInput, { style: [commonStyles.textBox, textBoxBorderStyle], placeholder: "Initials text color", blurOnSubmit: true, onSubmitEditing: function (e) {
+                    setTextColor(e.nativeEvent.text);
+                } }),
+            React.createElement(TextInput, { style: [commonStyles.textBox, textBoxBorderStyle], placeholder: "Icon stroke color", blurOnSubmit: true, onSubmitEditing: function (e) {
+                    setIconStrokeColor(e.nativeEvent.text);
+                } }),
+            React.createElement(TextInput, { style: [commonStyles.textBox, textBoxBorderStyle], placeholder: "Ring color", blurOnSubmit: true, onSubmitEditing: function (e) {
+                    setRingColor(e.nativeEvent.text);
+                } }),
+            React.createElement(TextInput, { style: [commonStyles.textBox, textBoxBorderStyle], placeholder: "Ring background color", blurOnSubmit: true, onSubmitEditing: function (e) {
+                    setRingBackgroundColor(e.nativeEvent.text);
+                } }),
+            React.createElement(AlignmentPicker, { style: commonStyles.header, label: "Horizontal icon alignment", onSelectionChange: setHorizontalAlignment }),
+            React.createElement(AlignmentPicker, { style: commonStyles.header, label: "Vertical icon alignment", onSelectionChange: setVerticalAlignment }),
+            React.createElement(Text, null, "Coin size"),
+            React.createElement(Slider, { minimum: 8, maximum: 200, initialValue: 80, style: commonStyles.vmargin, onChange: setPhysicalSize }),
+            React.createElement(Text, null, "Icon size"),
+            React.createElement(Slider, { minimum: 8, maximum: 100, initialValue: 24, style: commonStyles.vmargin, onChange: setIconSize }),
+            React.createElement(Text, null, "Icon stroke width"),
+            React.createElement(Slider, { minimum: 0, maximum: 8, initialValue: 2, style: commonStyles.vmargin, onChange: setIconStrokeWidth }),
+            React.createElement(Text, null, "Font size"),
+            React.createElement(Slider, { minimum: 5, maximum: 50, initialValue: 14, style: commonStyles.vmargin, onChange: setInitialsSize })),
+        React.createElement(CustomizedAvatar, { initials: "SB", imageDescription: "Former CEO of Microsoft", presence: "blocked", imageUrl: showImage ? steveBallmerPhotoUrl : undefined, ring: showRing
+                ? {
+                    ringColor: ringColor,
+                    ringBackgroundColor: ringBackgroundColor,
+                    ringThickness: 4,
+                    innerGap: 4,
+                    transparent: transparent,
+                }
+                : undefined })));
+};
+//# sourceMappingURL=CustomizedAvatar.js.map

package/lib/FluentTester/TestComponents/Avatar/CustomizedAvatar.js.map

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

package/lib/FluentTester/TestComponents/Avatar/JSAvatarTest.d.ts

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

package/lib/FluentTester/TestComponents/Avatar/JSAvatarTest.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"JSAvatarTest.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Avatar/JSAvatarTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAkB/B,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,iBAahC,CAAC"}

package/lib/FluentTester/TestComponents/Avatar/JSAvatarTest.js

@@ -0,0 +1,28 @@
+import * as React from 'react';
+import { JSAVATAR_TESTPAGE } from './consts';
+import { Test } from '../Test';
+import { StandardUsage } from './BasicAvatar';
+import { CustomizeUsage } from './CustomizedAvatar';
+var avatarSections = [
+    {
+        name: 'Standard Usage',
+        testID: JSAVATAR_TESTPAGE,
+        component: StandardUsage,
+    },
+    {
+        name: 'Customize Usage',
+        component: CustomizeUsage,
+    },
+];
+export var JSAvatarTest = function () {
+    var status = {
+        win32Status: 'Experimental',
+        uwpStatus: 'Backlog',
+        iosStatus: 'Beta',
+        macosStatus: 'Experimental',
+        androidStatus: 'Backlog',
+    };
+    var description = 'AvatarView is a visual representation of a user, entity, or group. If an image is supplied, it is cropped to a circle of the requested size. If an image is not supplied, initials are extracted from the given name and email address provided and displayed on a colorful background.';
+    return React.createElement(Test, { name: "Avatar Test", description: description, sections: avatarSections, status: status });
+};
+//# sourceMappingURL=JSAvatarTest.js.map

package/lib/FluentTester/TestComponents/Avatar/JSAvatarTest.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"JSAvatarTest.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Avatar/JSAvatarTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,IAAI,EAA+B,MAAM,SAAS,CAAC;AAC5D,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAEpD,IAAM,cAAc,GAAkB;IACpC;QACE,IAAI,EAAE,gBAAgB;QACtB,MAAM,EAAE,iBAAiB;QACzB,SAAS,EAAE,aAAa;KACzB;IACD;QACE,IAAI,EAAE,iBAAiB;QACvB,SAAS,EAAE,cAAc;KAC1B;CACF,CAAC;AAEF,MAAM,CAAC,IAAM,YAAY,GAA4B;IACnD,IAAM,MAAM,GAAmB;QAC7B,WAAW,EAAE,cAAc;QAC3B,SAAS,EAAE,SAAS;QACpB,SAAS,EAAE,MAAM;QACjB,WAAW,EAAE,cAAc;QAC3B,aAAa,EAAE,SAAS;KACzB,CAAC;IAEF,IAAM,WAAW,GACf,yRAAyR,CAAC;IAE5R,OAAO,oBAAC,IAAI,IAAC,IAAI,EAAC,aAAa,EAAC,WAAW,EAAE,WAAW,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,EAAE,MAAM,GAAI,CAAC;AACzG,CAAC,CAAC"}

package/lib/FluentTester/TestComponents/Avatar/consts.d.ts

@@ -1,3 +1,4 @@
 export declare const HOMEPAGE_AVATAR_BUTTON = "Homepage_Avatar_Button";
 export declare const AVATAR_TESTPAGE = "Avatar_TestPage";
+export declare const JSAVATAR_TESTPAGE = "Avatar_Win32_TestPage";
 //# sourceMappingURL=consts.d.ts.map

package/lib/FluentTester/TestComponents/Avatar/consts.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"consts.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Avatar/consts.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,sBAAsB,2BAA2B,CAAC;AAC/D,eAAO,MAAM,eAAe,oBAAoB,CAAC"}
+{"version":3,"file":"consts.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Avatar/consts.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,sBAAsB,2BAA2B,CAAC;AAC/D,eAAO,MAAM,eAAe,oBAAoB,CAAC;AACjD,eAAO,MAAM,iBAAiB,0BAA0B,CAAC"}

package/lib/FluentTester/TestComponents/Avatar/consts.js

@@ -1,3 +1,4 @@
 export var HOMEPAGE_AVATAR_BUTTON = 'Homepage_Avatar_Button';
 export var AVATAR_TESTPAGE = 'Avatar_TestPage';
+export var JSAVATAR_TESTPAGE = 'Avatar_Win32_TestPage';
 //# sourceMappingURL=consts.js.map

package/lib/FluentTester/TestComponents/Avatar/consts.js.map

@@ -1 +1 @@
-{"version":3,"file":"consts.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Avatar/consts.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,IAAM,sBAAsB,GAAG,wBAAwB,CAAC;AAC/D,MAAM,CAAC,IAAM,eAAe,GAAG,iBAAiB,CAAC"}
+{"version":3,"file":"consts.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Avatar/consts.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,IAAM,sBAAsB,GAAG,wBAAwB,CAAC;AAC/D,MAAM,CAAC,IAAM,eAAe,GAAG,iBAAiB,CAAC;AACjD,MAAM,CAAC,IAAM,iBAAiB,GAAG,uBAAuB,CAAC"}

package/lib/FluentTester/TestComponents/Avatar/index.d.ts

@@ -1,3 +1,4 @@
 export * from './AvatarTest';
+export * from './JSAvatarTest';
 export * from './consts';
 //# sourceMappingURL=index.d.ts.map

package/lib/FluentTester/TestComponents/Avatar/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Avatar/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Avatar/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC"}

package/lib/FluentTester/TestComponents/Avatar/index.js

@@ -1,3 +1,4 @@
 export * from './AvatarTest';
+export * from './JSAvatarTest';
 export * from './consts';
 //# sourceMappingURL=index.js.map

package/lib/FluentTester/TestComponents/Avatar/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Avatar/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Avatar/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC"}

package/lib/FluentTester/TestComponents/Button/ButtonTest.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonTest.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Button/ButtonTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAkB/B,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,iBAa9B,CAAC"}
+{"version":3,"file":"ButtonTest.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Button/ButtonTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAuB/B,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,iBAa9B,CAAC"}

package/lib/FluentTester/TestComponents/Button/ButtonTest.js

@@ -2,6 +2,7 @@ import * as React from 'react';
 import { ButtonFocusTest } from './ButtonFocusTest';
 import { ButtonIconTest } from './ButtonIconTest';
 import { BUTTON_TESTPAGE } from './consts';
+import { E2EButtonTest } from './E2EButtonTest';
 import { Test } from '../Test';
 var buttonSections = [
     {
@@ -13,6 +14,10 @@ var buttonSections = [
         name: 'Icon Button',
         component: ButtonIconTest,
     },
+    {
+        name: 'E2E Button Testing',
+        component: E2EButtonTest,
+    },
 ];
 export var ButtonTest = function () {
     var status = {

package/lib/FluentTester/TestComponents/Button/ButtonTest.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonTest.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Button/ButtonTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAC3C,OAAO,EAAE,IAAI,EAA+B,MAAM,SAAS,CAAC;AAE5D,IAAM,cAAc,GAAkB;IACpC;QACE,IAAI,EAAE,cAAc;QACpB,MAAM,EAAE,eAAe;QACvB,SAAS,EAAE,eAAe;KAC3B;IACD;QACE,IAAI,EAAE,aAAa;QACnB,SAAS,EAAE,cAAc;KAC1B;CACF,CAAC;AAEF,MAAM,CAAC,IAAM,UAAU,GAA4B;IACjD,IAAM,MAAM,GAAmB;QAC7B,WAAW,EAAE,MAAM;QACnB,SAAS,EAAE,cAAc;QACzB,SAAS,EAAE,cAAc;QACzB,WAAW,EAAE,cAAc;QAC3B,aAAa,EAAE,SAAS;KACzB,CAAC;IAEF,IAAM,WAAW,GACf,qyBAAqyB,CAAC;IAExyB,OAAO,oBAAC,IAAI,IAAC,IAAI,EAAC,aAAa,EAAC,WAAW,EAAE,WAAW,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,EAAE,MAAM,GAAS,CAAC;AAC9G,CAAC,CAAC"}
+{"version":3,"file":"ButtonTest.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Button/ButtonTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAC3C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,IAAI,EAA+B,MAAM,SAAS,CAAC;AAE5D,IAAM,cAAc,GAAkB;IACpC;QACE,IAAI,EAAE,cAAc;QACpB,MAAM,EAAE,eAAe;QACvB,SAAS,EAAE,eAAe;KAC3B;IACD;QACE,IAAI,EAAE,aAAa;QACnB,SAAS,EAAE,cAAc;KAC1B;IACD;QACE,IAAI,EAAE,oBAAoB;QAC1B,SAAS,EAAE,aAAa;KACzB;CACF,CAAC;AAEF,MAAM,CAAC,IAAM,UAAU,GAA4B;IACjD,IAAM,MAAM,GAAmB;QAC7B,WAAW,EAAE,MAAM;QACnB,SAAS,EAAE,cAAc;QACzB,SAAS,EAAE,cAAc;QACzB,WAAW,EAAE,cAAc;QAC3B,aAAa,EAAE,SAAS;KACzB,CAAC;IAEF,IAAM,WAAW,GACf,qyBAAqyB,CAAC;IAExyB,OAAO,oBAAC,IAAI,IAAC,IAAI,EAAC,aAAa,EAAC,WAAW,EAAE,WAAW,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,EAAE,MAAM,GAAS,CAAC;AAC9G,CAAC,CAAC"}

package/lib/FluentTester/TestComponents/Button/E2EButtonTest.d.ts

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

package/lib/FluentTester/TestComponents/Button/E2EButtonTest.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"E2EButtonTest.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Button/E2EButtonTest.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,iBAqBjC,CAAC"}

package/lib/FluentTester/TestComponents/Button/E2EButtonTest.js

@@ -0,0 +1,19 @@
+/* eslint-disable @typescript-eslint/no-var-requires */
+import { Button, Text } from '@fluentui/react-native';
+import { Stack } from '@fluentui-react-native/stack';
+import * as React from 'react';
+import { View } from 'react-native';
+import { stackStyle } from '../Common/styles';
+import { BUTTON_TEST_COMPONENT, BUTTON_ON_PRESS, BUTTON_NO_A11Y_LABEL_COMPONENT, BUTTON_ACCESSIBILITY_LABEL, BUTTON_TEST_COMPONENT_LABEL, } from './consts';
+export var E2EButtonTest = function () {
+    var _a = React.useState(false), buttonPressed = _a[0], setButtonPressed = _a[1];
+    var onClick = React.useCallback(function () {
+        setButtonPressed(!buttonPressed);
+    }, [buttonPressed]);
+    return (React.createElement(View, null,
+        React.createElement(Stack, { style: stackStyle },
+            React.createElement(Button, { content: "This is a button for E2E testing", testID: BUTTON_TEST_COMPONENT, onClick: onClick, accessibilityLabel: BUTTON_ACCESSIBILITY_LABEL }),
+            React.createElement(Button, { content: BUTTON_TEST_COMPONENT_LABEL, testID: BUTTON_NO_A11Y_LABEL_COMPONENT, onClick: onClick }),
+            buttonPressed ? React.createElement(Text, { testID: BUTTON_ON_PRESS }, "Button Pressed") : null)));
+};
+//# sourceMappingURL=E2EButtonTest.js.map

package/lib/FluentTester/TestComponents/Button/E2EButtonTest.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"E2EButtonTest.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Button/E2EButtonTest.tsx"],"names":[],"mappings":"AAAA,uDAAuD;AACvD,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AACtD,OAAO,EAAE,KAAK,EAAE,MAAM,8BAA8B,CAAC;AACrD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EACL,qBAAqB,EACrB,eAAe,EACf,8BAA8B,EAC9B,0BAA0B,EAC1B,2BAA2B,GAC5B,MAAM,UAAU,CAAC;AAElB,MAAM,CAAC,IAAM,aAAa,GAA4B;IAC9C,IAAA,0BAAyD,EAAxD,qBAAa,EAAE,wBAAyC,CAAC;IAEhE,IAAM,OAAO,GAAG,KAAK,CAAC,WAAW,CAAC;QAChC,gBAAgB,CAAC,CAAC,aAAa,CAAC,CAAC;IACnC,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IAEpB,OAAO,CACL,oBAAC,IAAI;QACH,oBAAC,KAAK,IAAC,KAAK,EAAE,UAAU;YACtB,oBAAC,MAAM,IACL,OAAO,EAAC,kCAAkC,EAC1C,MAAM,EAAE,qBAAqB,EAC7B,OAAO,EAAE,OAAO,EAChB,kBAAkB,EAAE,0BAA0B,GAC9C;YACF,oBAAC,MAAM,IAAC,OAAO,EAAE,2BAA2B,EAAE,MAAM,EAAE,8BAA8B,EAAE,OAAO,EAAE,OAAO,GAAI;YACzG,aAAa,CAAC,CAAC,CAAC,oBAAC,IAAI,IAAC,MAAM,EAAE,eAAe,qBAAuB,CAAC,CAAC,CAAC,IAAI,CACtE,CACH,CACR,CAAC;AACJ,CAAC,CAAC"}

package/lib/FluentTester/TestComponents/Button/consts.d.ts

@@ -1,3 +1,8 @@
 export declare const HOMEPAGE_BUTTON_BUTTON = "Homepage_Button_Button";
 export declare const BUTTON_TESTPAGE = "Button_TestPage";
+export declare const BUTTON_TEST_COMPONENT = "Button_Test_Component";
+export declare const BUTTON_ACCESSIBILITY_LABEL = "E2E testing Button accessibility label";
+export declare const BUTTON_NO_A11Y_LABEL_COMPONENT = "Button_No_A11y_label_Component";
+export declare const BUTTON_TEST_COMPONENT_LABEL = "Test Button2 - No Accessibility Label";
+export declare const BUTTON_ON_PRESS = "Button_On_Press";
 //# sourceMappingURL=consts.d.ts.map

package/lib/FluentTester/TestComponents/Button/consts.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"consts.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Button/consts.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,sBAAsB,2BAA2B,CAAC;AAC/D,eAAO,MAAM,eAAe,oBAAoB,CAAC"}
+{"version":3,"file":"consts.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Button/consts.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,sBAAsB,2BAA2B,CAAC;AAC/D,eAAO,MAAM,eAAe,oBAAoB,CAAC;AAGjD,eAAO,MAAM,qBAAqB,0BAA0B,CAAC;AAC7D,eAAO,MAAM,0BAA0B,2CAA2C,CAAC;AAGnF,eAAO,MAAM,8BAA8B,mCAAmC,CAAC;AAC/E,eAAO,MAAM,2BAA2B,0CAA0C,CAAC;AAEnF,eAAO,MAAM,eAAe,oBAAoB,CAAC"}

package/lib/FluentTester/TestComponents/Button/consts.js

@@ -1,3 +1,10 @@
 export var HOMEPAGE_BUTTON_BUTTON = 'Homepage_Button_Button'; // Button on the homepage that navigates to the selected test page
-export var BUTTON_TESTPAGE = 'Button_TestPage'; // A component on each specific test page.
+export var BUTTON_TESTPAGE = 'Button_TestPage'; // The title of each test page. This is displayed after navigating to the test page
+/* Test Button 1 */
+export var BUTTON_TEST_COMPONENT = 'Button_Test_Component'; // A component on each specific test page
+export var BUTTON_ACCESSIBILITY_LABEL = 'E2E testing Button accessibility label';
+/* Test Button 2 */
+export var BUTTON_NO_A11Y_LABEL_COMPONENT = 'Button_No_A11y_label_Component';
+export var BUTTON_TEST_COMPONENT_LABEL = 'Test Button2 - No Accessibility Label'; // A component on each specific test page
+export var BUTTON_ON_PRESS = 'Button_On_Press'; // For testing the press functionality on a button
 //# sourceMappingURL=consts.js.map

package/lib/FluentTester/TestComponents/Button/consts.js.map

@@ -1 +1 @@
-{"version":3,"file":"consts.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Button/consts.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,IAAM,sBAAsB,GAAG,wBAAwB,CAAC,CAAC,kEAAkE;AAClI,MAAM,CAAC,IAAM,eAAe,GAAG,iBAAiB,CAAC,CAAC,0CAA0C"}
+{"version":3,"file":"consts.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Button/consts.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,IAAM,sBAAsB,GAAG,wBAAwB,CAAC,CAAC,kEAAkE;AAClI,MAAM,CAAC,IAAM,eAAe,GAAG,iBAAiB,CAAC,CAAC,mFAAmF;AAErI,mBAAmB;AACnB,MAAM,CAAC,IAAM,qBAAqB,GAAG,uBAAuB,CAAC,CAAC,yCAAyC;AACvG,MAAM,CAAC,IAAM,0BAA0B,GAAG,wCAAwC,CAAC;AAEnF,mBAAmB;AACnB,MAAM,CAAC,IAAM,8BAA8B,GAAG,gCAAgC,CAAC;AAC/E,MAAM,CAAC,IAAM,2BAA2B,GAAG,uCAAuC,CAAC,CAAC,yCAAyC;AAE7H,MAAM,CAAC,IAAM,eAAe,GAAG,iBAAiB,CAAC,CAAC,kDAAkD"}

package/lib/FluentTester/TestComponents/ButtonExperimental/ButtonIconTestSection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonIconTestSection.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/ButtonExperimental/ButtonIconTestSection.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,iBAmClC,CAAC"}
+{"version":3,"file":"ButtonIconTestSection.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/ButtonExperimental/ButtonIconTestSection.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,iBA+DlC,CAAC"}

package/lib/FluentTester/TestComponents/ButtonExperimental/ButtonIconTestSection.js

@@ -4,6 +4,7 @@ import * as React from 'react';
 import { Platform, View } from 'react-native';
 import { commonTestStyles, stackStyle } from '../Common/styles';
 import TestSvg from './test.svg';
+import { SvgXml } from 'react-native-svg';
 export var ButtonIconTest = function () {
     var fontBuiltInProps = {
         fontFamily: 'Arial',
@@ -17,14 +18,19 @@ export var ButtonIconTest = function () {
         viewBox: '0 0 500 500',
     };
     var svgIconsEnabled = ['ios', 'macos', 'win32', 'android'].includes(Platform.OS);
+    var chevronXml = "\n          <svg width=\"12\" height=\"16\" viewBox=\"0 0 11 6\" color=\"#000\">\n            <path fill='currentColor' d='M0.646447 0.646447C0.841709 0.451184 1.15829 0.451184 1.35355 0.646447L5.5 4.79289L9.64645 0.646447C9.84171 0.451185 10.1583 0.451185 10.3536 0.646447C10.5488 0.841709 10.5488 1.15829 10.3536 1.35355L5.85355 5.85355C5.65829 6.04882 5.34171 6.04882 5.14645 5.85355L0.646447 1.35355C0.451184 1.15829 0.451184 0.841709 0.646447 0.646447Z' />\n          </svg>";
     return (React.createElement(View, { style: [stackStyle, commonTestStyles.view] },
-        React.createElement(Button, { icon: { fontSource: __assign(__assign({}, fontBuiltInProps), { fontSize: 32 }), color: '#060' }, content: "Font icon", style: commonTestStyles.vmargin }),
-        React.createElement(Button, { icon: { fontSource: fontBuiltInProps }, content: "Font icon", style: commonTestStyles.vmargin }),
-        React.createElement(Button, { primary: true, icon: { fontSource: fontBuiltInProps }, content: "Font icon", style: commonTestStyles.vmargin }),
+        React.createElement(Button, { icon: { fontSource: __assign(__assign({}, fontBuiltInProps), { fontSize: 32 }), color: '#060' }, style: commonTestStyles.vmargin }, "Font icon"),
+        React.createElement(Button, { icon: { fontSource: __assign(__assign({}, fontBuiltInProps), { fontSize: 32 }), color: '#060' }, style: commonTestStyles.vmargin, iconPosition: "after" }, "Icon after"),
+        svgIconsEnabled && (React.createElement(Button, { style: commonTestStyles.vmargin, icon: { svgSource: svgProps } },
+            "Icon Button and Chevron",
+            React.createElement(SvgXml, { xml: chevronXml }))),
+        React.createElement(Button, { icon: { fontSource: fontBuiltInProps }, style: commonTestStyles.vmargin }, "Font icon"),
+        React.createElement(Button, { appearance: "primary", icon: { fontSource: fontBuiltInProps }, style: commonTestStyles.vmargin }, "Font icon"),
         svgIconsEnabled && (React.createElement(React.Fragment, null,
-            React.createElement(Button, { primary: true, icon: { svgSource: svgProps, color: 'red' }, content: "SVG", style: commonTestStyles.vmargin }),
-            React.createElement(Button, { icon: { svgSource: svgProps }, content: "SVG", style: commonTestStyles.vmargin }))),
-        React.createElement(Button, { primary: true, icon: testImage, content: "PNG", style: commonTestStyles.vmargin }),
-        React.createElement(Button, { icon: testImage, content: "PNG", style: commonTestStyles.vmargin })));
+            React.createElement(Button, { appearance: "primary", icon: { svgSource: svgProps, color: 'red' }, style: commonTestStyles.vmargin }, "SVG"),
+            React.createElement(Button, { icon: { svgSource: svgProps }, style: commonTestStyles.vmargin }, "SVG"))),
+        React.createElement(Button, { appearance: "primary", icon: testImage, style: commonTestStyles.vmargin }, "PNG"),
+        React.createElement(Button, { icon: testImage, style: commonTestStyles.vmargin }, "PNG")));
 };
 //# sourceMappingURL=ButtonIconTestSection.js.map

package/lib/FluentTester/TestComponents/ButtonExperimental/ButtonIconTestSection.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonIconTestSection.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/ButtonExperimental/ButtonIconTestSection.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,4CAA4C,CAAC;AACpE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAEhE,OAAO,OAAO,MAAM,YAAY,CAAC;AAEjC,MAAM,CAAC,IAAM,cAAc,GAA4B;IACrD,IAAM,gBAAgB,GAAG;QACvB,UAAU,EAAE,OAAO;QACnB,SAAS,EAAE,MAAM;QACjB,QAAQ,EAAE,EAAE;KACb,CAAC;IAEF,uDAAuD;IACvD,IAAM,SAAS,GAAG,OAAO,CAAC,kBAAkB,CAAC,CAAC;IAE9C,IAAM,QAAQ,GAAiB;QAC7B,GAAG,EAAE,OAAO;QACZ,OAAO,EAAE,aAAa;KACvB,CAAC;IACF,IAAM,eAAe,GAAG,CAAC,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,CAAC,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAY,CAAC,CAAC;IAE7F,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAE,CAAC,UAAU,EAAE,gBAAgB,CAAC,IAAI,CAAC;QAC9C,oBAAC,MAAM,IACL,IAAI,EAAE,EAAE,UAAU,wBAAO,gBAAgB,KAAE,QAAQ,EAAE,EAAE,GAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EAC1E,OAAO,EAAC,WAAW,EACnB,KAAK,EAAE,gBAAgB,CAAC,OAAO,GAC/B;QACF,oBAAC,MAAM,IAAC,IAAI,EAAE,EAAE,UAAU,EAAE,gBAAgB,EAAE,EAAE,OAAO,EAAC,WAAW,EAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,GAAI;QACvG,oBAAC,MAAM,IAAC,OAAO,QAAC,IAAI,EAAE,EAAE,UAAU,EAAE,gBAAgB,EAAE,EAAE,OAAO,EAAC,WAAW,EAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,GAAI;QAC9G,eAAe,IAAI,CAClB;YACE,oBAAC,MAAM,IAAC,OAAO,QAAC,IAAI,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,OAAO,EAAC,KAAK,EAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,GAAI;YAC9G,oBAAC,MAAM,IAAC,IAAI,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,OAAO,EAAC,KAAK,EAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,GAAI,CACvF,CACJ;QACD,oBAAC,MAAM,IAAC,OAAO,QAAC,IAAI,EAAE,SAAS,EAAE,OAAO,EAAC,KAAK,EAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,GAAI;QAClF,oBAAC,MAAM,IAAC,IAAI,EAAE,SAAS,EAAE,OAAO,EAAC,KAAK,EAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,GAAI,CACrE,CACR,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"ButtonIconTestSection.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/ButtonExperimental/ButtonIconTestSection.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,4CAA4C,CAAC;AACpE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAEhE,OAAO,OAAO,MAAM,YAAY,CAAC;AACjC,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAE1C,MAAM,CAAC,IAAM,cAAc,GAA4B;IACrD,IAAM,gBAAgB,GAAG;QACvB,UAAU,EAAE,OAAO;QACnB,SAAS,EAAE,MAAM;QACjB,QAAQ,EAAE,EAAE;KACb,CAAC;IAEF,uDAAuD;IACvD,IAAM,SAAS,GAAG,OAAO,CAAC,kBAAkB,CAAC,CAAC;IAE9C,IAAM,QAAQ,GAAiB;QAC7B,GAAG,EAAE,OAAO;QACZ,OAAO,EAAE,aAAa;KACvB,CAAC;IACF,IAAM,eAAe,GAAG,CAAC,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,CAAC,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAY,CAAC,CAAC;IAE7F,IAAM,UAAU,GAAG,ieAGJ,CAAC;IAEhB,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAE,CAAC,UAAU,EAAE,gBAAgB,CAAC,IAAI,CAAC;QAC9C,oBAAC,MAAM,IAAC,IAAI,EAAE,EAAE,UAAU,wBAAO,gBAAgB,KAAE,QAAQ,EAAE,EAAE,GAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,gBAAgB,CAAC,OAAO,gBAE1G;QACT,oBAAC,MAAM,IACL,IAAI,EAAE,EAAE,UAAU,wBAAO,gBAAgB,KAAE,QAAQ,EAAE,EAAE,GAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EAC1E,KAAK,EAAE,gBAAgB,CAAC,OAAO,EAC/B,YAAY,EAAC,OAAO,iBAGb;QACR,eAAe,IAAI,CAClB,oBAAC,MAAM,IAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,EAAE,IAAI,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE;;YAEpE,oBAAC,MAAM,IAAC,GAAG,EAAE,UAAU,GAAI,CACpB,CACV;QACD,oBAAC,MAAM,IAAC,IAAI,EAAE,EAAE,UAAU,EAAE,gBAAgB,EAAE,EAAE,KAAK,EAAE,gBAAgB,CAAC,OAAO,gBAEtE;QACT,oBAAC,MAAM,IAAC,UAAU,EAAC,SAAS,EAAC,IAAI,EAAE,EAAE,UAAU,EAAE,gBAAgB,EAAE,EAAE,KAAK,EAAE,gBAAgB,CAAC,OAAO,gBAE3F;QACR,eAAe,IAAI,CAClB;YACE,oBAAC,MAAM,IAAC,UAAU,EAAC,SAAS,EAAC,IAAI,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,gBAAgB,CAAC,OAAO,UAEhG;YACT,oBAAC,MAAM,IAAC,IAAI,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,KAAK,EAAE,gBAAgB,CAAC,OAAO,UAE7D,CACR,CACJ;QACD,oBAAC,MAAM,IAAC,UAAU,EAAC,SAAS,EAAC,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,gBAAgB,CAAC,OAAO,UAEpE;QACT,oBAAC,MAAM,IAAC,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,gBAAgB,CAAC,OAAO,UAE/C,CACJ,CACR,CAAC;AACJ,CAAC,CAAC"}

package/lib/FluentTester/TestComponents/ButtonExperimental/ButtonShapeTestSection.d.ts

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

package/lib/FluentTester/TestComponents/ButtonExperimental/ButtonShapeTestSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonShapeTestSection.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/ButtonExperimental/ButtonShapeTestSection.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,iBAgCnC,CAAC"}

package/lib/FluentTester/TestComponents/ButtonExperimental/ButtonShapeTestSection.js

@@ -0,0 +1,17 @@
+import { Button, CompoundButton } from '@fluentui-react-native/experimental-button';
+import * as React from 'react';
+import { View } from 'react-native';
+import { commonTestStyles, stackStyle } from '../Common/styles';
+export var ButtonShapeTest = function () {
+    return (React.createElement(View, { style: [stackStyle, commonTestStyles.view] },
+        React.createElement(Button, { shape: "rounded", style: commonTestStyles.vmargin }, "Default Rounded Button"),
+        React.createElement(Button, { shape: "square", style: commonTestStyles.vmargin }, "Square Button"),
+        React.createElement(Button, { shape: "circular", style: commonTestStyles.vmargin }, "Circular Button"),
+        React.createElement(Button, { appearance: "primary", shape: "rounded", style: commonTestStyles.vmargin }, "Primary Rounded Button"),
+        React.createElement(Button, { appearance: "primary", shape: "square", style: commonTestStyles.vmargin }, "Square Button"),
+        React.createElement(Button, { appearance: "primary", shape: "circular", style: commonTestStyles.vmargin }, "Circular Button"),
+        React.createElement(CompoundButton, { secondaryContent: "rounded", shape: "rounded", style: commonTestStyles.vmargin }, "Compound Button"),
+        React.createElement(CompoundButton, { secondaryContent: "square", shape: "square", style: commonTestStyles.vmargin }, "Compound Button"),
+        React.createElement(CompoundButton, { secondaryContent: "circular", shape: "circular", style: commonTestStyles.vmargin }, "Compound Button")));
+};
+//# sourceMappingURL=ButtonShapeTestSection.js.map

package/lib/FluentTester/TestComponents/ButtonExperimental/ButtonShapeTestSection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonShapeTestSection.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/ButtonExperimental/ButtonShapeTestSection.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,4CAA4C,CAAC;AACpF,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAEhE,MAAM,CAAC,IAAM,eAAe,GAA4B;IACtD,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAE,CAAC,UAAU,EAAE,gBAAgB,CAAC,IAAI,CAAC;QAC9C,oBAAC,MAAM,IAAC,KAAK,EAAC,SAAS,EAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,6BAE9C;QACT,oBAAC,MAAM,IAAC,KAAK,EAAC,QAAQ,EAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,oBAE7C;QACT,oBAAC,MAAM,IAAC,KAAK,EAAC,UAAU,EAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,sBAE/C;QACT,oBAAC,MAAM,IAAC,UAAU,EAAC,SAAS,EAAC,KAAK,EAAC,SAAS,EAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,6BAEnE;QACT,oBAAC,MAAM,IAAC,UAAU,EAAC,SAAS,EAAC,KAAK,EAAC,QAAQ,EAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,oBAElE;QACT,oBAAC,MAAM,IAAC,UAAU,EAAC,SAAS,EAAC,KAAK,EAAC,UAAU,EAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,sBAEpE;QACT,oBAAC,cAAc,IAAC,gBAAgB,EAAC,SAAS,EAAC,KAAK,EAAC,SAAS,EAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,sBAEzE;QACjB,oBAAC,cAAc,IAAC,gBAAgB,EAAC,QAAQ,EAAC,KAAK,EAAC,QAAQ,EAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,sBAEvE;QACjB,oBAAC,cAAc,IAAC,gBAAgB,EAAC,UAAU,EAAC,KAAK,EAAC,UAAU,EAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,sBAE3E,CACZ,CACR,CAAC;AACJ,CAAC,CAAC"}

package/lib/FluentTester/TestComponents/ButtonExperimental/ButtonSizeTestSection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonSizeTestSection.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/ButtonExperimental/ButtonSizeTestSection.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,iBAwBlC,CAAC"}
+{"version":3,"file":"ButtonSizeTestSection.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/ButtonExperimental/ButtonSizeTestSection.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,iBAsDlC,CAAC"}

package/lib/FluentTester/TestComponents/ButtonExperimental/ButtonSizeTestSection.js

@@ -11,14 +11,20 @@ export var ButtonSizeTest = function () {
     var svgIconsEnabled = ['ios', 'macos', 'win32', 'android'].includes(Platform.OS);
     return (React.createElement(View, { style: [stackStyle, commonTestStyles.view] },
         svgIconsEnabled && (React.createElement(React.Fragment, null,
-            React.createElement(Button, { size: "small", icon: { svgSource: svgProps }, style: commonTestStyles.vmargin }),
-            React.createElement(Button, { size: "medium", icon: { svgSource: svgProps }, style: commonTestStyles.vmargin }),
-            React.createElement(Button, { size: "large", icon: { svgSource: svgProps }, style: commonTestStyles.vmargin }))),
-        React.createElement(Button, { size: "small", content: "Small", style: commonTestStyles.vmargin }),
-        React.createElement(Button, { size: "medium", content: "Medium", style: commonTestStyles.vmargin }),
-        React.createElement(Button, { size: "large", content: "Large", style: commonTestStyles.vmargin }),
-        React.createElement(CompoundButton, { size: "small", content: "Small", secondaryContent: "Compound", style: commonTestStyles.vmargin }),
-        React.createElement(CompoundButton, { size: "medium", content: "Medium", secondaryContent: "Compound", style: commonTestStyles.vmargin }),
-        React.createElement(CompoundButton, { size: "large", content: "Large", secondaryContent: "Compound", style: commonTestStyles.vmargin })));
+            React.createElement(Button, { iconOnly: true, size: "small", icon: { svgSource: svgProps }, style: commonTestStyles.vmargin }),
+            React.createElement(Button, { iconOnly: true, size: "medium", icon: { svgSource: svgProps }, style: commonTestStyles.vmargin }),
+            React.createElement(Button, { iconOnly: true, size: "large", icon: { svgSource: svgProps }, style: commonTestStyles.vmargin }),
+            React.createElement(Button, { size: "small", icon: { svgSource: svgProps }, style: commonTestStyles.vmargin }, "Small Button with icon"),
+            React.createElement(Button, { size: "medium", icon: { svgSource: svgProps }, style: commonTestStyles.vmargin }, "Medium Button with icon"),
+            React.createElement(Button, { size: "large", icon: { svgSource: svgProps }, style: commonTestStyles.vmargin }, "Large Button with icon"))),
+        React.createElement(Button, { size: "small", style: commonTestStyles.vmargin }, "Small"),
+        React.createElement(Button, { size: "medium", style: commonTestStyles.vmargin }, "Medium"),
+        React.createElement(Button, { size: "large", style: commonTestStyles.vmargin }, "Large"),
+        React.createElement(Button, { loading: true, size: "small", style: commonTestStyles.vmargin }, "Loading Button Small"),
+        React.createElement(Button, { loading: true, size: "medium", style: commonTestStyles.vmargin }, "Loading Button Medium"),
+        React.createElement(Button, { loading: true, size: "large", style: commonTestStyles.vmargin }, "Loading Button Large"),
+        React.createElement(CompoundButton, { secondaryContent: "rounded", shape: "rounded", style: commonTestStyles.vmargin }, "Compound Button"),
+        React.createElement(CompoundButton, { secondaryContent: "square", shape: "square", style: commonTestStyles.vmargin }, "Compound Button"),
+        React.createElement(CompoundButton, { secondaryContent: "circular", shape: "circular", style: commonTestStyles.vmargin }, "Compound Button")));
 };
 //# sourceMappingURL=ButtonSizeTestSection.js.map

package/lib/FluentTester/TestComponents/ButtonExperimental/ButtonSizeTestSection.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonSizeTestSection.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/ButtonExperimental/ButtonSizeTestSection.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,4CAA4C,CAAC;AAEpF,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAChE,OAAO,OAAO,MAAM,YAAY,CAAC;AAEjC,MAAM,CAAC,IAAM,cAAc,GAA4B;IACrD,IAAM,QAAQ,GAAiB;QAC7B,GAAG,EAAE,OAAO;QACZ,OAAO,EAAE,aAAa;KACvB,CAAC;IACF,IAAM,eAAe,GAAG,CAAC,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,CAAC,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAY,CAAC,CAAC;IAE7F,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAE,CAAC,UAAU,EAAE,gBAAgB,CAAC,IAAI,CAAC;QAC7C,eAAe,IAAI,CAClB;YACE,oBAAC,MAAM,IAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,KAAK,EAAE,gBAAgB,CAAC,OAAO,GAAI;YACvF,oBAAC,MAAM,IAAC,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,KAAK,EAAE,gBAAgB,CAAC,OAAO,GAAI;YACxF,oBAAC,MAAM,IAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,KAAK,EAAE,gBAAgB,CAAC,OAAO,GAAI,CACtF,CACJ;QACD,oBAAC,MAAM,IAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAC,OAAO,EAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,GAAI;QACxE,oBAAC,MAAM,IAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAC,QAAQ,EAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,GAAI;QAC1E,oBAAC,MAAM,IAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAC,OAAO,EAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,GAAI;QACxE,oBAAC,cAAc,IAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAC,OAAO,EAAC,gBAAgB,EAAC,UAAU,EAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,GAAI;QAC5G,oBAAC,cAAc,IAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAC,QAAQ,EAAC,gBAAgB,EAAC,UAAU,EAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,GAAI;QAC9G,oBAAC,cAAc,IAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAC,OAAO,EAAC,gBAAgB,EAAC,UAAU,EAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,GAAI,CACvG,CACR,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"ButtonSizeTestSection.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/ButtonExperimental/ButtonSizeTestSection.tsx"],"names":[],"mappings":"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"}

package/lib/FluentTester/TestComponents/ButtonExperimental/ButtonTest.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonTest.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/ButtonExperimental/ButtonTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA4B/B,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,iBAa1C,CAAC"}
+{"version":3,"file":"ButtonTest.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/ButtonExperimental/ButtonTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAsC/B,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,iBAa1C,CAAC"}

package/lib/FluentTester/TestComponents/ButtonExperimental/ButtonTest.js

@@ -1,16 +1,22 @@
 import * as React from 'react';
 import { ButtonVariantTest } from './ButtonVariantTestSection';
 import { ToggleButtonTest } from './ToggleButtonTestSection';
-import { ExperimentalButtonTestPageId } from './consts';
+import { EXPERIMENTAL_BUTTON_TEST_PAGE } from './consts';
 import { Test } from '../Test';
 import { ButtonIconTest } from './ButtonIconTestSection';
 import { ButtonSizeTest } from './ButtonSizeTestSection';
+import { ButtonShapeTest } from './ButtonShapeTestSection';
+import { E2EButtonExperimentalTest } from './E2EButtonTest';
 var buttonSections = [
     {
         name: 'Button Variants',
-        testID: ExperimentalButtonTestPageId,
+        testID: EXPERIMENTAL_BUTTON_TEST_PAGE,
         component: ButtonVariantTest,
     },
+    {
+        name: 'Button Shape',
+        component: ButtonShapeTest,
+    },
     {
         name: 'Icon Button',
         component: ButtonIconTest,
@@ -23,6 +29,10 @@ var buttonSections = [
         name: 'Sizes',
         component: ButtonSizeTest,
     },
+    {
+        name: 'E2E Button Testing',
+        component: E2EButtonExperimentalTest,
+    },
 ];
 export var ExperimentalButtonTest = function () {
     var status = {