@fluentui-react-native/tester 0.53.3 → 0.55.2

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

@@ -1,39 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ToggleButtonTest = void 0;
-var tslib_1 = require("tslib");
-var experimental_button_1 = require("@fluentui-react-native/experimental-button");
-var react_native_1 = require("@fluentui/react-native");
-var React = (0, tslib_1.__importStar)(require("react"));
-var react_native_2 = require("react-native");
-var styles_1 = require("../Common/styles");
-var styles = react_native_2.StyleSheet.create({
-    row: {
-        flexDirection: 'row',
-    },
-    hmargin: {
-        marginHorizontal: 8,
-    },
-});
-var ToggleButtonTest = function () {
-    var _a = React.useState(false), defaultChecked = _a[0], setDefaultChecked = _a[1];
-    var onDefaultClicked = React.useCallback(function () { return setDefaultChecked(!defaultChecked); }, [defaultChecked, setDefaultChecked]);
-    var _b = React.useState(false), subtleChecked = _b[0], setSubtleChecked = _b[1];
-    var onGhostClicked = React.useCallback(function () { return setSubtleChecked(!subtleChecked); }, [subtleChecked, setSubtleChecked]);
-    return (React.createElement(react_native_2.View, { style: [styles_1.stackStyle, styles_1.commonTestStyles.view] },
-        React.createElement(react_native_2.View, { style: styles.row },
-            React.createElement(experimental_button_1.ToggleButton, { onClick: onDefaultClicked, checked: defaultChecked, style: styles_1.commonTestStyles.vmargin }, "Default Toggle"),
-            React.createElement(react_native_1.Checkbox, { checked: defaultChecked, label: "Default Toggle is Checked", style: [styles_1.commonTestStyles.vmargin, styles.hmargin] })),
-        React.createElement(experimental_button_1.ToggleButton, { checked: true, style: styles_1.commonTestStyles.vmargin }, "Checked Default Toggle"),
-        React.createElement(experimental_button_1.ToggleButton, { checked: false, style: styles_1.commonTestStyles.vmargin }, "Unchecked Default Toggle"),
-        React.createElement(experimental_button_1.ToggleButton, { appearance: "primary", style: styles_1.commonTestStyles.vmargin }, "Checked Primary Toggle"),
-        React.createElement(experimental_button_1.ToggleButton, { disabled: true, defaultChecked: true, appearance: "primary", style: styles_1.commonTestStyles.vmargin }, "Checked Primary Toggle Disabled"),
-        React.createElement(experimental_button_1.ToggleButton, { defaultChecked: true, appearance: "primary", style: styles_1.commonTestStyles.vmargin }, "Unchecked Primary Toggle"),
-        React.createElement(react_native_2.View, { style: styles.row },
-            React.createElement(experimental_button_1.ToggleButton, { appearance: "subtle", onClick: onGhostClicked, checked: subtleChecked, style: styles_1.commonTestStyles.vmargin }, "Subtle Toggle"),
-            React.createElement(react_native_1.Checkbox, { checked: subtleChecked, label: "Subtle Toggle is Checked", style: [styles_1.commonTestStyles.vmargin, styles.hmargin] })),
-        React.createElement(experimental_button_1.ToggleButton, { appearance: "subtle", checked: true, style: styles_1.commonTestStyles.vmargin }, "Checked Subtle Toggle"),
-        React.createElement(experimental_button_1.ToggleButton, { appearance: "subtle", checked: false, style: styles_1.commonTestStyles.vmargin }, "Unchecked Subtle Toggle")));
-};
-exports.ToggleButtonTest = ToggleButtonTest;
-//# sourceMappingURL=ToggleButtonTestSection.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ToggleButtonTestSection.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/ButtonExperimental/ToggleButtonTestSection.tsx"],"names":[],"mappings":";;;;AAAA,kFAA0E;AAC1E,uDAAkD;AAClD,wDAA+B;AAC/B,6CAAgD;AAChD,2CAAgE;AAEhE,IAAM,MAAM,GAAG,yBAAU,CAAC,MAAM,CAAC;IAC/B,GAAG,EAAE;QACH,aAAa,EAAE,KAAK;KACrB;IACD,OAAO,EAAE;QACP,gBAAgB,EAAE,CAAC;KACpB;CACF,CAAC,CAAC;AAEI,IAAM,gBAAgB,GAA4B;IACjD,IAAA,KAAsC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,EAA1D,cAAc,QAAA,EAAE,iBAAiB,QAAyB,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,KAAoC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAxD,aAAa,QAAA,EAAE,gBAAgB,QAAyB,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,mBAAI,IAAC,KAAK,EAAE,CAAC,mBAAU,EAAE,yBAAgB,CAAC,IAAI,CAAC;QAC9C,oBAAC,mBAAI,IAAC,KAAK,EAAE,MAAM,CAAC,GAAG;YACrB,oBAAC,kCAAY,IAAC,OAAO,EAAE,gBAAgB,EAAE,OAAO,EAAE,cAAc,EAAE,KAAK,EAAE,yBAAgB,CAAC,OAAO,qBAElF;YACf,oBAAC,uBAAQ,IAAC,OAAO,EAAE,cAAc,EAAE,KAAK,EAAC,2BAA2B,EAAC,KAAK,EAAE,CAAC,yBAAgB,CAAC,OAAO,EAAE,MAAM,CAAC,OAAO,CAAC,GAAI,CACrH;QACP,oBAAC,kCAAY,IAAC,OAAO,QAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,6BAEtC;QACf,oBAAC,kCAAY,IAAC,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,yBAAgB,CAAC,OAAO,+BAE9C;QACf,oBAAC,kCAAY,IAAC,UAAU,EAAC,SAAS,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,6BAEnD;QACf,oBAAC,kCAAY,IAAC,QAAQ,QAAC,cAAc,QAAC,UAAU,EAAC,SAAS,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,sCAE3E;QACf,oBAAC,kCAAY,IAAC,cAAc,QAAC,UAAU,EAAC,SAAS,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,+BAElE;QACf,oBAAC,mBAAI,IAAC,KAAK,EAAE,MAAM,CAAC,GAAG;YACrB,oBAAC,kCAAY,IAAC,UAAU,EAAC,QAAQ,EAAC,OAAO,EAAE,cAAc,EAAE,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,yBAAgB,CAAC,OAAO,oBAEnG;YACf,oBAAC,uBAAQ,IAAC,OAAO,EAAE,aAAa,EAAE,KAAK,EAAC,0BAA0B,EAAC,KAAK,EAAE,CAAC,yBAAgB,CAAC,OAAO,EAAE,MAAM,CAAC,OAAO,CAAC,GAAI,CACnH;QACP,oBAAC,kCAAY,IAAC,UAAU,EAAC,QAAQ,EAAC,OAAO,QAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,4BAE1D;QACf,oBAAC,kCAAY,IAAC,UAAU,EAAC,QAAQ,EAAC,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,yBAAgB,CAAC,OAAO,8BAElE,CACV,CACR,CAAC;AACJ,CAAC,CAAC;AA3CW,QAAA,gBAAgB,oBA2C3B"}

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

@@ -1,8 +0,0 @@
-export declare const HOMEPAGE_BUTTON_BUTTONEXPERIMENTAL = "Homepage_Button_ButtonExperimental";
-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-commonjs/FluentTester/TestComponents/ButtonExperimental/consts.d.ts.map

@@ -1 +0,0 @@
-{"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-commonjs/FluentTester/TestComponents/ButtonExperimental/consts.js

@@ -1,13 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.BUTTONEXPERIMENTAL_ON_PRESS = exports.BUTTONEXPERIMENTAL_TEST_COMPONENT_LABEL = exports.BUTTONEXPERIMENTAL_NO_A11Y_LABEL_COMPONENT = exports.BUTTONEXPERIMENTAL_ACCESSIBILITY_LABEL = exports.BUTTONEXPERIMENTAL_TEST_COMPONENT = exports.EXPERIMENTAL_BUTTON_TEST_PAGE = exports.HOMEPAGE_BUTTON_BUTTONEXPERIMENTAL = void 0;
-exports.HOMEPAGE_BUTTON_BUTTONEXPERIMENTAL = 'Homepage_Button_ButtonExperimental'; // Button on the homepage that navigates to the selected test page
-exports.EXPERIMENTAL_BUTTON_TEST_PAGE = 'ButtonExperimental_TestPage'; // A component on each specific test page.
-/* Test Button 1 */
-exports.BUTTONEXPERIMENTAL_TEST_COMPONENT = 'Button_Test_Component'; // A component on each specific test page
-exports.BUTTONEXPERIMENTAL_ACCESSIBILITY_LABEL = 'E2E testing Button accessibility label';
-/* Test Button 2 */
-exports.BUTTONEXPERIMENTAL_NO_A11Y_LABEL_COMPONENT = 'Button_No_A11y_label_Component';
-exports.BUTTONEXPERIMENTAL_TEST_COMPONENT_LABEL = 'Test Button2 - No Accessibility Label'; // A component on each specific test page
-exports.BUTTONEXPERIMENTAL_ON_PRESS = 'Button_On_Press'; // For testing the press functionality on a button
-//# sourceMappingURL=consts.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"consts.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/ButtonExperimental/consts.ts"],"names":[],"mappings":";;;AAAa,QAAA,kCAAkC,GAAG,oCAAoC,CAAC,CAAC,kEAAkE;AAC7I,QAAA,6BAA6B,GAAG,6BAA6B,CAAC,CAAC,0CAA0C;AAEtH,mBAAmB;AACN,QAAA,iCAAiC,GAAG,uBAAuB,CAAC,CAAC,yCAAyC;AACtG,QAAA,sCAAsC,GAAG,wCAAwC,CAAC;AAE/F,mBAAmB;AACN,QAAA,0CAA0C,GAAG,gCAAgC,CAAC;AAC9E,QAAA,uCAAuC,GAAG,uCAAuC,CAAC,CAAC,yCAAyC;AAE5H,QAAA,2BAA2B,GAAG,iBAAiB,CAAC,CAAC,kDAAkD"}

package/lib-commonjs/FluentTester/TestComponents/ButtonExperimental/index.d.ts

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

package/lib-commonjs/FluentTester/TestComponents/ButtonExperimental/index.d.ts.map

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

package/lib-commonjs/FluentTester/TestComponents/ButtonExperimental/index.js

@@ -1,6 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-(0, tslib_1.__exportStar)(require("./ButtonTest"), exports);
-(0, tslib_1.__exportStar)(require("./consts"), exports);
-//# sourceMappingURL=index.js.map

package/lib-commonjs/FluentTester/TestComponents/ButtonExperimental/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/ButtonExperimental/index.ts"],"names":[],"mappings":";;;AAAA,4DAA6B;AAC7B,wDAAyB"}

package/src/FluentTester/TestComponents/ButtonExperimental/ButtonTest.tsx

@@ -1,57 +0,0 @@
-import * as React from 'react';
-import { ButtonVariantTest } from './ButtonVariantTestSection';
-import { ToggleButtonTest } from './ToggleButtonTestSection';
-import { EXPERIMENTAL_BUTTON_TEST_PAGE } from './consts';
-import { Test, TestSection, PlatformStatus } from '../Test';
-import { ButtonIconTest } from './ButtonIconTestSection';
-import { ButtonSizeTest } from './ButtonSizeTestSection';
-import { ButtonShapeTest } from './ButtonShapeTestSection';
-import { E2EButtonExperimentalTest } from './E2EButtonTest';
-import { ButtonHOCTest } from './ButtonHOCTestSection';
-
-const buttonSections: TestSection[] = [
-  {
-    name: 'Button Variants',
-    testID: EXPERIMENTAL_BUTTON_TEST_PAGE,
-    component: ButtonVariantTest,
-  },
-  {
-    name: 'Button Shape',
-    component: ButtonShapeTest,
-  },
-  {
-    name: 'Icon Button',
-    component: ButtonIconTest,
-  },
-  {
-    name: 'Toggle Button',
-    component: ToggleButtonTest,
-  },
-  {
-    name: 'Sizes',
-    component: ButtonSizeTest,
-  },
-  {
-    name: 'Customize, Compose, and Ref',
-    component: ButtonHOCTest,
-  },
-  {
-    name: 'E2E Button Testing',
-    component: E2EButtonExperimentalTest,
-  },
-];
-
-export const ExperimentalButtonTest: React.FunctionComponent = () => {
-  const status: PlatformStatus = {
-    win32Status: 'Experimental',
-    uwpStatus: 'Experimental',
-    iosStatus: 'Experimental',
-    macosStatus: 'Experimental',
-    androidStatus: 'Backlog',
-  };
-
-  const description =
-    'Buttons are best used to enable a user to commit a change or complete steps in a task. They are typically found inside forms, dialogs, panels or pages. An example of their usage is confirming the deletion of a file in a confirmation dialog.\n\nWhen considering their place in a layout, contemplate the order in which a user will flow through the UI. As an example, in a form, the individual will need to read and interact with the form fields before submiting the form. Therefore, as a general rule, the button should be placed at the bottom of the UI container (a dialog, panel, or page) which holds the related UI elements.\n\nWhile buttons can technically be used to navigate a user to another part of the experience, this is not recommended unless that navigation is part of an action or their flow.';
-
-  return <Test name="Experimental Button Test" description={description} sections={buttonSections} status={status} />;
-};

package/src/FluentTester/TestComponents/ButtonExperimental/E2EButtonTest.tsx

@@ -1,36 +0,0 @@
-/* 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 const E2EButtonExperimentalTest: React.FunctionComponent = () => {
-  const [buttonPressed, setButtonPressed] = React.useState(false);
-
-  const onClick = React.useCallback(() => {
-    setButtonPressed(!buttonPressed);
-  }, [buttonPressed]);
-
-  return (
-    <View>
-      <Stack style={stackStyle}>
-        <Button testID={BUTTONEXPERIMENTAL_TEST_COMPONENT} onClick={onClick} accessibilityLabel={BUTTONEXPERIMENTAL_ACCESSIBILITY_LABEL}>
-          This is a button for E2E testing
-        </Button>
-        <Button testID={BUTTONEXPERIMENTAL_NO_A11Y_LABEL_COMPONENT} onClick={onClick}>
-          {BUTTONEXPERIMENTAL_TEST_COMPONENT_LABEL}
-        </Button>
-        {buttonPressed ? <Text testID={BUTTONEXPERIMENTAL_ON_PRESS}>Button Pressed</Text> : null}
-      </Stack>
-    </View>
-  );
-};

package/src/FluentTester/TestComponents/ButtonExperimental/consts.ts

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

package/src/FluentTester/TestComponents/ButtonExperimental/index.ts

@@ -1,2 +0,0 @@
-export * from './ButtonTest';
-export * from './consts';

package/src/FluentTester/TestComponents/ButtonExperimental/test.svg

@@ -1 +0,0 @@
-<svg aria-hidden="true" focusable="false" data-prefix="fab" data-icon="accessible-icon" class="svg-inline--fa fa-accessible-icon fa-w-14" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M423.9 255.8L411 413.1c-3.3 40.7-63.9 35.1-60.6-4.9l10-122.5-41.1 2.3c10.1 20.7 15.8 43.9 15.8 68.5 0 41.2-16.1 78.7-42.3 106.5l-39.3-39.3c57.9-63.7 13.1-167.2-74-167.2-25.9 0-49.5 9.9-67.2 26L73 243.2c22-20.7 50.1-35.1 81.4-40.2l75.3-85.7-42.6-24.8-51.6 46c-30 26.8-70.6-18.5-40.5-45.4l68-60.7c9.8-8.8 24.1-10.2 35.5-3.6 0 0 139.3 80.9 139.5 81.1 16.2 10.1 20.7 36 6.1 52.6L285.7 229l106.1-5.9c18.5-1.1 33.6 14.4 32.1 32.7zm-64.9-154c28.1 0 50.9-22.8 50.9-50.9C409.9 22.8 387.1 0 359 0c-28.1 0-50.9 22.8-50.9 50.9 0 28.1 22.8 50.9 50.9 50.9zM179.6 456.5c-80.6 0-127.4-90.6-82.7-156.1l-39.7-39.7C36.4 287 24 320.3 24 356.4c0 130.7 150.7 201.4 251.4 122.5l-39.7-39.7c-16 10.9-35.3 17.3-56.1 17.3z"></path></svg>