@fluentui-react-native/tester 0.48.1 → 0.49.0

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, { appearance: "primary", 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, { appearance: "primary", icon: { svgSource: svgProps, color: 'red' }, content: "SVG", style: commonTestStyles.vmargin }),
-            React.createElement(Button, { icon: { svgSource: svgProps }, content: "SVG", style: commonTestStyles.vmargin }))),
-        React.createElement(Button, { appearance: "primary", 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,UAAU,EAAC,SAAS,EAAC,IAAI,EAAE,EAAE,UAAU,EAAE,gBAAgB,EAAE,EAAE,OAAO,EAAC,WAAW,EAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,GAAI;QAC3H,eAAe,IAAI,CAClB;YACE,oBAAC,MAAM,IAAC,UAAU,EAAC,SAAS,EAAC,IAAI,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,OAAO,EAAC,KAAK,EAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,GAAI;YAC3H,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,UAAU,EAAC,SAAS,EAAC,IAAI,EAAE,SAAS,EAAE,OAAO,EAAC,KAAK,EAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,GAAI;QAC/F,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":"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,QAAQ,QAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,KAAK,EAAE,gBAAgB,CAAC,OAAO,GAAI;YAChG,oBAAC,MAAM,IAAC,QAAQ,QAAC,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,KAAK,EAAE,gBAAgB,CAAC,OAAO,GAAI;YACjG,oBAAC,MAAM,IAAC,QAAQ,QAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,KAAK,EAAE,gBAAgB,CAAC,OAAO,GAAI;YAChG,oBAAC,MAAM,IAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,KAAK,EAAE,gBAAgB,CAAC,OAAO,6BAE1E;YACT,oBAAC,MAAM,IAAC,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,KAAK,EAAE,gBAAgB,CAAC,OAAO,8BAE3E;YACT,oBAAC,MAAM,IAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,KAAK,EAAE,gBAAgB,CAAC,OAAO,6BAE1E,CACR,CACJ;QACD,oBAAC,MAAM,IAAC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,YAE3C;QACT,oBAAC,MAAM,IAAC,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,aAE5C;QACT,oBAAC,MAAM,IAAC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,YAE3C;QACT,oBAAC,MAAM,IAAC,OAAO,QAAC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,2BAEnD;QACT,oBAAC,MAAM,IAAC,OAAO,QAAC,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,4BAEpD;QACT,oBAAC,MAAM,IAAC,OAAO,QAAC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,2BAEnD;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/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 = {

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

@@ -1 +1 @@
-{"version":3,"file":"ButtonTest.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/ButtonExperimental/ButtonTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAC7D,OAAO,EAAE,4BAA4B,EAAE,MAAM,UAAU,CAAC;AACxD,OAAO,EAAE,IAAI,EAA+B,MAAM,SAAS,CAAC;AAC5D,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACzD,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAEzD,IAAM,cAAc,GAAkB;IACpC;QACE,IAAI,EAAE,iBAAiB;QACvB,MAAM,EAAE,4BAA4B;QACpC,SAAS,EAAE,iBAAiB;KAC7B;IACD;QACE,IAAI,EAAE,aAAa;QACnB,SAAS,EAAE,cAAc;KAC1B;IACD;QACE,IAAI,EAAE,eAAe;QACrB,SAAS,EAAE,gBAAgB;KAC5B;IACD;QACE,IAAI,EAAE,OAAO;QACb,SAAS,EAAE,cAAc;KAC1B;CACF,CAAC;AAEF,MAAM,CAAC,IAAM,sBAAsB,GAA4B;IAC7D,IAAM,MAAM,GAAmB;QAC7B,WAAW,EAAE,cAAc;QAC3B,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,0BAA0B,EAAC,WAAW,EAAE,WAAW,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,EAAE,MAAM,GAAI,CAAC;AACtH,CAAC,CAAC"}
+{"version":3,"file":"ButtonTest.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/ButtonExperimental/ButtonTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAC7D,OAAO,EAAE,6BAA6B,EAAE,MAAM,UAAU,CAAC;AACzD,OAAO,EAAE,IAAI,EAA+B,MAAM,SAAS,CAAC;AAC5D,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACzD,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACzD,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAC3D,OAAO,EAAE,yBAAyB,EAAE,MAAM,iBAAiB,CAAC;AAE5D,IAAM,cAAc,GAAkB;IACpC;QACE,IAAI,EAAE,iBAAiB;QACvB,MAAM,EAAE,6BAA6B;QACrC,SAAS,EAAE,iBAAiB;KAC7B;IACD;QACE,IAAI,EAAE,cAAc;QACpB,SAAS,EAAE,eAAe;KAC3B;IACD;QACE,IAAI,EAAE,aAAa;QACnB,SAAS,EAAE,cAAc;KAC1B;IACD;QACE,IAAI,EAAE,eAAe;QACrB,SAAS,EAAE,gBAAgB;KAC5B;IACD;QACE,IAAI,EAAE,OAAO;QACb,SAAS,EAAE,cAAc;KAC1B;IACD;QACE,IAAI,EAAE,oBAAoB;QAC1B,SAAS,EAAE,yBAAyB;KACrC;CACF,CAAC;AAEF,MAAM,CAAC,IAAM,sBAAsB,GAA4B;IAC7D,IAAM,MAAM,GAAmB;QAC7B,WAAW,EAAE,cAAc;QAC3B,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,0BAA0B,EAAC,WAAW,EAAE,WAAW,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,EAAE,MAAM,GAAI,CAAC;AACtH,CAAC,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"ButtonVariantTestSection.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/ButtonExperimental/ButtonVariantTestSection.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,iBAyBrC,CAAC"}
+{"version":3,"file":"ButtonVariantTestSection.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/ButtonExperimental/ButtonVariantTestSection.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,iBA2CrC,CAAC"}

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

@@ -1,6 +1,6 @@
-import { Button, CompoundButton } from '@fluentui-react-native/experimental-button';
+import { Button, CompoundButton, FAB } from '@fluentui-react-native/experimental-button';
 import * as React from 'react';
-import { View, Platform } from 'react-native';
+import { View } from 'react-native';
 import { commonTestStyles, stackStyle } from '../Common/styles';
 import TestSvg from './test.svg';
 export var ButtonVariantTest = function () {
@@ -9,17 +9,18 @@ export var ButtonVariantTest = function () {
         viewBox: '0 0 500 500',
     };
     return (React.createElement(View, { style: [stackStyle, commonTestStyles.view] },
-        React.createElement(Button, { content: "Default", style: commonTestStyles.vmargin }),
-        React.createElement(Button, { appearance: "primary", content: "Primary", style: commonTestStyles.vmargin }),
-        React.createElement(Button, { appearance: "subtle", content: "Subtle", style: commonTestStyles.vmargin }),
-        React.createElement(Button, { block: true, content: "Block", style: commonTestStyles.vmargin }),
-        React.createElement(Button, { appearance: "primary", block: true, content: "Block Primary", style: commonTestStyles.vmargin }),
-        React.createElement(Button, { appearance: "subtle", block: true, content: "Block Subtle", style: commonTestStyles.vmargin }),
-        React.createElement(CompoundButton, { content: "Default", secondaryContent: "Compound", style: commonTestStyles.vmargin }),
-        React.createElement(CompoundButton, { appearance: "primary", content: "Primary", secondaryContent: "Compound", style: commonTestStyles.vmargin }),
-        React.createElement(CompoundButton, { appearance: "subtle", content: "Subtle", secondaryContent: "Compound", style: commonTestStyles.vmargin }),
-        Platform.OS !== 'windows' && (React.createElement(React.Fragment, null,
-            React.createElement(Button, { fab: true, icon: { svgSource: svgProps, width: 20, height: 20 }, style: commonTestStyles.vmargin }),
-            React.createElement(Button, { fab: true, icon: { svgSource: svgProps, width: 20, height: 20 }, content: "FAB", style: commonTestStyles.vmargin })))));
+        React.createElement(Button, { style: commonTestStyles.vmargin }, "Default"),
+        React.createElement(Button, { disabled: true, style: commonTestStyles.vmargin }, "Disabled"),
+        React.createElement(Button, { appearance: "primary", style: commonTestStyles.vmargin }, "Primary"),
+        React.createElement(Button, { appearance: "subtle", style: commonTestStyles.vmargin }, "Subtle"),
+        React.createElement(Button, { loading: true }, "Loading Button"),
+        React.createElement(Button, { block: true, style: commonTestStyles.vmargin }, "Block"),
+        React.createElement(Button, { appearance: "primary", block: true, style: commonTestStyles.vmargin }, "Block Primary"),
+        React.createElement(Button, { appearance: "subtle", block: true, style: commonTestStyles.vmargin }, "Block Subtle"),
+        React.createElement(CompoundButton, { secondaryContent: "Compound", style: commonTestStyles.vmargin }, "Default"),
+        React.createElement(CompoundButton, { appearance: "primary", secondaryContent: "Compound", style: commonTestStyles.vmargin }, "Primary"),
+        React.createElement(CompoundButton, { appearance: "subtle", secondaryContent: "Compound", style: commonTestStyles.vmargin }, "Subtle"),
+        React.createElement(FAB, { icon: { svgSource: svgProps, width: 20, height: 20 }, style: commonTestStyles.vmargin }),
+        React.createElement(FAB, { icon: { svgSource: svgProps, width: 20, height: 20 }, style: commonTestStyles.vmargin }, "FAB")));
 };
 //# sourceMappingURL=ButtonVariantTestSection.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ButtonVariantTestSection.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/ButtonExperimental/ButtonVariantTestSection.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,QAAQ,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAEhE,OAAO,OAAO,MAAM,YAAY,CAAC;AAEjC,MAAM,CAAC,IAAM,iBAAiB,GAA4B;IACxD,IAAM,QAAQ,GAAiB;QAC7B,GAAG,EAAE,OAAO;QACZ,OAAO,EAAE,aAAa;KACvB,CAAC;IAEF,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAE,CAAC,UAAU,EAAE,gBAAgB,CAAC,IAAI,CAAC;QAC9C,oBAAC,MAAM,IAAC,OAAO,EAAC,SAAS,EAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,GAAI;QAC7D,oBAAC,MAAM,IAAC,UAAU,EAAC,SAAS,EAAC,OAAO,EAAC,SAAS,EAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,GAAI;QAClF,oBAAC,MAAM,IAAC,UAAU,EAAC,QAAQ,EAAC,OAAO,EAAC,QAAQ,EAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,GAAI;QAChF,oBAAC,MAAM,IAAC,KAAK,QAAC,OAAO,EAAC,OAAO,EAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,GAAI;QACjE,oBAAC,MAAM,IAAC,UAAU,EAAC,SAAS,EAAC,KAAK,QAAC,OAAO,EAAC,eAAe,EAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,GAAI;QAC9F,oBAAC,MAAM,IAAC,UAAU,EAAC,QAAQ,EAAC,KAAK,QAAC,OAAO,EAAC,cAAc,EAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,GAAI;QAC5F,oBAAC,cAAc,IAAC,OAAO,EAAC,SAAS,EAAC,gBAAgB,EAAC,UAAU,EAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,GAAI;QACjG,oBAAC,cAAc,IAAC,UAAU,EAAC,SAAS,EAAC,OAAO,EAAC,SAAS,EAAC,gBAAgB,EAAC,UAAU,EAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,GAAI;QACtH,oBAAC,cAAc,IAAC,UAAU,EAAC,QAAQ,EAAC,OAAO,EAAC,QAAQ,EAAC,gBAAgB,EAAC,UAAU,EAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,GAAI;QACnH,QAAQ,CAAC,EAAE,KAAK,SAAS,IAAI,CAC5B;YACE,oBAAC,MAAM,IAAC,GAAG,QAAC,IAAI,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,gBAAgB,CAAC,OAAO,GAAI;YACrG,oBAAC,MAAM,IAAC,GAAG,QAAC,IAAI,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,OAAO,EAAC,KAAK,EAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,GAAI,CAClH,CACJ,CACI,CACR,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"ButtonVariantTestSection.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/ButtonExperimental/ButtonVariantTestSection.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,4CAA4C,CAAC;AACzF,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,OAAO,OAAO,MAAM,YAAY,CAAC;AAEjC,MAAM,CAAC,IAAM,iBAAiB,GAA4B;IACxD,IAAM,QAAQ,GAAiB;QAC7B,GAAG,EAAE,OAAO;QACZ,OAAO,EAAE,aAAa;KACvB,CAAC;IAEF,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAE,CAAC,UAAU,EAAE,gBAAgB,CAAC,IAAI,CAAC;QAC9C,oBAAC,MAAM,IAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,cAAkB;QACzD,oBAAC,MAAM,IAAC,QAAQ,QAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,eAEvC;QACT,oBAAC,MAAM,IAAC,UAAU,EAAC,SAAS,EAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,cAEnD;QACT,oBAAC,MAAM,IAAC,UAAU,EAAC,QAAQ,EAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,aAElD;QACT,oBAAC,MAAM,IAAC,OAAO,2BAAwB;QACvC,oBAAC,MAAM,IAAC,KAAK,QAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,YAEpC;QACT,oBAAC,MAAM,IAAC,UAAU,EAAC,SAAS,EAAC,KAAK,QAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,oBAEzD;QACT,oBAAC,MAAM,IAAC,UAAU,EAAC,QAAQ,EAAC,KAAK,QAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,mBAExD;QACT,oBAAC,cAAc,IAAC,gBAAgB,EAAC,UAAU,EAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,cAE1D;QACjB,oBAAC,cAAc,IAAC,UAAU,EAAC,SAAS,EAAC,gBAAgB,EAAC,UAAU,EAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,cAE/E;QACjB,oBAAC,cAAc,IAAC,UAAU,EAAC,QAAQ,EAAC,gBAAgB,EAAC,UAAU,EAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,aAE9E;QACjB,oBAAC,GAAG,IAAC,IAAI,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,gBAAgB,CAAC,OAAO,GAAI;QAC9F,oBAAC,GAAG,IAAC,IAAI,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,gBAAgB,CAAC,OAAO,UAEpF,CACD,CACR,CAAC;AACJ,CAAC,CAAC"}

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

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

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

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

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

@@ -0,0 +1,20 @@
+/* eslint-disable @typescript-eslint/no-var-requires */
+import { Text } from '@fluentui/react-native';
+import { Button } from '@fluentui-react-native/experimental-button';
+import { Stack } from '@fluentui-react-native/stack';
+import * as React from 'react';
+import { View } from 'react-native';
+import { stackStyle } from '../Common/styles';
+import { BUTTONEXPERIMENTAL_TEST_COMPONENT, BUTTONEXPERIMENTAL_ON_PRESS, BUTTONEXPERIMENTAL_NO_A11Y_LABEL_COMPONENT, BUTTONEXPERIMENTAL_ACCESSIBILITY_LABEL, BUTTONEXPERIMENTAL_TEST_COMPONENT_LABEL, } from './consts';
+export var E2EButtonExperimentalTest = 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: BUTTONEXPERIMENTAL_TEST_COMPONENT, onClick: onClick, accessibilityLabel: BUTTONEXPERIMENTAL_ACCESSIBILITY_LABEL }),
+            React.createElement(Button, { content: BUTTONEXPERIMENTAL_TEST_COMPONENT_LABEL, testID: BUTTONEXPERIMENTAL_NO_A11Y_LABEL_COMPONENT, onClick: onClick }),
+            buttonPressed ? React.createElement(Text, { testID: BUTTONEXPERIMENTAL_ON_PRESS }, "Button Pressed") : null)));
+};
+//# sourceMappingURL=E2EButtonTest.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"E2EButtonTest.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/ButtonExperimental/E2EButtonTest.tsx"],"names":[],"mappings":"AAAA,uDAAuD;AACvD,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,MAAM,EAAE,MAAM,4CAA4C,CAAC;AACpE,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,iCAAiC,EACjC,2BAA2B,EAC3B,0CAA0C,EAC1C,sCAAsC,EACtC,uCAAuC,GACxC,MAAM,UAAU,CAAC;AAElB,MAAM,CAAC,IAAM,yBAAyB,GAA4B;IAC1D,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,iCAAiC,EACzC,OAAO,EAAE,OAAO,EAChB,kBAAkB,EAAE,sCAAsC,GAC1D;YACF,oBAAC,MAAM,IAAC,OAAO,EAAE,uCAAuC,EAAE,MAAM,EAAE,0CAA0C,EAAE,OAAO,EAAE,OAAO,GAAI;YACjI,aAAa,CAAC,CAAC,CAAC,oBAAC,IAAI,IAAC,MAAM,EAAE,2BAA2B,qBAAuB,CAAC,CAAC,CAAC,IAAI,CAClF,CACH,CACR,CAAC;AACJ,CAAC,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"ToggleButtonTestSection.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/ButtonExperimental/ToggleButtonTestSection.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAa/B,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,iBA6BpC,CAAC"}
+{"version":3,"file":"ToggleButtonTestSection.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/ButtonExperimental/ToggleButtonTestSection.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAa/B,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,iBAwCpC,CAAC"}

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

@@ -18,14 +18,16 @@ export var ToggleButtonTest = function () {
     var onGhostClicked = React.useCallback(function () { return setSubtleChecked(!subtleChecked); }, [subtleChecked, setSubtleChecked]);
     return (React.createElement(View, { style: [stackStyle, commonTestStyles.view] },
         React.createElement(View, { style: styles.row },
-            React.createElement(ToggleButton, { onClick: onDefaultClicked, checked: defaultChecked, content: "Default Toggle", style: commonTestStyles.vmargin }),
+            React.createElement(ToggleButton, { onClick: onDefaultClicked, checked: defaultChecked, style: commonTestStyles.vmargin }, "Default Toggle"),
             React.createElement(Checkbox, { checked: defaultChecked, label: "Default Toggle is Checked", style: [commonTestStyles.vmargin, styles.hmargin] })),
-        React.createElement(ToggleButton, { checked: true, content: "Checked Default Toggle", style: commonTestStyles.vmargin }),
-        React.createElement(ToggleButton, { checked: false, content: "Unchecked Default Toggle", style: commonTestStyles.vmargin }),
+        React.createElement(ToggleButton, { checked: true, style: commonTestStyles.vmargin }, "Checked Default Toggle"),
+        React.createElement(ToggleButton, { checked: false, style: commonTestStyles.vmargin }, "Unchecked Default Toggle"),
+        React.createElement(ToggleButton, { appearance: "primary", style: commonTestStyles.vmargin }, "Primary Toggle"),
+        React.createElement(ToggleButton, { defaultChecked: true, appearance: "primary", style: commonTestStyles.vmargin }, "Primary Toggle"),
         React.createElement(View, { style: styles.row },
-            React.createElement(ToggleButton, { appearance: "subtle", onClick: onGhostClicked, checked: subtleChecked, content: "Subtle Toggle", style: commonTestStyles.vmargin }),
+            React.createElement(ToggleButton, { appearance: "subtle", onClick: onGhostClicked, checked: subtleChecked, style: commonTestStyles.vmargin }, "Subtle Toggle"),
             React.createElement(Checkbox, { checked: subtleChecked, label: "Subtle Toggle is Checked", style: [commonTestStyles.vmargin, styles.hmargin] })),
-        React.createElement(ToggleButton, { appearance: "subtle", checked: true, content: "Checked Subtle Toggle", style: commonTestStyles.vmargin }),
-        React.createElement(ToggleButton, { appearance: "subtle", checked: false, content: "Unchecked Subtle Toggle", style: commonTestStyles.vmargin })));
+        React.createElement(ToggleButton, { appearance: "subtle", checked: true, style: commonTestStyles.vmargin }, "Checked Subtle Toggle"),
+        React.createElement(ToggleButton, { appearance: "subtle", checked: false, style: commonTestStyles.vmargin }, "Unchecked Subtle Toggle")));
 };
 //# sourceMappingURL=ToggleButtonTestSection.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ToggleButtonTestSection.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/ButtonExperimental/ToggleButtonTestSection.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,4CAA4C,CAAC;AAC1E,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAClD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAChD,OAAO,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAEhE,IAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,GAAG,EAAE;QACH,aAAa,EAAE,KAAK;KACrB;IACD,OAAO,EAAE;QACP,gBAAgB,EAAE,CAAC;KACpB;CACF,CAAC,CAAC;AAEH,MAAM,CAAC,IAAM,gBAAgB,GAA4B;IACjD,IAAA,0BAA2D,EAA1D,sBAAc,EAAE,yBAA0C,CAAC;IAClE,IAAM,gBAAgB,GAAG,KAAK,CAAC,WAAW,CAAC,cAAM,OAAA,iBAAiB,CAAC,CAAC,cAAc,CAAC,EAAlC,CAAkC,EAAE,CAAC,cAAc,EAAE,iBAAiB,CAAC,CAAC,CAAC;IACpH,IAAA,0BAAyD,EAAxD,qBAAa,EAAE,wBAAyC,CAAC;IAChE,IAAM,cAAc,GAAG,KAAK,CAAC,WAAW,CAAC,cAAM,OAAA,gBAAgB,CAAC,CAAC,aAAa,CAAC,EAAhC,CAAgC,EAAE,CAAC,aAAa,EAAE,gBAAgB,CAAC,CAAC,CAAC;IAEpH,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAE,CAAC,UAAU,EAAE,gBAAgB,CAAC,IAAI,CAAC;QAC9C,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,GAAG;YACrB,oBAAC,YAAY,IAAC,OAAO,EAAE,gBAAgB,EAAE,OAAO,EAAE,cAAc,EAAE,OAAO,EAAC,gBAAgB,EAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,GAAI;YAC9H,oBAAC,QAAQ,IAAC,OAAO,EAAE,cAAc,EAAE,KAAK,EAAC,2BAA2B,EAAC,KAAK,EAAE,CAAC,gBAAgB,CAAC,OAAO,EAAE,MAAM,CAAC,OAAO,CAAC,GAAI,CACrH;QACP,oBAAC,YAAY,IAAC,OAAO,QAAC,OAAO,EAAC,wBAAwB,EAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,GAAI;QAC1F,oBAAC,YAAY,IAAC,OAAO,EAAE,KAAK,EAAE,OAAO,EAAC,0BAA0B,EAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,GAAI;QAEpG,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,GAAG;YACrB,oBAAC,YAAY,IACX,UAAU,EAAC,QAAQ,EACnB,OAAO,EAAE,cAAc,EACvB,OAAO,EAAE,aAAa,EACtB,OAAO,EAAC,eAAe,EACvB,KAAK,EAAE,gBAAgB,CAAC,OAAO,GAC/B;YACF,oBAAC,QAAQ,IAAC,OAAO,EAAE,aAAa,EAAE,KAAK,EAAC,0BAA0B,EAAC,KAAK,EAAE,CAAC,gBAAgB,CAAC,OAAO,EAAE,MAAM,CAAC,OAAO,CAAC,GAAI,CACnH;QACP,oBAAC,YAAY,IAAC,UAAU,EAAC,QAAQ,EAAC,OAAO,QAAC,OAAO,EAAC,uBAAuB,EAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,GAAI;QAC7G,oBAAC,YAAY,IAAC,UAAU,EAAC,QAAQ,EAAC,OAAO,EAAE,KAAK,EAAE,OAAO,EAAC,yBAAyB,EAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,GAAI,CAClH,CACR,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"ToggleButtonTestSection.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/ButtonExperimental/ToggleButtonTestSection.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,4CAA4C,CAAC;AAC1E,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAClD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAChD,OAAO,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAEhE,IAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,GAAG,EAAE;QACH,aAAa,EAAE,KAAK;KACrB;IACD,OAAO,EAAE;QACP,gBAAgB,EAAE,CAAC;KACpB;CACF,CAAC,CAAC;AAEH,MAAM,CAAC,IAAM,gBAAgB,GAA4B;IACjD,IAAA,0BAA2D,EAA1D,sBAAc,EAAE,yBAA0C,CAAC;IAClE,IAAM,gBAAgB,GAAG,KAAK,CAAC,WAAW,CAAC,cAAM,OAAA,iBAAiB,CAAC,CAAC,cAAc,CAAC,EAAlC,CAAkC,EAAE,CAAC,cAAc,EAAE,iBAAiB,CAAC,CAAC,CAAC;IACpH,IAAA,0BAAyD,EAAxD,qBAAa,EAAE,wBAAyC,CAAC;IAChE,IAAM,cAAc,GAAG,KAAK,CAAC,WAAW,CAAC,cAAM,OAAA,gBAAgB,CAAC,CAAC,aAAa,CAAC,EAAhC,CAAgC,EAAE,CAAC,aAAa,EAAE,gBAAgB,CAAC,CAAC,CAAC;IAEpH,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAE,CAAC,UAAU,EAAE,gBAAgB,CAAC,IAAI,CAAC;QAC9C,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,GAAG;YACrB,oBAAC,YAAY,IAAC,OAAO,EAAE,gBAAgB,EAAE,OAAO,EAAE,cAAc,EAAE,KAAK,EAAE,gBAAgB,CAAC,OAAO,qBAElF;YACf,oBAAC,QAAQ,IAAC,OAAO,EAAE,cAAc,EAAE,KAAK,EAAC,2BAA2B,EAAC,KAAK,EAAE,CAAC,gBAAgB,CAAC,OAAO,EAAE,MAAM,CAAC,OAAO,CAAC,GAAI,CACrH;QACP,oBAAC,YAAY,IAAC,OAAO,QAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,6BAEtC;QACf,oBAAC,YAAY,IAAC,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,gBAAgB,CAAC,OAAO,+BAE9C;QACf,oBAAC,YAAY,IAAC,UAAU,EAAC,SAAS,EAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,qBAEnD;QACf,oBAAC,YAAY,IAAC,cAAc,QAAC,UAAU,EAAC,SAAS,EAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,qBAElE;QACf,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,GAAG;YACrB,oBAAC,YAAY,IAAC,UAAU,EAAC,QAAQ,EAAC,OAAO,EAAE,cAAc,EAAE,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,gBAAgB,CAAC,OAAO,oBAEnG;YACf,oBAAC,QAAQ,IAAC,OAAO,EAAE,aAAa,EAAE,KAAK,EAAC,0BAA0B,EAAC,KAAK,EAAE,CAAC,gBAAgB,CAAC,OAAO,EAAE,MAAM,CAAC,OAAO,CAAC,GAAI,CACnH;QACP,oBAAC,YAAY,IAAC,UAAU,EAAC,QAAQ,EAAC,OAAO,QAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,4BAE1D;QACf,oBAAC,YAAY,IAAC,UAAU,EAAC,QAAQ,EAAC,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,gBAAgB,CAAC,OAAO,8BAElE,CACV,CACR,CAAC;AACJ,CAAC,CAAC"}

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

@@ -1,3 +1,8 @@
 export declare const HOMEPAGE_BUTTON_BUTTONEXPERIMENTAL = "Homepage_Button_ButtonExperimental";
-export declare const ExperimentalButtonTestPageId = "ButtonExperimental_TestPage";
+export declare const EXPERIMENTAL_BUTTON_TEST_PAGE = "ButtonExperimental_TestPage";
+export declare const BUTTONEXPERIMENTAL_TEST_COMPONENT = "Button_Test_Component";
+export declare const BUTTONEXPERIMENTAL_ACCESSIBILITY_LABEL = "E2E testing Button accessibility label";
+export declare const BUTTONEXPERIMENTAL_NO_A11Y_LABEL_COMPONENT = "Button_No_A11y_label_Component";
+export declare const BUTTONEXPERIMENTAL_TEST_COMPONENT_LABEL = "Test Button2 - No Accessibility Label";
+export declare const BUTTONEXPERIMENTAL_ON_PRESS = "Button_On_Press";
 //# sourceMappingURL=consts.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"consts.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/ButtonExperimental/consts.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,kCAAkC,uCAAuC,CAAC;AACvF,eAAO,MAAM,4BAA4B,gCAAgC,CAAC"}
+{"version":3,"file":"consts.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/ButtonExperimental/consts.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,kCAAkC,uCAAuC,CAAC;AACvF,eAAO,MAAM,6BAA6B,gCAAgC,CAAC;AAG3E,eAAO,MAAM,iCAAiC,0BAA0B,CAAC;AACzE,eAAO,MAAM,sCAAsC,2CAA2C,CAAC;AAG/F,eAAO,MAAM,0CAA0C,mCAAmC,CAAC;AAC3F,eAAO,MAAM,uCAAuC,0CAA0C,CAAC;AAE/F,eAAO,MAAM,2BAA2B,oBAAoB,CAAC"}

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

@@ -1,3 +1,10 @@
 export var HOMEPAGE_BUTTON_BUTTONEXPERIMENTAL = 'Homepage_Button_ButtonExperimental'; // Button on the homepage that navigates to the selected test page
-export var ExperimentalButtonTestPageId = 'ButtonExperimental_TestPage'; // A component on each specific test page.
+export var EXPERIMENTAL_BUTTON_TEST_PAGE = 'ButtonExperimental_TestPage'; // A component on each specific test page.
+/* Test Button 1 */
+export var BUTTONEXPERIMENTAL_TEST_COMPONENT = 'Button_Test_Component'; // A component on each specific test page
+export var BUTTONEXPERIMENTAL_ACCESSIBILITY_LABEL = 'E2E testing Button accessibility label';
+/* Test Button 2 */
+export var BUTTONEXPERIMENTAL_NO_A11Y_LABEL_COMPONENT = 'Button_No_A11y_label_Component';
+export var BUTTONEXPERIMENTAL_TEST_COMPONENT_LABEL = 'Test Button2 - No Accessibility Label'; // A component on each specific test page
+export var BUTTONEXPERIMENTAL_ON_PRESS = 'Button_On_Press'; // For testing the press functionality on a button
 //# sourceMappingURL=consts.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"consts.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/ButtonExperimental/consts.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,IAAM,kCAAkC,GAAG,oCAAoC,CAAC,CAAC,kEAAkE;AAC1J,MAAM,CAAC,IAAM,4BAA4B,GAAG,6BAA6B,CAAC,CAAC,0CAA0C"}
+{"version":3,"file":"consts.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/ButtonExperimental/consts.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,IAAM,kCAAkC,GAAG,oCAAoC,CAAC,CAAC,kEAAkE;AAC1J,MAAM,CAAC,IAAM,6BAA6B,GAAG,6BAA6B,CAAC,CAAC,0CAA0C;AAEtH,mBAAmB;AACnB,MAAM,CAAC,IAAM,iCAAiC,GAAG,uBAAuB,CAAC,CAAC,yCAAyC;AACnH,MAAM,CAAC,IAAM,sCAAsC,GAAG,wCAAwC,CAAC;AAE/F,mBAAmB;AACnB,MAAM,CAAC,IAAM,0CAA0C,GAAG,gCAAgC,CAAC;AAC3F,MAAM,CAAC,IAAM,uCAAuC,GAAG,uCAAuC,CAAC,CAAC,yCAAyC;AAEzI,MAAM,CAAC,IAAM,2BAA2B,GAAG,iBAAiB,CAAC,CAAC,kDAAkD"}

package/lib/FluentTester/TestComponents/Common/iconExamples.d.ts

@@ -0,0 +1,5 @@
+import { SvgIconProps, FontIconProps } from '@fluentui-react-native/icon';
+export declare const svgProps: SvgIconProps;
+export declare const fontProps: FontIconProps;
+export declare const testImage: any;
+//# sourceMappingURL=iconExamples.d.ts.map

package/lib/FluentTester/TestComponents/Common/iconExamples.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"iconExamples.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Common/iconExamples.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAG1E,eAAO,MAAM,QAAQ,EAAE,YAGtB,CAAC;AAIF,eAAO,MAAM,SAAS,EAAE,aAYtB,CAAC;AAEH,eAAO,MAAM,SAAS,KAAsC,CAAC"}

package/lib/FluentTester/TestComponents/Common/iconExamples.js

@@ -0,0 +1,22 @@
+import { Platform } from 'react-native';
+import TestSvg from '../Button/test.svg';
+export var svgProps = {
+    src: TestSvg,
+    viewBox: '0 0 500 500',
+};
+var testTtf = require('../Button/Font Awesome 5 Free-Solid-900.otf');
+export var fontProps = Platform.select({
+    macos: {
+        fontFamily: 'Arial',
+        codepoint: 0x2663,
+        fontSize: 12,
+    },
+    default: {
+        fontFamily: "Font Awesome 5 Free",
+        fontSrcFile: testTtf,
+        codepoint: 0xf083,
+        fontSize: 12,
+    },
+});
+export var testImage = require('../Button/icon_24x24.png');
+//# sourceMappingURL=iconExamples.js.map

package/lib/FluentTester/TestComponents/Common/iconExamples.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"iconExamples.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Common/iconExamples.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,OAAO,MAAM,oBAAoB,CAAC;AAEzC,MAAM,CAAC,IAAM,QAAQ,GAAiB;IACpC,GAAG,EAAE,OAAO;IACZ,OAAO,EAAE,aAAa;CACvB,CAAC;AAEF,IAAM,OAAO,GAAG,OAAO,CAAC,6CAA6C,CAAC,CAAC;AAEvE,MAAM,CAAC,IAAM,SAAS,GAAkB,QAAQ,CAAC,MAAM,CAAC;IACtD,KAAK,EAAE;QACL,UAAU,EAAE,OAAO;QACnB,SAAS,EAAE,MAAM;QACjB,QAAQ,EAAE,EAAE;KACb;IACD,OAAO,EAAE;QACP,UAAU,EAAE,qBAAqB;QACjC,WAAW,EAAE,OAAO;QACpB,SAAS,EAAE,MAAM;QACjB,QAAQ,EAAE,EAAE;KACb;CACF,CAAC,CAAC;AAEH,MAAM,CAAC,IAAM,SAAS,GAAG,OAAO,CAAC,0BAA0B,CAAC,CAAC"}

package/lib/FluentTester/TestComponents/ContextualMenu/ContextualMenuTest.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ContextualMenuTest.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/ContextualMenu/ContextualMenuTest.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAwW/B,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,iBAatC,CAAC"}
+{"version":3,"file":"ContextualMenuTest.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/ContextualMenu/ContextualMenuTest.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA0e/B,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,iBAatC,CAAC"}

package/lib/FluentTester/TestComponents/ContextualMenu/ContextualMenuTest.js

@@ -1,10 +1,11 @@
 /* eslint-disable @typescript-eslint/no-var-requires */
 import * as React from 'react';
-import { Text, View, Switch, Platform } from 'react-native';
+import { Text, View, Switch } from 'react-native';
 import { Text as FURNText, Button, ContextualMenu, ContextualMenuItem, Submenu, SubmenuItem, Separator, Checkbox, } from '@fluentui/react-native';
 import { CONTEXTUALMENU_TESTPAGE } from './consts';
 import { Test } from '../Test';
-import TestSvg from '../Button/test.svg';
+import { svgProps, fontProps, testImage } from '../Common/iconExamples';
+import { E2EContextualMenuTest } from './E2EContextualMenuTest';
 var contextualMenu = function () {
     var stdBtnRef = React.useRef(null);
     var _a = React.useState(false), showContextualMenu = _a[0], setShowContextualMenu = _a[1];
@@ -59,25 +60,6 @@ var contextualMenu = function () {
             React.createElement(ContextualMenuItem, { text: "MenuItem 5", itemKey: "5" })))));
 };
 var nestedContextualMenu = function () {
-    var testImage = require('../Button/icon_24x24.png');
-    var testTtf = require('../Button/Font Awesome 5 Free-Solid-900.otf');
-    var fontProps = Platform.select({
-        macos: {
-            fontFamily: 'Arial',
-            codepoint: 0x2663,
-            fontSize: 32,
-        },
-        default: {
-            fontFamily: "Font Awesome 5 Free",
-            fontSrcFile: testTtf,
-            codepoint: 0xf083,
-            fontSize: 32,
-        },
-    });
-    var svgProps = {
-        src: TestSvg,
-        viewBox: '0 0 500 500',
-    };
     var stdBtnRef = React.useRef(null);
     var _a = React.useState(false), showContextualMenu = _a[0], setShowContextualMenu = _a[1];
     var _b = React.useState(false), isContextualMenuVisible = _b[0], setIsContextualMenuVisible = _b[1];
@@ -142,10 +124,6 @@ var nestedContextualMenu = function () {
             React.createElement(ContextualMenuItem, { text: "Menuitem 5", itemKey: "5" })))));
 };
 var IconContextualMenu = function () {
-    var svgProps = {
-        src: TestSvg,
-        viewBox: '0 0 500 500',
-    };
     var stdBtnRef = React.useRef(null);
     var _a = React.useState(false), showContextualMenu = _a[0], setShowContextualMenu = _a[1];
     var _b = React.useState(false), isContextualMenuVisible = _b[0], setIsContextualMenuVisible = _b[1];
@@ -189,6 +167,85 @@ var IconContextualMenu = function () {
             React.createElement(ContextualMenuItem, { text: "Disabled Menu Item", itemKey: "3", disabled: true }),
             React.createElement(ContextualMenuItem, { text: "Menuitem 4", itemKey: "4" })))));
 };
+var ScrollViewContextualMenu = function () {
+    var stdBtnRef = React.useRef(null);
+    var _a = React.useState(false), showContextualMenu = _a[0], setShowContextualMenu = _a[1];
+    var _b = React.useState(false), isContextualMenuVisible = _b[0], setIsContextualMenuVisible = _b[1];
+    var _c = React.useState(null), lastMenuItemClicked = _c[0], setLastMenuItemClicked = _c[1];
+    var _d = React.useState(false), isBeakVisible = _d[0], setIsBeakVisible = _d[1];
+    var onIsBeakVisibleChange = React.useCallback(function (value) { return setIsBeakVisible(value); }, []);
+    var _e = React.useState(true), focusOnMount = _e[0], setShouldFocusOnMount = _e[1];
+    var toggleFocusOnMount = React.useCallback(function (value) { return setShouldFocusOnMount(value); }, [setShouldFocusOnMount]);
+    var _f = React.useState(false), focusOnContainer = _f[0], setShouldFocusOnContainer = _f[1];
+    var toggleFocusOnContainer = React.useCallback(function (value) { return setShouldFocusOnContainer(value); }, [setShouldFocusOnContainer]);
+    var toggleShowContextualMenu = React.useCallback(function () {
+        setShowContextualMenu(!showContextualMenu);
+        setIsContextualMenuVisible(false);
+    }, [showContextualMenu, setShowContextualMenu, setIsContextualMenuVisible]);
+    var onShowContextualMenu = React.useCallback(function () {
+        setIsContextualMenuVisible(true);
+    }, [setIsContextualMenuVisible]);
+    var onDismissContextualMenu = React.useCallback(function () {
+        setShowContextualMenu(false);
+        setIsContextualMenuVisible(false);
+    }, [setShowContextualMenu]);
+    var onItemClick = React.useCallback(function (key) {
+        setLastMenuItemClicked(key);
+    }, [setLastMenuItemClicked]);
+    var stdMenuItemRef = React.useRef(null);
+    var _g = React.useState(false), showSubmenu = _g[0], setShowSubmenu = _g[1];
+    var _h = React.useState(false), isSubmenuVisible = _h[0], setIsSubmenuVisible = _h[1];
+    var toggleShowSubmenu = React.useCallback(function () {
+        setShowSubmenu(!showSubmenu);
+        setIsSubmenuVisible(!isSubmenuVisible);
+    }, [showSubmenu, isSubmenuVisible, setShowSubmenu, setIsSubmenuVisible]);
+    var onShowSubmenu = React.useCallback(function () {
+        setIsSubmenuVisible(true);
+    }, [setIsSubmenuVisible]);
+    var onDismissSubmenu = React.useCallback(function () {
+        setShowSubmenu(false);
+    }, [setShowSubmenu]);
+    var onClick = React.useCallback(function () {
+        console.log('submenu item clicked');
+    }, []);
+    return (React.createElement(View, null,
+        React.createElement(View, { style: { flexDirection: 'row', paddingVertical: 5 } },
+            React.createElement(View, { style: { flexDirection: 'column', paddingHorizontal: 5 } },
+                React.createElement(View, { style: { flexDirection: 'row' } },
+                    React.createElement(Text, null, "Should Focus on Mount"),
+                    React.createElement(Switch, { value: focusOnMount, onValueChange: toggleFocusOnMount })),
+                React.createElement(View, { style: { flexDirection: 'row' } },
+                    React.createElement(Text, null, "Should Focus on Container"),
+                    React.createElement(Switch, { value: focusOnContainer, onValueChange: toggleFocusOnContainer })),
+                React.createElement(View, { style: { flexDirection: 'row' } },
+                    React.createElement(Text, null, "Beak Visible"),
+                    React.createElement(Switch, { value: isBeakVisible, onValueChange: onIsBeakVisibleChange }))),
+            React.createElement(Separator, { vertical: true }),
+            React.createElement(View, { style: { flexDirection: 'column', paddingHorizontal: 5 } },
+                React.createElement(Text, null,
+                    React.createElement(Text, null, "Menu Visibility: "),
+                    isContextualMenuVisible ? React.createElement(Text, { style: { color: 'green' } }, "Visible") : React.createElement(Text, { style: { color: 'red' } }, "Not Visible")),
+                React.createElement(Text, null,
+                    React.createElement(Text, null, "Last Menu Item Clicked: "),
+                    lastMenuItemClicked > 0 ? (React.createElement(Text, { style: { color: 'blue' } }, lastMenuItemClicked)) : (React.createElement(Text, { style: { color: 'blue' } }, "none"))),
+                React.createElement(Text, null,
+                    React.createElement(Text, null, "Menu and Submenu max height set to 200")),
+                React.createElement(Button, { content: "Press for ContextualMenu", onClick: toggleShowContextualMenu, componentRef: stdBtnRef }))),
+        showContextualMenu && (React.createElement(ContextualMenu, { target: stdBtnRef, onDismiss: onDismissContextualMenu, onShow: onShowContextualMenu, accessibilityLabel: "Standard ContextualMenu", onItemClick: onItemClick, setShowMenu: toggleShowContextualMenu, shouldFocusOnMount: focusOnMount, shouldFocusOnContainer: focusOnContainer, isBeakVisible: isBeakVisible, maxHeight: 200 },
+            React.createElement(ContextualMenuItem, { text: "MenuItem 1", itemKey: "1" }),
+            React.createElement(ContextualMenuItem, { text: "MenuItem 2", itemKey: "2" }),
+            React.createElement(SubmenuItem, { icon: { svgSource: svgProps, width: 12, height: 12 }, text: "Nested Menu", itemKey: "3", onHoverIn: toggleShowSubmenu, componentRef: stdMenuItemRef }),
+            showSubmenu && (React.createElement(Submenu, { maxHeight: 200, target: stdMenuItemRef, onDismiss: onDismissSubmenu, onShow: onShowSubmenu, setShowMenu: toggleShowSubmenu },
+                React.createElement(ContextualMenuItem, { text: "MenuItem 4", itemKey: "4" }),
+                React.createElement(ContextualMenuItem, { text: "MenuItem 5", itemKey: "5" }),
+                React.createElement(ContextualMenuItem, { text: "MenuItem 6", itemKey: "6" }),
+                React.createElement(ContextualMenuItem, { text: "MenuItem 7", itemKey: "7" }),
+                React.createElement(ContextualMenuItem, { icon: { svgSource: svgProps, width: 12, height: 12 }, text: "SubmenuItem svg icon", itemKey: "8", onClick: onClick }),
+                React.createElement(ContextualMenuItem, { text: "SubmenuItem 2", itemKey: "9" }),
+                React.createElement(ContextualMenuItem, { text: "Disabled Menu Item", itemKey: "10", disabled: true }))),
+            React.createElement(ContextualMenuItem, { text: "Disabled Menu Item", itemKey: "11", disabled: true }),
+            React.createElement(ContextualMenuItem, { text: "MenuItem 4", itemKey: "12" })))));
+};
 var contextualMenuSections = [
     {
         name: 'Standard ContextualMenu',
@@ -203,6 +260,14 @@ var contextualMenuSections = [
         name: 'IconButton with Customized ContextualMenu',
         component: IconContextualMenu,
     },
+    {
+        name: 'ContextalMenu with ScrollView',
+        component: ScrollViewContextualMenu,
+    },
+    {
+        name: 'ContextualMenu E2E Test',
+        component: E2EContextualMenuTest,
+    },
 ];
 export var ContextualMenuTest = function () {
     var status = {