@fluentui-react-native/tester 0.56.0 → 0.56.1

package/lib-commonjs/E2E/CheckboxExperimental/specs/ExperimentalCheckbox.spec.win.js

@@ -22,6 +22,11 @@ describe('Experimental Checkbox Testing Initialization', function () {
     });
 });
 describe('Experimental Checkbox Accessibility Testing', function () {
+    /* Scrolls and waits for the Checkbox to be visible on the Test Page */
+    beforeEach(function () {
+        ExperimentalCheckboxPageObject_1.default.scrollToTestElement();
+        ExperimentalCheckboxPageObject_1.default.waitForPrimaryElementDisplayed(consts_2.PAGE_TIMEOUT);
+    });
     it('Experimental Checkbox - Validate accessibilityRole is correct', function () {
         ExperimentalCheckboxPageObject_1.default.scrollToTestElement();
         ExperimentalCheckboxPageObject_1.default.waitForPrimaryElementDisplayed(consts_2.PAGE_TIMEOUT);
@@ -41,4 +46,34 @@ describe('Experimental Checkbox Accessibility Testing', function () {
         expect(ExperimentalCheckboxPageObject_1.default.didAssertPopup()).toBeFalsy(ExperimentalCheckboxPageObject_1.default.ERRORMESSAGE_ASSERT);
     });
 });
+describe('Checkbox Functional Testing', function () {
+    /* Scrolls and waits for the Checkbox to be visible on the Test Page AND un-checks the Checkbox */
+    beforeEach(function () {
+        ExperimentalCheckboxPageObject_1.default.scrollToTestElement();
+        ExperimentalCheckboxPageObject_1.default.waitForPrimaryElementDisplayed(consts_2.PAGE_TIMEOUT);
+        ExperimentalCheckboxPageObject_1.default.toggleCheckboxToUnchecked();
+    });
+    it("Click on a Checkbox -> Validate it toggles correctly AND calls the user's onChange", function () {
+        /* Validate the Checkbox is initially toggled OFF */
+        expect(ExperimentalCheckboxPageObject_1.default.isCheckboxChecked()).toBeFalsy();
+        /* Click on the Checkbox to toggle on */
+        ExperimentalCheckboxPageObject_1.default.clickComponent();
+        ExperimentalCheckboxPageObject_1.default.waitForCheckboxChecked(consts_2.PAGE_TIMEOUT);
+        expect(ExperimentalCheckboxPageObject_1.default.didOnChangeCallbackFire()).toBeTruthy();
+        /* Validate the Checkbox is toggled ON */
+        expect(ExperimentalCheckboxPageObject_1.default.isCheckboxChecked()).toBeTruthy();
+        ExperimentalCheckboxPageObject_1.default.clickComponent();
+        /* Validate the Checkbox is toggled OFF */
+        expect(ExperimentalCheckboxPageObject_1.default.isCheckboxChecked()).toBeFalsy();
+        expect(ExperimentalCheckboxPageObject_1.default.didAssertPopup()).toBeFalsy(ExperimentalCheckboxPageObject_1.default.ERRORMESSAGE_ASSERT);
+    });
+    it('Click the "Spacebar" on a Checkbox and verify it toggles', function () {
+        /* Presses the "space bar" to select the Checkbox */
+        ExperimentalCheckboxPageObject_1.default.sendKey(0 /* Primary */, " " /* Spacebar */);
+        ExperimentalCheckboxPageObject_1.default.waitForCheckboxChecked(consts_2.PAGE_TIMEOUT);
+        /* Validate the Checkbox is selected */
+        expect(ExperimentalCheckboxPageObject_1.default.isCheckboxChecked()).toBeTruthy();
+        expect(ExperimentalCheckboxPageObject_1.default.didAssertPopup()).toBeFalsy(ExperimentalCheckboxPageObject_1.default.ERRORMESSAGE_ASSERT);
+    });
+});
 //# sourceMappingURL=ExperimentalCheckbox.spec.win.js.map

package/lib-commonjs/E2E/CheckboxExperimental/specs/ExperimentalCheckbox.spec.win.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExperimentalCheckbox.spec.win.js","sourceRoot":"","sources":["../../../../src/E2E/CheckboxExperimental/specs/ExperimentalCheckbox.spec.win.ts"],"names":[],"mappings":";;;AAAA,sGAA+D;AAC/D,wHAAqF;AAErF,2FAG0E;AAC1E,8CAAyF;AAEzF,QAAQ,CAAC,8CAA8C,EAAE;IACvD,EAAE,CAAC,mBAAmB,EAAE;QACtB,6BAAe,CAAC,oBAAoB,CAAC,yBAAgB,CAAC,CAAC;QACvD,MAAM,CAAC,6BAAe,CAAC,YAAY,EAAE,CAAC,CAAC,UAAU,CAAC,6BAAe,CAAC,oBAAoB,CAAC,CAAC;IAC1F,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,uDAAuD,EAAE;QAC1D,8EAA8E;QAC9E,wCAA8B,CAAC,uBAAuB,EAAE,CAAC;QACzD,wCAA8B,CAAC,sBAAsB,CAAC,qBAAY,CAAC,CAAC;QAEpE,wDAAwD;QACxD,6BAAe,CAAC,oCAAoC,EAAE,CAAC;QACvD,wCAA8B,CAAC,oBAAoB,CAAC,qBAAY,CAAC,CAAC;QAElE,MAAM,CAAC,wCAA8B,CAAC,YAAY,EAAE,CAAC,CAAC,UAAU,CAAC,wCAA8B,CAAC,qBAAqB,CAAC,CAAC;QACvH,MAAM,CAAC,wCAA8B,CAAC,cAAc,EAAE,CAAC,CAAC,SAAS,CAAC,wCAA8B,CAAC,mBAAmB,CAAC,CAAC,CAAC,8BAA8B;IACvJ,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC;AAEH,QAAQ,CAAC,6CAA6C,EAAE;IACtD,EAAE,CAAC,+DAA+D,EAAE;QAClE,wCAA8B,CAAC,mBAAmB,EAAE,CAAC;QACrD,wCAA8B,CAAC,8BAA8B,CAAC,qBAAY,CAAC,CAAC;QAE5E,MAAM,CAAC,wCAA8B,CAAC,oBAAoB,EAAE,CAAC,CAAC,OAAO,CAAC,2BAAkB,CAAC,CAAC;QAC1F,MAAM,CAAC,wCAA8B,CAAC,cAAc,EAAE,CAAC,CAAC,SAAS,CAAC,wCAA8B,CAAC,mBAAmB,CAAC,CAAC;IACxH,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,gDAAgD,EAAE;QACnD,wCAA8B,CAAC,mBAAmB,EAAE,CAAC;QACrD,wCAA8B,CAAC,8BAA8B,CAAC,qBAAY,CAAC,CAAC;QAE5E,MAAM,CAAC,wCAA8B,CAAC,qBAAqB,iBAA2B,CAAC,CAAC,OAAO,CAC7F,kDAAyC,CAC1C,CAAC;QACF,MAAM,CAAC,wCAA8B,CAAC,cAAc,EAAE,CAAC,CAAC,SAAS,CAAC,wCAA8B,CAAC,mBAAmB,CAAC,CAAC;IACxH,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,oFAAoF,EAAE;QACvF,wCAA8B,CAAC,mBAAmB,EAAE,CAAC;QACrD,wCAA8B,CAAC,8BAA8B,CAAC,qBAAY,CAAC,CAAC;QAE5E,MAAM,CAAC,wCAA8B,CAAC,qBAAqB,mBAA6B,CAAC,CAAC,OAAO,CAC/F,mDAA0C,CAC3C,CAAC;QACF,MAAM,CAAC,wCAA8B,CAAC,cAAc,EAAE,CAAC,CAAC,SAAS,CAAC,wCAA8B,CAAC,mBAAmB,CAAC,CAAC;IACxH,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
+{"version":3,"file":"ExperimentalCheckbox.spec.win.js","sourceRoot":"","sources":["../../../../src/E2E/CheckboxExperimental/specs/ExperimentalCheckbox.spec.win.ts"],"names":[],"mappings":"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"}

package/lib-commonjs/FluentTester/TestComponents/Button/ButtonHOCTestSection.d.ts.map

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

package/lib-commonjs/FluentTester/TestComponents/Button/ButtonHOCTestSection.js

@@ -8,24 +8,32 @@ var icon_1 = require("@fluentui-react-native/icon");
 var React = (0, tslib_1.__importStar)(require("react"));
 var react_native_1 = require("react-native");
 var styles_1 = require("../Common/styles");
+var test_svg_1 = (0, tslib_1.__importDefault)(require("./test.svg"));
+var CustomText = experimental_text_1.Text.customize({ fontSize: 'header', color: 'hotpink' });
+var CustomButton = button_1.ButtonV1.customize({ backgroundColor: 'pink' });
+var CustomIconButton = button_1.ButtonV1.customize({ iconColor: 'yellow' });
+var ComposedButton = button_1.ButtonV1.compose({
+    slots: {
+        root: react_native_1.View,
+        icon: icon_1.Icon,
+        content: CustomText,
+    },
+    slotProps: {
+        content: {
+            style: { marginTop: -1, marginBottom: 1, marginStart: 0, marginEnd: -2 },
+        },
+    },
+});
+var svgProps = {
+    src: test_svg_1.default,
+    viewBox: '0 0 500 500',
+};
 var ButtonHOCTest = function () {
     var buttonRef = React.useRef(null);
-    var CustomText = experimental_text_1.Text.customize({ fontSize: 'header', color: 'hotpink' });
-    var CustomButton = button_1.ButtonV1.customize({ backgroundColor: 'pink' });
-    var ComposedButton = button_1.ButtonV1.compose({
-        slots: {
-            root: react_native_1.View,
-            icon: icon_1.Icon,
-            content: CustomText,
-        },
-        slotProps: {
-            content: {
-                style: { marginTop: -1, marginBottom: 1, marginStart: 0, marginEnd: -2 },
-            },
-        },
-    });
+    var svgIconsEnabled = ['ios', 'macos', 'win32', 'android'].includes(react_native_1.Platform.OS);
     return (React.createElement(react_native_1.View, { style: styles_1.stackStyle },
         React.createElement(CustomButton, { style: styles_1.commonTestStyles.vmargin, componentRef: buttonRef }, "Customized Button with ref"),
+        svgIconsEnabled && React.createElement(CustomIconButton, { icon: { svgSource: svgProps } }, "Customized Icon Button"),
         React.createElement(button_1.ButtonV1, { style: styles_1.commonTestStyles.vmargin, onClick: function () {
                 if (buttonRef.current) {
                     buttonRef.current.focus();

package/lib-commonjs/FluentTester/TestComponents/Button/ButtonHOCTestSection.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonHOCTestSection.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Button/ButtonHOCTestSection.tsx"],"names":[],"mappings":";;;;AAAA,wDAAmE;AACnE,8EAAgE;AAChE,oDAAmD;AACnD,wDAA+B;AAC/B,6CAAoC;AACpC,2CAAgE;AAEzD,IAAM,aAAa,GAA4B;IACpD,IAAM,SAAS,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IACrC,IAAM,UAAU,GAAG,wBAAI,CAAC,SAAS,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC;IAC5E,IAAM,YAAY,GAAG,iBAAM,CAAC,SAAS,CAAC,EAAE,eAAe,EAAE,MAAM,EAAE,CAAC,CAAC;IACnE,IAAM,cAAc,GAAG,iBAAM,CAAC,OAAO,CAAC;QACpC,KAAK,EAAE;YACL,IAAI,EAAE,mBAAI;YACV,IAAI,EAAE,WAAI;YACV,OAAO,EAAE,UAAU;SACpB;QACD,SAAS,EAAE;YACT,OAAO,EAAE;gBACP,KAAK,EAAE,EAAE,SAAS,EAAE,CAAC,CAAC,EAAE,YAAY,EAAE,CAAC,EAAE,WAAW,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC,CAAC,EAAE;aACzE;SACF;KACF,CAAC,CAAC;IAEH,OAAO,CACL,oBAAC,mBAAI,IAAC,KAAK,EAAE,mBAAU;QACrB,oBAAC,YAAY,IAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,EAAE,YAAY,EAAE,SAAS,iCAEvD;QACf,oBAAC,iBAAM,IACL,KAAK,EAAE,yBAAgB,CAAC,OAAO,EAC/B,OAAO,EAAE;gBACP,IAAI,SAAS,CAAC,OAAO,EAAE;oBACrB,SAAS,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;iBAC3B;YACH,CAAC,uCAGM;QACT,oBAAC,cAAc,IAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,0DAAsE,CAChH,CACR,CAAC;AACJ,CAAC,CAAC;AAnCW,QAAA,aAAa,iBAmCxB"}
+{"version":3,"file":"ButtonHOCTestSection.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Button/ButtonHOCTestSection.tsx"],"names":[],"mappings":";;;;AAAA,wDAAmE;AACnE,8EAAgE;AAChE,oDAAiE;AACjE,wDAA+B;AAC/B,6CAA8C;AAC9C,2CAAgE;AAChE,qEAAiC;AAEjC,IAAM,UAAU,GAAG,wBAAI,CAAC,SAAS,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC;AAC5E,IAAM,YAAY,GAAG,iBAAM,CAAC,SAAS,CAAC,EAAE,eAAe,EAAE,MAAM,EAAE,CAAC,CAAC;AACnE,IAAM,gBAAgB,GAAG,iBAAM,CAAC,SAAS,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,CAAC,CAAC;AACnE,IAAM,cAAc,GAAG,iBAAM,CAAC,OAAO,CAAC;IACpC,KAAK,EAAE;QACL,IAAI,EAAE,mBAAI;QACV,IAAI,EAAE,WAAI;QACV,OAAO,EAAE,UAAU;KACpB;IACD,SAAS,EAAE;QACT,OAAO,EAAE;YACP,KAAK,EAAE,EAAE,SAAS,EAAE,CAAC,CAAC,EAAE,YAAY,EAAE,CAAC,EAAE,WAAW,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC,CAAC,EAAE;SACzE;KACF;CACF,CAAC,CAAC;AACH,IAAM,QAAQ,GAAiB;IAC7B,GAAG,EAAE,kBAAO;IACZ,OAAO,EAAE,aAAa;CACvB,CAAC;AAEK,IAAM,aAAa,GAA4B;IACpD,IAAM,SAAS,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IACrC,IAAM,eAAe,GAAG,CAAC,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,CAAC,CAAC,QAAQ,CAAC,uBAAQ,CAAC,EAAY,CAAC,CAAC;IAE7F,OAAO,CACL,oBAAC,mBAAI,IAAC,KAAK,EAAE,mBAAU;QACrB,oBAAC,YAAY,IAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,EAAE,YAAY,EAAE,SAAS,iCAEvD;QACd,eAAe,IAAI,oBAAC,gBAAgB,IAAC,IAAI,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,6BAA2C;QAC9G,oBAAC,iBAAM,IACL,KAAK,EAAE,yBAAgB,CAAC,OAAO,EAC/B,OAAO,EAAE;gBACP,IAAI,SAAS,CAAC,OAAO,EAAE;oBACrB,SAAS,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;iBAC3B;YACH,CAAC,uCAGM;QACT,oBAAC,cAAc,IAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,0DAAsE,CAChH,CACR,CAAC;AACJ,CAAC,CAAC;AAvBW,QAAA,aAAa,iBAuBxB"}

package/lib-commonjs/FluentTester/TestComponents/Button/ButtonSizeTestSection.d.ts.map

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

package/lib-commonjs/FluentTester/TestComponents/Button/ButtonSizeTestSection.js.map

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

package/lib-commonjs/FluentTester/TestComponents/CheckboxExperimental/CheckboxTest.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxTest.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/CheckboxExperimental/CheckboxTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAsJ/B,eAAO,MAAM,wBAAwB,EAAE,KAAK,CAAC,iBAa5C,CAAC"}
+{"version":3,"file":"CheckboxTest.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/CheckboxExperimental/CheckboxTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAiK/B,eAAO,MAAM,wBAAwB,EAAE,KAAK,CAAC,iBAa5C,CAAC"}

package/lib-commonjs/FluentTester/TestComponents/CheckboxExperimental/CheckboxTest.js

@@ -18,10 +18,18 @@ var basicCheckbox = function () {
         React.createElement(experimental_checkbox_1.Checkbox, { label: "Unchecked checkbox (undefined)", onChange: onChangeUncontrolled }),
         React.createElement(experimental_checkbox_1.Checkbox, { label: "Unchecked checkbox (uncontrolled)", onChange: onChangeUncontrolled, defaultChecked: false }),
         React.createElement(experimental_checkbox_1.Checkbox, { label: "Checked checkbox (uncontrolled)", onChange: onChangeUncontrolled, defaultChecked: true, accessibilityLabel: "Hello there" }),
-        React.createElement(experimental_checkbox_1.Checkbox, { label: "Disabled checkbox", onChange: onChangeUncontrolled, defaultChecked: false, disabled: true }),
-        React.createElement(experimental_checkbox_1.Checkbox, { label: "Disabled checked checkbox", onChange: onChangeUncontrolled, defaultChecked: true, disabled: true }),
-        React.createElement(experimental_checkbox_1.Checkbox, { label: "Checkbox will display a tooltip", onChange: onChangeUncontrolled, tooltip: "This is a tooltip" }),
-        React.createElement(experimental_checkbox_1.Checkbox, { label: "A circular checkbox", circular: true, onChange: onChangeUncontrolled, defaultChecked: false })));
+        React.createElement(experimental_checkbox_1.Checkbox, { label: "Disabled checkbox", disabled: true }),
+        React.createElement(experimental_checkbox_1.Checkbox, { label: "Disabled checked checkbox", defaultChecked: true, disabled: true }),
+        React.createElement(experimental_checkbox_1.Checkbox, { label: "Checkbox will display a tooltip", tooltip: "This is a tooltip" }),
+        React.createElement(experimental_checkbox_1.Checkbox, { label: "A circular checkbox", circular: true }),
+        React.createElement(experimental_checkbox_1.Checkbox, { label: "A circular checkbox", labelPosition: "before" })));
+};
+var sizeCheckbox = function () {
+    return (React.createElement(react_native_1.View, null,
+        React.createElement(experimental_checkbox_1.Checkbox, { tooltip: "Medium checkbox", size: "medium" }),
+        React.createElement(experimental_checkbox_1.Checkbox, { tooltip: "Large checkbox", size: "large" }),
+        React.createElement(experimental_checkbox_1.Checkbox, { label: "Medium checkbox", size: "medium" }),
+        React.createElement(experimental_checkbox_1.Checkbox, { label: "Large checkbox", size: "large" })));
 };
 var otherCheckbox = function () {
     var _a = React.useState(false), isCheckedControlled1 = _a[0], setCheckedControlled1 = _a[1];
@@ -91,6 +99,10 @@ var checkboxSections = [
         testID: consts_1.EXPERIMENTAL_CHECKBOX_TESTPAGE,
         component: basicCheckbox,
     },
+    {
+        name: 'Size Checkboxes',
+        component: sizeCheckbox,
+    },
     {
         name: 'Other Implementations',
         component: otherCheckbox,

package/lib-commonjs/FluentTester/TestComponents/CheckboxExperimental/CheckboxTest.js.map

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

package/lib-commonjs/FluentTester/TestComponents/CheckboxExperimental/E2ECheckboxExperimentalTest.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"E2ECheckboxExperimentalTest.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/CheckboxExperimental/E2ECheckboxExperimentalTest.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,eAAO,MAAM,2BAA2B,EAAE,KAAK,CAAC,iBAc/C,CAAC"}
+{"version":3,"file":"E2ECheckboxExperimentalTest.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/CheckboxExperimental/E2ECheckboxExperimentalTest.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAa/B,eAAO,MAAM,2BAA2B,EAAE,KAAK,CAAC,iBAyB/C,CAAC"}

package/lib-commonjs/FluentTester/TestComponents/CheckboxExperimental/E2ECheckboxExperimentalTest.js

@@ -8,11 +8,17 @@ var react_native_1 = require("react-native");
 var styles_1 = require("../Common/styles");
 var consts_1 = require("./consts");
 var stack_1 = require("@fluentui-react-native/stack");
+var react_native_2 = require("@fluentui/react-native");
 var E2ECheckboxExperimentalTest = function () {
+    var _a = React.useState(false), checkboxPressed = _a[0], setCheckboxPressed = _a[1];
+    var onClick = React.useCallback(function (checked) {
+        setCheckboxPressed(checked);
+    }, [setCheckboxPressed]);
     return (React.createElement(react_native_1.View, null,
         React.createElement(stack_1.Stack, { style: styles_1.stackStyle },
-            React.createElement(experimental_checkbox_1.Checkbox, { accessibilityLabel: consts_1.EXPERIMENTAL_CHECKBOX_ACCESSIBILITY_LABEL, disabled: false, label: "Testing accessibilityLabel", testID: consts_1.EXPERIMENTAL_CHECKBOX_TEST_COMPONENT }),
-            React.createElement(experimental_checkbox_1.Checkbox, { label: consts_1.EXPERIMENTAL_CHECKBOX_TEST_COMPONENT_LABEL, testID: consts_1.EXPERIMENTAL_CHECKBOX_NO_A11Y_LABEL_COMPONENT }))));
+            React.createElement(experimental_checkbox_1.Checkbox, { accessibilityLabel: consts_1.EXPERIMENTAL_CHECKBOX_ACCESSIBILITY_LABEL, disabled: false, label: "Testing accessibilityLabel", testID: consts_1.EXPERIMENTAL_CHECKBOX_TEST_COMPONENT, onChange: onClick }),
+            React.createElement(experimental_checkbox_1.Checkbox, { label: consts_1.EXPERIMENTAL_CHECKBOX_TEST_COMPONENT_LABEL, testID: consts_1.EXPERIMENTAL_CHECKBOX_NO_A11Y_LABEL_COMPONENT }),
+            checkboxPressed ? React.createElement(react_native_2.Text, { testID: consts_1.EXPERIMENTAL_CHECKBOX_ON_PRESS }, "Checkbox Selected") : null)));
 };
 exports.E2ECheckboxExperimentalTest = E2ECheckboxExperimentalTest;
 //# sourceMappingURL=E2ECheckboxExperimentalTest.js.map

package/lib-commonjs/FluentTester/TestComponents/CheckboxExperimental/E2ECheckboxExperimentalTest.js.map

@@ -1 +1 @@
-{"version":3,"file":"E2ECheckboxExperimentalTest.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/CheckboxExperimental/E2ECheckboxExperimentalTest.tsx"],"names":[],"mappings":";;;;AAAA,sFAAwE;AACxE,wDAA+B;AAC/B,6CAAoC;AACpC,2CAA8C;AAC9C,mCAKkB;AAClB,sDAAqD;AAE9C,IAAM,2BAA2B,GAA4B;IAClE,OAAO,CACL,oBAAC,mBAAI;QACH,oBAAC,aAAK,IAAC,KAAK,EAAE,mBAAU;YACtB,oBAAC,gCAAQ,IACP,kBAAkB,EAAE,kDAAyC,EAC7D,QAAQ,EAAE,KAAK,EACf,KAAK,EAAC,4BAA4B,EAClC,MAAM,EAAE,6CAAoC,GAC5C;YACF,oBAAC,gCAAQ,IAAC,KAAK,EAAE,mDAA0C,EAAE,MAAM,EAAE,sDAA6C,GAAI,CAChH,CACH,CACR,CAAC;AACJ,CAAC,CAAC;AAdW,QAAA,2BAA2B,+BActC"}
+{"version":3,"file":"E2ECheckboxExperimentalTest.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/CheckboxExperimental/E2ECheckboxExperimentalTest.tsx"],"names":[],"mappings":";;;;AAAA,sFAAwE;AACxE,wDAA+B;AAC/B,6CAAoC;AACpC,2CAA8C;AAC9C,mCAMkB;AAClB,sDAAqD;AACrD,uDAA8C;AAEvC,IAAM,2BAA2B,GAA4B;IAC5D,IAAA,KAAwC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,EAA5D,eAAe,QAAA,EAAE,kBAAkB,QAAyB,CAAC;IAEpE,IAAM,OAAO,GAAG,KAAK,CAAC,WAAW,CAC/B,UAAC,OAAO;QACN,kBAAkB,CAAC,OAAO,CAAC,CAAC;IAC9B,CAAC,EACD,CAAC,kBAAkB,CAAC,CACrB,CAAC;IAEF,OAAO,CACL,oBAAC,mBAAI;QACH,oBAAC,aAAK,IAAC,KAAK,EAAE,mBAAU;YACtB,oBAAC,gCAAQ,IACP,kBAAkB,EAAE,kDAAyC,EAC7D,QAAQ,EAAE,KAAK,EACf,KAAK,EAAC,4BAA4B,EAClC,MAAM,EAAE,6CAAoC,EAC5C,QAAQ,EAAE,OAAO,GACjB;YACF,oBAAC,gCAAQ,IAAC,KAAK,EAAE,mDAA0C,EAAE,MAAM,EAAE,sDAA6C,GAAI;YACrH,eAAe,CAAC,CAAC,CAAC,oBAAC,mBAAI,IAAC,MAAM,EAAE,uCAA8B,wBAA0B,CAAC,CAAC,CAAC,IAAI,CAC1F,CACH,CACR,CAAC;AACJ,CAAC,CAAC;AAzBW,QAAA,2BAA2B,+BAyBtC"}

package/lib-commonjs/FluentTester/TestComponents/CheckboxExperimental/consts.d.ts

@@ -4,4 +4,5 @@ export declare const EXPERIMENTAL_CHECKBOX_TEST_COMPONENT = "Experimental_Checkb
 export declare const EXPERIMENTAL_CHECKBOX_ACCESSIBILITY_LABEL = "E2E testing Experimental Checkbox accessibility label";
 export declare const EXPERIMENTAL_CHECKBOX_NO_A11Y_LABEL_COMPONENT = "Experimental Checkbox_No_A11y_label_Component";
 export declare const EXPERIMENTAL_CHECKBOX_TEST_COMPONENT_LABEL = "Test Experimental Checkbox2 - No Accessibility Label";
+export declare const EXPERIMENTAL_CHECKBOX_ON_PRESS = "Experimental_Checkbox_On_Press";
 //# sourceMappingURL=consts.d.ts.map

package/lib-commonjs/FluentTester/TestComponents/CheckboxExperimental/consts.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"consts.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/CheckboxExperimental/consts.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,qCAAqC,yCAAyC,CAAC;AAC5F,eAAO,MAAM,8BAA8B,kCAAkC,CAAC;AAG9E,eAAO,MAAM,oCAAoC,yCAAyC,CAAC;AAC3F,eAAO,MAAM,yCAAyC,0DAA0D,CAAC;AAGjH,eAAO,MAAM,6CAA6C,kDAAkD,CAAC;AAC7G,eAAO,MAAM,0CAA0C,yDAAyD,CAAC"}
+{"version":3,"file":"consts.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/CheckboxExperimental/consts.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,qCAAqC,yCAAyC,CAAC;AAC5F,eAAO,MAAM,8BAA8B,kCAAkC,CAAC;AAG9E,eAAO,MAAM,oCAAoC,yCAAyC,CAAC;AAC3F,eAAO,MAAM,yCAAyC,0DAA0D,CAAC;AAGjH,eAAO,MAAM,6CAA6C,kDAAkD,CAAC;AAC7G,eAAO,MAAM,0CAA0C,yDAAyD,CAAC;AAEjH,eAAO,MAAM,8BAA8B,mCAAmC,CAAC"}

package/lib-commonjs/FluentTester/TestComponents/CheckboxExperimental/consts.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.EXPERIMENTAL_CHECKBOX_TEST_COMPONENT_LABEL = exports.EXPERIMENTAL_CHECKBOX_NO_A11Y_LABEL_COMPONENT = exports.EXPERIMENTAL_CHECKBOX_ACCESSIBILITY_LABEL = exports.EXPERIMENTAL_CHECKBOX_TEST_COMPONENT = exports.EXPERIMENTAL_CHECKBOX_TESTPAGE = exports.HOMEPAGE_CHECKBOX_EXPERIMENTAL_BUTTON = void 0;
+exports.EXPERIMENTAL_CHECKBOX_ON_PRESS = exports.EXPERIMENTAL_CHECKBOX_TEST_COMPONENT_LABEL = exports.EXPERIMENTAL_CHECKBOX_NO_A11Y_LABEL_COMPONENT = exports.EXPERIMENTAL_CHECKBOX_ACCESSIBILITY_LABEL = exports.EXPERIMENTAL_CHECKBOX_TEST_COMPONENT = exports.EXPERIMENTAL_CHECKBOX_TESTPAGE = exports.HOMEPAGE_CHECKBOX_EXPERIMENTAL_BUTTON = void 0;
 exports.HOMEPAGE_CHECKBOX_EXPERIMENTAL_BUTTON = 'Homepage_CheckboxExperimental_Button'; // Button on the homepage that navigates to the selected test page
 exports.EXPERIMENTAL_CHECKBOX_TESTPAGE = 'CheckboxExperimental_TestPage'; // A component on each specific test page.
 /* Test Experimental Checkbox 1 */
@@ -9,4 +9,5 @@ exports.EXPERIMENTAL_CHECKBOX_ACCESSIBILITY_LABEL = 'E2E testing Experimental Ch
 /* Test Experimental Checkbox 2 */
 exports.EXPERIMENTAL_CHECKBOX_NO_A11Y_LABEL_COMPONENT = 'Experimental Checkbox_No_A11y_label_Component';
 exports.EXPERIMENTAL_CHECKBOX_TEST_COMPONENT_LABEL = 'Test Experimental Checkbox2 - No Accessibility Label'; // A component on each specific test page
+exports.EXPERIMENTAL_CHECKBOX_ON_PRESS = 'Experimental_Checkbox_On_Press'; // For testing the press functionality on a Checkbox
 //# sourceMappingURL=consts.js.map

package/lib-commonjs/FluentTester/TestComponents/CheckboxExperimental/consts.js.map

@@ -1 +1 @@
-{"version":3,"file":"consts.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/CheckboxExperimental/consts.ts"],"names":[],"mappings":";;;AAAa,QAAA,qCAAqC,GAAG,sCAAsC,CAAC,CAAC,kEAAkE;AAClJ,QAAA,8BAA8B,GAAG,+BAA+B,CAAC,CAAC,0CAA0C;AAEzH,kCAAkC;AACrB,QAAA,oCAAoC,GAAG,sCAAsC,CAAC,CAAC,yCAAyC;AACxH,QAAA,yCAAyC,GAAG,uDAAuD,CAAC;AAEjH,kCAAkC;AACrB,QAAA,6CAA6C,GAAG,+CAA+C,CAAC;AAChG,QAAA,0CAA0C,GAAG,sDAAsD,CAAC,CAAC,yCAAyC"}
+{"version":3,"file":"consts.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/CheckboxExperimental/consts.ts"],"names":[],"mappings":";;;AAAa,QAAA,qCAAqC,GAAG,sCAAsC,CAAC,CAAC,kEAAkE;AAClJ,QAAA,8BAA8B,GAAG,+BAA+B,CAAC,CAAC,0CAA0C;AAEzH,kCAAkC;AACrB,QAAA,oCAAoC,GAAG,sCAAsC,CAAC,CAAC,yCAAyC;AACxH,QAAA,yCAAyC,GAAG,uDAAuD,CAAC;AAEjH,kCAAkC;AACrB,QAAA,6CAA6C,GAAG,+CAA+C,CAAC;AAChG,QAAA,0CAA0C,GAAG,sDAAsD,CAAC,CAAC,yCAAyC;AAE9I,QAAA,8BAA8B,GAAG,gCAAgC,CAAC,CAAC,oDAAoD"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui-react-native/tester",
-  "version": "0.56.0",
+  "version": "0.56.1",
   "description": "A test app to test FluentUI React Native Components during development",
   "license": "MIT",
   "author": "Microsoft <fluentuinativeowners@microsoft.com>",
@@ -28,15 +28,15 @@
     "@fluentui-react-native/android-theme": ">=0.5.4 <1.0.0",
     "@fluentui-react-native/apple-theme": ">=0.9.10 <1.0.0",
     "@fluentui-react-native/badge": ">=0.0.13 <1.0.0",
-    "@fluentui-react-native/button": ">=0.22.3 <1.0.0",
+    "@fluentui-react-native/button": ">=0.22.4 <1.0.0",
     "@fluentui-react-native/default-theme": ">=0.9.10 <1.0.0",
     "@fluentui-react-native/experimental-activity-indicator": ">=0.5.13 <1.0.0",
     "@fluentui-react-native/experimental-avatar": ">=0.14.5 <1.0.0",
-    "@fluentui-react-native/experimental-button": "0.15.3",
-    "@fluentui-react-native/experimental-checkbox": "0.6.9",
+    "@fluentui-react-native/experimental-button": "0.15.4",
+    "@fluentui-react-native/experimental-checkbox": "0.7.0",
     "@fluentui-react-native/experimental-native-date-picker": ">=0.4.1 <1.0.0",
     "@fluentui-react-native/experimental-expander": "0.3.14",
-    "@fluentui-react-native/experimental-menu-button": ">=0.3.12 <1.0.0",
+    "@fluentui-react-native/experimental-menu-button": ">=0.3.13 <1.0.0",
     "@fluentui-react-native/experimental-shimmer": "0.6.16",
     "@fluentui-react-native/experimental-tabs": "0.4.23",
     "@fluentui-react-native/experimental-text": ">=0.7.14 <1.0.0",
@@ -49,7 +49,7 @@
     "@fluentui-react-native/themed-stylesheet": "^1.3.2",
     "@fluentui-react-native/theming-utils": ">=0.8.10 <1.0.0",
     "@fluentui-react-native/win32-theme": ">=0.14.11 <1.0.0",
-    "@fluentui/react-native": ">=0.27.33 <1.0.0",
+    "@fluentui/react-native": ">=0.27.34 <1.0.0",
     "@react-native-community/slider": "^4.2.0",
     "@react-native-menu/menu": "^0.1.2",
     "@react-native-picker/picker": "^2.2.1",
@@ -79,7 +79,6 @@
     "react-native-svg-transformer": "^1.0.0",
     "react-native-windows": "^0.64.0",
     "react-test-renderer": "17.0.1",
-    "rnpm-plugin-windows": "^0.5.1-0",
     "ts-node": "^8.10.1",
     "tsconfig-paths": "^3.9.0",
     "typescript": "4.5.4",

package/src/E2E/CheckboxExperimental/pages/ExperimentalCheckboxPageObject.ts

@@ -3,10 +3,73 @@ import {
   EXPERIMENTAL_CHECKBOX_TESTPAGE,
   EXPERIMENTAL_CHECKBOX_TEST_COMPONENT,
   EXPERIMENTAL_CHECKBOX_NO_A11Y_LABEL_COMPONENT,
+  EXPERIMENTAL_CHECKBOX_ON_PRESS,
 } from '../../../FluentTester/TestComponents/CheckboxExperimental/consts';
 import { BasePage, By } from '../../common/BasePage.win';
 
+/* This enum gives the spec file an EASY way to interact with SPECIFIC UI elements on the page.
+ * The spec file should import this enum and use it when wanting to interact with different elements on the page. */
+export const enum ExperimentalCheckboxSelector {
+  Primary, //this._primaryComponent
+}
+
 class ExperimentalCheckboxPageObject extends BasePage {
+  /******************************************************************/
+  /**************** UI Element Interaction Methods ******************/
+  /******************************************************************/
+  isCheckboxChecked(): boolean {
+    return this._primaryComponent.isSelected();
+  }
+
+  waitForCheckboxChecked(timeout?: number): void {
+    browser.waitUntil(
+      () => {
+        return this.isCheckboxChecked();
+      },
+      {
+        timeout: timeout ?? this.waitForPageTimeout,
+        timeoutMsg: 'The Checkbox was not toggled correctly',
+        interval: 1000,
+      },
+    );
+  }
+
+  /* Useful in beforeEach() hook to reset the checkbox before every test */
+  toggleCheckboxToUnchecked(): void {
+    if (this.isCheckboxChecked()) {
+      this._primaryComponent.click();
+    }
+  }
+
+  didOnChangeCallbackFire(): boolean {
+    const callbackText = By(EXPERIMENTAL_CHECKBOX_ON_PRESS);
+    browser.waitUntil(
+      () => {
+        return callbackText.isDisplayed();
+      },
+      {
+        timeout: this.waitForPageTimeout,
+        timeoutMsg: 'The OnChange callback did not fire.',
+        interval: 1000,
+      },
+    );
+
+    return callbackText.isDisplayed();
+  }
+
+  /* Sends a Keyboarding command on a specific UI element */
+  sendKey(selector: ExperimentalCheckboxSelector, key: string): void {
+    this.getCheckboxSelector(selector).addValue(key);
+  }
+
+  /* Returns the correct WebDriverIO element from the Checkbox Selector */
+  getCheckboxSelector(selector?: ExperimentalCheckboxSelector): WebdriverIO.Element {
+    if (selector == ExperimentalCheckboxSelector.Primary) {
+      return this._primaryComponent;
+    }
+    return this._primaryComponent;
+  }
+
   /*****************************************/
   /**************** Getters ****************/
   /*****************************************/

package/src/E2E/CheckboxExperimental/specs/ExperimentalCheckbox.spec.win.ts

@@ -1,11 +1,11 @@
 import NavigateAppPage from '../../common/NavigateAppPage.win';
-import ExperimentalCheckboxPageObject from '../pages/ExperimentalCheckboxPageObject';
+import ExperimentalCheckboxPageObject, { ExperimentalCheckboxSelector } from '../pages/ExperimentalCheckboxPageObject';
 import { ComponentSelector } from '../../common/BasePage.win';
 import {
   EXPERIMENTAL_CHECKBOX_TEST_COMPONENT_LABEL,
   EXPERIMENTAL_CHECKBOX_ACCESSIBILITY_LABEL,
 } from '../../../FluentTester/TestComponents/CheckboxExperimental/consts';
-import { PAGE_TIMEOUT, BOOT_APP_TIMEOUT, CHECKBOX_A11Y_ROLE } from '../../common/consts';
+import { PAGE_TIMEOUT, BOOT_APP_TIMEOUT, CHECKBOX_A11Y_ROLE, Keys } from '../../common/consts';
 
 describe('Experimental Checkbox Testing Initialization', () => {
   it('Wait for app load', () => {
@@ -28,6 +28,12 @@ describe('Experimental Checkbox Testing Initialization', () => {
 });
 
 describe('Experimental Checkbox Accessibility Testing', () => {
+  /* Scrolls and waits for the Checkbox to be visible on the Test Page */
+  beforeEach(() => {
+    ExperimentalCheckboxPageObject.scrollToTestElement();
+    ExperimentalCheckboxPageObject.waitForPrimaryElementDisplayed(PAGE_TIMEOUT);
+  });
+
   it('Experimental Checkbox - Validate accessibilityRole is correct', () => {
     ExperimentalCheckboxPageObject.scrollToTestElement();
     ExperimentalCheckboxPageObject.waitForPrimaryElementDisplayed(PAGE_TIMEOUT);
@@ -56,3 +62,43 @@ describe('Experimental Checkbox Accessibility Testing', () => {
     expect(ExperimentalCheckboxPageObject.didAssertPopup()).toBeFalsy(ExperimentalCheckboxPageObject.ERRORMESSAGE_ASSERT);
   });
 });
+
+describe('Checkbox Functional Testing', () => {
+  /* Scrolls and waits for the Checkbox to be visible on the Test Page AND un-checks the Checkbox */
+  beforeEach(() => {
+    ExperimentalCheckboxPageObject.scrollToTestElement();
+    ExperimentalCheckboxPageObject.waitForPrimaryElementDisplayed(PAGE_TIMEOUT);
+
+    ExperimentalCheckboxPageObject.toggleCheckboxToUnchecked();
+  });
+
+  it("Click on a Checkbox -> Validate it toggles correctly AND calls the user's onChange", () => {
+    /* Validate the Checkbox is initially toggled OFF */
+    expect(ExperimentalCheckboxPageObject.isCheckboxChecked()).toBeFalsy();
+
+    /* Click on the Checkbox to toggle on */
+    ExperimentalCheckboxPageObject.clickComponent();
+    ExperimentalCheckboxPageObject.waitForCheckboxChecked(PAGE_TIMEOUT);
+
+    expect(ExperimentalCheckboxPageObject.didOnChangeCallbackFire()).toBeTruthy();
+
+    /* Validate the Checkbox is toggled ON */
+    expect(ExperimentalCheckboxPageObject.isCheckboxChecked()).toBeTruthy();
+
+    ExperimentalCheckboxPageObject.clickComponent();
+
+    /* Validate the Checkbox is toggled OFF */
+    expect(ExperimentalCheckboxPageObject.isCheckboxChecked()).toBeFalsy();
+    expect(ExperimentalCheckboxPageObject.didAssertPopup()).toBeFalsy(ExperimentalCheckboxPageObject.ERRORMESSAGE_ASSERT);
+  });
+
+  it('Click the "Spacebar" on a Checkbox and verify it toggles', () => {
+    /* Presses the "space bar" to select the Checkbox */
+    ExperimentalCheckboxPageObject.sendKey(ExperimentalCheckboxSelector.Primary, Keys.Spacebar);
+    ExperimentalCheckboxPageObject.waitForCheckboxChecked(PAGE_TIMEOUT);
+
+    /* Validate the Checkbox is selected */
+    expect(ExperimentalCheckboxPageObject.isCheckboxChecked()).toBeTruthy();
+    expect(ExperimentalCheckboxPageObject.didAssertPopup()).toBeFalsy(ExperimentalCheckboxPageObject.ERRORMESSAGE_ASSERT);
+  });
+});

package/src/FluentTester/TestComponents/Button/ButtonHOCTestSection.tsx

@@ -1,32 +1,41 @@
 import { ButtonV1 as Button } from '@fluentui-react-native/button';
 import { Text } from '@fluentui-react-native/experimental-text';
-import { Icon } from '@fluentui-react-native/icon';
+import { Icon, SvgIconProps } from '@fluentui-react-native/icon';
 import * as React from 'react';
-import { View } from 'react-native';
+import { Platform, View } from 'react-native';
 import { commonTestStyles, stackStyle } from '../Common/styles';
+import TestSvg from './test.svg';
+
+const CustomText = Text.customize({ fontSize: 'header', color: 'hotpink' });
+const CustomButton = Button.customize({ backgroundColor: 'pink' });
+const CustomIconButton = Button.customize({ iconColor: 'yellow' });
+const ComposedButton = Button.compose({
+  slots: {
+    root: View,
+    icon: Icon,
+    content: CustomText,
+  },
+  slotProps: {
+    content: {
+      style: { marginTop: -1, marginBottom: 1, marginStart: 0, marginEnd: -2 },
+    },
+  },
+});
+const svgProps: SvgIconProps = {
+  src: TestSvg,
+  viewBox: '0 0 500 500',
+};
 
 export const ButtonHOCTest: React.FunctionComponent = () => {
   const buttonRef = React.useRef(null);
-  const CustomText = Text.customize({ fontSize: 'header', color: 'hotpink' });
-  const CustomButton = Button.customize({ backgroundColor: 'pink' });
-  const ComposedButton = Button.compose({
-    slots: {
-      root: View,
-      icon: Icon,
-      content: CustomText,
-    },
-    slotProps: {
-      content: {
-        style: { marginTop: -1, marginBottom: 1, marginStart: 0, marginEnd: -2 },
-      },
-    },
-  });
+  const svgIconsEnabled = ['ios', 'macos', 'win32', 'android'].includes(Platform.OS as string);
 
   return (
     <View style={stackStyle}>
       <CustomButton style={commonTestStyles.vmargin} componentRef={buttonRef}>
         Customized Button with ref
       </CustomButton>
+      {svgIconsEnabled && <CustomIconButton icon={{ svgSource: svgProps }}>Customized Icon Button</CustomIconButton>}
       <Button
         style={commonTestStyles.vmargin}
         onClick={() => {

package/src/FluentTester/TestComponents/Button/ButtonSizeTestSection.tsx

@@ -11,7 +11,6 @@ export const ButtonSizeTest: React.FunctionComponent = () => {
     viewBox: '0 0 500 500',
   };
   const svgIconsEnabled = ['ios', 'macos', 'win32', 'android'].includes(Platform.OS as string);
-
   return (
     <View style={[stackStyle, commonTestStyles.view]}>
       {svgIconsEnabled && (

package/src/FluentTester/TestComponents/CheckboxExperimental/CheckboxTest.tsx

@@ -16,16 +16,23 @@ const basicCheckbox: React.FunctionComponent = () => {
     <View>
       <Checkbox label="Unchecked checkbox (undefined)" onChange={onChangeUncontrolled} />
       <Checkbox label="Unchecked checkbox (uncontrolled)" onChange={onChangeUncontrolled} defaultChecked={false} />
-      <Checkbox
-        label="Checked checkbox (uncontrolled)"
-        onChange={onChangeUncontrolled}
-        defaultChecked={true}
-        accessibilityLabel="Hello there"
-      />
-      <Checkbox label="Disabled checkbox" onChange={onChangeUncontrolled} defaultChecked={false} disabled={true} />
-      <Checkbox label="Disabled checked checkbox" onChange={onChangeUncontrolled} defaultChecked={true} disabled={true} />
-      <Checkbox label="Checkbox will display a tooltip" onChange={onChangeUncontrolled} tooltip="This is a tooltip" />
-      <Checkbox label="A circular checkbox" circular onChange={onChangeUncontrolled} defaultChecked={false} />
+      <Checkbox label="Checked checkbox (uncontrolled)" onChange={onChangeUncontrolled} defaultChecked accessibilityLabel="Hello there" />
+      <Checkbox label="Disabled checkbox" disabled />
+      <Checkbox label="Disabled checked checkbox" defaultChecked disabled />
+      <Checkbox label="Checkbox will display a tooltip" tooltip="This is a tooltip" />
+      <Checkbox label="A circular checkbox" circular />
+      <Checkbox label="A circular checkbox" labelPosition="before" />
+    </View>
+  );
+};
+
+const sizeCheckbox: React.FunctionComponent = () => {
+  return (
+    <View>
+      <Checkbox tooltip="Medium checkbox" size="medium" />
+      <Checkbox tooltip="Large checkbox" size="large" />
+      <Checkbox label="Medium checkbox" size="medium" />
+      <Checkbox label="Large checkbox" size="large" />
     </View>
   );
 };
@@ -134,6 +141,10 @@ const checkboxSections: TestSection[] = [
     testID: EXPERIMENTAL_CHECKBOX_TESTPAGE,
     component: basicCheckbox,
   },
+  {
+    name: 'Size Checkboxes',
+    component: sizeCheckbox,
+  },
   {
     name: 'Other Implementations',
     component: otherCheckbox,

package/src/FluentTester/TestComponents/CheckboxExperimental/E2ECheckboxExperimentalTest.tsx

@@ -7,10 +7,21 @@ import {
   EXPERIMENTAL_CHECKBOX_ACCESSIBILITY_LABEL,
   EXPERIMENTAL_CHECKBOX_NO_A11Y_LABEL_COMPONENT,
   EXPERIMENTAL_CHECKBOX_TEST_COMPONENT_LABEL,
+  EXPERIMENTAL_CHECKBOX_ON_PRESS,
 } from './consts';
 import { Stack } from '@fluentui-react-native/stack';
+import { Text } from '@fluentui/react-native';
 
 export const E2ECheckboxExperimentalTest: React.FunctionComponent = () => {
+  const [checkboxPressed, setCheckboxPressed] = React.useState(false);
+
+  const onClick = React.useCallback(
+    (checked) => {
+      setCheckboxPressed(checked);
+    },
+    [setCheckboxPressed],
+  );
+
   return (
     <View>
       <Stack style={stackStyle}>
@@ -19,8 +30,10 @@ export const E2ECheckboxExperimentalTest: React.FunctionComponent = () => {
           disabled={false}
           label="Testing accessibilityLabel"
           testID={EXPERIMENTAL_CHECKBOX_TEST_COMPONENT}
+          onChange={onClick}
         />
         <Checkbox label={EXPERIMENTAL_CHECKBOX_TEST_COMPONENT_LABEL} testID={EXPERIMENTAL_CHECKBOX_NO_A11Y_LABEL_COMPONENT} />
+        {checkboxPressed ? <Text testID={EXPERIMENTAL_CHECKBOX_ON_PRESS}>Checkbox Selected</Text> : null}
       </Stack>
     </View>
   );