@fluentui-react-native/tester-core 0.1.1

package/lib/TestComponents/Button/E2EButtonTest.js

@@ -0,0 +1,99 @@
+import { jsx as _jsx, jsxs as _jsxs } from 'react/jsx-runtime';
+import * as React from 'react';
+import { View } from 'react-native';
+import { ButtonV1 as Button, Text } from '@fluentui/react-native';
+import {
+  BUTTON_TEST_COMPONENT,
+  BUTTON_ON_PRESS,
+  BUTTON_NO_A11Y_LABEL_COMPONENT,
+  BUTTON_ACCESSIBILITY_LABEL,
+  BUTTON_TEST_COMPONENT_LABEL,
+  BUTTON_ON_KEY,
+  BUTTON_PRESS_TEST_COMPONENT,
+  BUTTON_PRESS_TEST_COMPONENT_LABEL,
+  BUTTON_FOCUSABLE_TEST_COMPONENT,
+  BUTTON_FOCUSABLE_TEST_COMPONENT_LABEL,
+} from '@fluentui-react-native/e2e-testing';
+import { Stack } from '@fluentui-react-native/stack';
+import { stackStyle } from '../Common/styles';
+import { testProps } from '../Common/TestProps';
+function keyEvent(key) {
+  return {
+    key,
+    shiftKey: false,
+    ctrlKey: false,
+    altKey: false,
+    metaKey: false,
+  };
+}
+export const E2EButtonTest = () => {
+  const [buttonPressed, setButtonPressed] = React.useState(false);
+  const [keyDetected, setKeyDetected] = React.useState('');
+  const onClick = React.useCallback(() => {
+    setButtonPressed(!buttonPressed);
+    setKeyDetected('');
+  }, [buttonPressed]);
+  const keyPressProps = {
+    keyDownEvents: [keyEvent('a')],
+    onKeyDown: (args) => {
+      if (args.nativeEvent.key === 'a') {
+        setKeyDetected('a (down)');
+        args.stopPropagation();
+      }
+    },
+    keyUpEvents: [keyEvent('b')],
+    onKeyUp: (args) => {
+      if (args.nativeEvent.key === 'b') {
+        setKeyDetected('b (up)');
+        args.stopPropagation();
+      }
+    },
+  };
+  return _jsx(View, {
+    children: _jsxs(Stack, {
+      style: stackStyle,
+      children: [
+        _jsx(Button, {
+          onClick: onClick,
+          accessibilityLabel: BUTTON_ACCESSIBILITY_LABEL,
+          ...testProps(BUTTON_TEST_COMPONENT),
+          children: 'This is a button for E2E testing',
+        }),
+        _jsx(Button, {
+          onClick: onClick,
+          accessibilityRole: 'menuitem',
+          ...testProps(BUTTON_NO_A11Y_LABEL_COMPONENT),
+          children: BUTTON_TEST_COMPONENT_LABEL,
+        }),
+        _jsx(Button, {
+          onClick: onClick,
+          accessibilityLabel: BUTTON_PRESS_TEST_COMPONENT_LABEL,
+          ...keyPressProps,
+          ...testProps(BUTTON_PRESS_TEST_COMPONENT),
+          children: 'Press "a" or "b" after focusing this button',
+        }),
+        _jsx(Button, {
+          onClick: onClick,
+          accessibilityLabel: BUTTON_FOCUSABLE_TEST_COMPONENT_LABEL,
+          focusable: false,
+          ...testProps(BUTTON_FOCUSABLE_TEST_COMPONENT),
+          children: "This button isn't focusable (but isn't disabled or indeterminate either)",
+        }),
+        buttonPressed
+          ? _jsx(
+              Text,
+              /* For Android E2E testing purposes, testProps must be passed in after accessibilityLabel. */
+              { ...testProps(BUTTON_ON_PRESS), children: 'Button Pressed' },
+            )
+          : null,
+        keyDetected
+          ? _jsxs(Text /* For Android E2E testing purposes, testProps must be passed in after accessibilityLabel. */, {
+              ...testProps(BUTTON_ON_KEY),
+              children: ['Button Key Press detected: ', keyDetected],
+            })
+          : null,
+      ],
+    }),
+  });
+};
+//# sourceMappingURL=E2EButtonTest.js.map

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

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

package/lib/TestComponents/Button/ToggleButtonTestSection.d.ts

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

package/lib/TestComponents/Button/ToggleButtonTestSection.d.ts.map

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

package/lib/TestComponents/Button/ToggleButtonTestSection.js

@@ -0,0 +1,70 @@
+import { jsx as _jsx, jsxs as _jsxs } from 'react/jsx-runtime';
+import * as React from 'react';
+import { StyleSheet, View } from 'react-native';
+import { ToggleButton } from '@fluentui/react-native';
+import { Checkbox } from '@fluentui/react-native';
+import { commonTestStyles, testContentRootViewStyle } from '../Common/styles';
+const styles = StyleSheet.create({
+  row: {
+    flexDirection: 'row',
+  },
+  checkbox: {
+    ...commonTestStyles.vmargin,
+    marginHorizontal: 8,
+  },
+});
+export const ToggleButtonTest = () => {
+  const [defaultChecked, setDefaultChecked] = React.useState(false);
+  const onDefaultClicked = React.useCallback(() => setDefaultChecked(!defaultChecked), [defaultChecked, setDefaultChecked]);
+  const [subtleChecked, setSubtleChecked] = React.useState(false);
+  const onGhostClicked = React.useCallback(() => setSubtleChecked(!subtleChecked), [subtleChecked, setSubtleChecked]);
+  return _jsxs(View, {
+    style: testContentRootViewStyle,
+    children: [
+      _jsxs(View, {
+        style: styles.row,
+        children: [
+          _jsx(ToggleButton, {
+            onClick: onDefaultClicked,
+            checked: defaultChecked,
+            style: commonTestStyles.vmargin,
+            children: 'Default Toggle',
+          }),
+          _jsx(Checkbox, { checked: defaultChecked, label: 'Default Toggle is Checked', style: styles.checkbox }),
+        ],
+      }),
+      _jsx(ToggleButton, { checked: true, style: commonTestStyles.vmargin, children: 'Checked Default Toggle' }),
+      _jsx(ToggleButton, { checked: false, style: commonTestStyles.vmargin, children: 'Unchecked Default Toggle' }),
+      _jsx(ToggleButton, {
+        appearance: 'primary',
+        defaultChecked: true,
+        style: commonTestStyles.vmargin,
+        children: 'Checked Primary Toggle',
+      }),
+      _jsx(ToggleButton, {
+        disabled: true,
+        defaultChecked: true,
+        appearance: 'primary',
+        style: commonTestStyles.vmargin,
+        children: 'Checked Primary Toggle Disabled',
+      }),
+      _jsx(ToggleButton, { appearance: 'primary', style: commonTestStyles.vmargin, children: 'Unchecked Primary Toggle' }),
+      _jsxs(View, {
+        style: styles.row,
+        children: [
+          _jsx(ToggleButton, {
+            appearance: 'subtle',
+            onClick: onGhostClicked,
+            checked: subtleChecked,
+            style: commonTestStyles.vmargin,
+            children: 'Subtle Toggle',
+          }),
+          _jsx(Checkbox, { checked: subtleChecked, label: 'Subtle Toggle is Checked', style: styles.checkbox }),
+        ],
+      }),
+      _jsx(ToggleButton, { appearance: 'subtle', checked: true, style: commonTestStyles.vmargin, children: 'Checked Subtle Toggle' }),
+      _jsx(ToggleButton, { appearance: 'subtle', checked: false, style: commonTestStyles.vmargin, children: 'Unchecked Subtle Toggle' }),
+    ],
+  });
+};
+//# sourceMappingURL=ToggleButtonTestSection.js.map

package/lib/TestComponents/Button/ToggleButtonTestSection.js.map

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

package/lib/TestComponents/Button/deprecated/ButtonFocusTest.d.ts

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

package/lib/TestComponents/Button/deprecated/ButtonFocusTest.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonFocusTest.d.ts","sourceRoot":"","sources":["../../../../src/TestComponents/Button/deprecated/ButtonFocusTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,eAAO,MAAM,0BAA0B,EAAE,KAAK,CAAC,iBAoB9C,CAAC"}

package/lib/TestComponents/Button/deprecated/ButtonFocusTest.js

@@ -0,0 +1,30 @@
+import { jsx as _jsx, jsxs as _jsxs } from 'react/jsx-runtime';
+import * as React from 'react';
+import { Button } from '@fluentui/react-native';
+import { Stack } from '@fluentui-react-native/stack';
+import { stackStyle } from '../../Common/styles';
+export const ButtonFocusTest_deprecated = () => {
+  const [state, setState] = React.useState({
+    focused: false,
+  });
+  const buttonRef = React.useRef(null);
+  const onFocus = React.useCallback(() => {
+    setState({ focused: !state.focused });
+    if (buttonRef.current && !state.focused) {
+      buttonRef.current.focus();
+    }
+  }, [state, setState]);
+  return _jsxs(Stack, {
+    style: stackStyle,
+    children: [
+      _jsx(Button, {
+        content: state.focused ? 'Focused' : 'Not Focused',
+        componentRef: buttonRef,
+        accessibilityLabel: 'overridden button name',
+      }),
+      _jsx(Button, { content: 'Click to focus', onClick: onFocus, tooltip: 'button tooltip' }),
+      _jsx(Button, { content: 'Disabled Button', onClick: onFocus, tooltip: 'disabled button', disabled: true }),
+    ],
+  });
+};
+//# sourceMappingURL=ButtonFocusTest.js.map

package/lib/TestComponents/Button/deprecated/ButtonFocusTest.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonFocusTest.js","sourceRoot":"","sources":["../../../../src/TestComponents/Button/deprecated/ButtonFocusTest.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAEhD,OAAO,EAAE,KAAK,EAAE,MAAM,8BAA8B,CAAC;AAErD,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAEjD,MAAM,CAAC,MAAM,0BAA0B,GAA4B,GAAG,EAAE,CAAC;IACvE,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC;QACvC,OAAO,EAAE,KAAK;KACf,CAAC,CAAC;IACH,MAAM,SAAS,GAAG,KAAK,CAAC,MAAM,CAAa,IAAI,CAAC,CAAC;IAEjD,MAAM,OAAO,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE,CAAC;QACtC,QAAQ,CAAC,EAAE,OAAO,EAAE,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC,CAAC;QACtC,IAAI,SAAS,CAAC,OAAO,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC;YACxC,SAAS,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;QAC5B,CAAC;IAAA,CACF,EAAE,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEtB,OAAO,CACL,MAAC,KAAK,IAAC,KAAK,EAAE,UAAU;YACtB,KAAC,MAAM,IAAC,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,aAAa,EAAE,YAAY,EAAE,SAAS,EAAE,kBAAkB,EAAC,wBAAwB,GAAG,EACnI,KAAC,MAAM,IAAC,OAAO,EAAC,gBAAgB,EAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAC,gBAAgB,GAAG,EAC9E,KAAC,MAAM,IAAC,OAAO,EAAC,iBAAiB,EAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAC,iBAAiB,EAAC,QAAQ,SAAG;YACnF,CACT,CAAC;AAAA,CACH,CAAC"}

package/lib/TestComponents/Button/deprecated/ButtonIconTest.d.ts

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

package/lib/TestComponents/Button/deprecated/ButtonIconTest.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonIconTest.d.ts","sourceRoot":"","sources":["../../../../src/TestComponents/Button/deprecated/ButtonIconTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAc/B,eAAO,MAAM,yBAAyB,EAAE,KAAK,CAAC,iBAoB7C,CAAC"}

package/lib/TestComponents/Button/deprecated/ButtonIconTest.js

@@ -0,0 +1,34 @@
+import { jsx as _jsx, jsxs as _jsxs } from 'react/jsx-runtime';
+import { Platform, View } from 'react-native';
+import { Button, Text } from '@fluentui/react-native';
+import { Stack } from '@fluentui-react-native/stack';
+import { testImage, svgProps } from '../../Common/iconExamples';
+import { stackStyle } from '../../Common/styles';
+const CustomizedIconButton = Button.customize({
+  tokens: { iconColor: 'red' },
+  content: { style: { marginStart: 5 } },
+});
+export const ButtonIconTest_deprecated = () => {
+  // SVG-based icons are not available on all platforms yet
+  const svgIconsEnabled = ['ios', 'macos', 'win32', 'android'].includes(Platform.OS);
+  const iconProps = { svgSource: svgProps, width: 20, height: 20 };
+  return _jsx(View, {
+    children: _jsxs(Stack, {
+      style: stackStyle,
+      children: [
+        _jsx(Button, { startIcon: testImage, content: 'Button with png Icon', tooltip: 'button tooltip' }),
+        svgIconsEnabled
+          ? _jsx(Button, { startIcon: { ...iconProps, color: 'red' }, content: 'Button with svg Icon', tooltip: 'button tooltip' })
+          : null,
+        svgIconsEnabled
+          ? _jsx(CustomizedIconButton, { startIcon: iconProps, content: 'Button with Customized Icon', tooltip: 'button tooltip' })
+          : null,
+        _jsx(Text, { children: 'End Button icon' }),
+        svgIconsEnabled
+          ? _jsx(CustomizedIconButton, { endIcon: iconProps, content: 'Button with Right Icon', tooltip: 'button tooltip' })
+          : null,
+      ],
+    }),
+  });
+};
+//# sourceMappingURL=ButtonIconTest.js.map

package/lib/TestComponents/Button/deprecated/ButtonIconTest.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonIconTest.js","sourceRoot":"","sources":["../../../../src/TestComponents/Button/deprecated/ButtonIconTest.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAE9C,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AACtD,OAAO,EAAE,KAAK,EAAE,MAAM,8BAA8B,CAAC;AAErD,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAChE,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAEjD,MAAM,oBAAoB,GAAG,MAAM,CAAC,SAAS,CAAC;IAC5C,MAAM,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE;IAC5B,OAAO,EAAE,EAAE,KAAK,EAAE,EAAE,WAAW,EAAE,CAAC,EAAE,EAAE;CACvC,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,yBAAyB,GAA4B,GAAG,EAAE,CAAC;IACtE,yDAAyD;IACzD,MAAM,eAAe,GAAG,CAAC,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,CAAC,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAY,CAAC,CAAC;IAC7F,MAAM,SAAS,GAAG,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC;IAEjE,OAAO,CACL,KAAC,IAAI,cACH,MAAC,KAAK,IAAC,KAAK,EAAE,UAAU;gBACtB,KAAC,MAAM,IAAC,SAAS,EAAE,SAAS,EAAE,OAAO,EAAC,sBAAsB,EAAC,OAAO,EAAC,gBAAgB,GAAG,EACvF,eAAe,CAAC,CAAC,CAAC,CACjB,KAAC,MAAM,IAAC,SAAS,EAAE,EAAE,GAAG,SAAS,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,OAAO,EAAC,sBAAsB,EAAC,OAAO,EAAC,gBAAgB,GAAG,CAC9G,CAAC,CAAC,CAAC,IAAI,EACP,eAAe,CAAC,CAAC,CAAC,CACjB,KAAC,oBAAoB,IAAC,SAAS,EAAE,SAAS,EAAE,OAAO,EAAC,6BAA6B,EAAC,OAAO,EAAC,gBAAgB,GAAG,CAC9G,CAAC,CAAC,CAAC,IAAI,EACR,KAAC,IAAI,kCAAuB,EAC3B,eAAe,CAAC,CAAC,CAAC,KAAC,oBAAoB,IAAC,OAAO,EAAE,SAAS,EAAE,OAAO,EAAC,wBAAwB,EAAC,OAAO,EAAC,gBAAgB,GAAG,CAAC,CAAC,CAAC,IAAI,IAC1H,GACH,CACR,CAAC;AAAA,CACH,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"E2EButtonTest.d.ts","sourceRoot":"","sources":["../../../../src/TestComponents/Button/deprecated/E2EButtonTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAgB/B,eAAO,MAAM,wBAAwB,EAAE,KAAK,CAAC,iBAkC5C,CAAC"}

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

@@ -0,0 +1,46 @@
+import { jsx as _jsx, jsxs as _jsxs } from 'react/jsx-runtime';
+import * as React from 'react';
+import { View } from 'react-native';
+import { Button, Text } from '@fluentui/react-native';
+import {
+  BUTTON_TEST_COMPONENT_DEPRECATED,
+  BUTTON_ON_PRESS_DEPRECATED,
+  BUTTON_NO_A11Y_LABEL_COMPONENT_DEPRECATED,
+  BUTTON_ACCESSIBILITY_LABEL_DEPRECATED,
+  BUTTON_TEST_COMPONENT_LABEL_DEPRECATED,
+} from '@fluentui-react-native/e2e-testing';
+import { Stack } from '@fluentui-react-native/stack';
+import { stackStyle } from '../../Common/styles';
+import { testProps } from '../../Common/TestProps';
+export const E2EButtonTest_deprecated = () => {
+  const [buttonPressed, setButtonPressed] = React.useState(false);
+  const onClick = React.useCallback(() => {
+    setButtonPressed(!buttonPressed);
+  }, [buttonPressed]);
+  return _jsx(View, {
+    children: _jsxs(Stack, {
+      style: stackStyle,
+      children: [
+        _jsx(Button, {
+          content: 'This is a button for E2E testing',
+          onClick: onClick,
+          accessibilityLabel: BUTTON_ACCESSIBILITY_LABEL_DEPRECATED,
+          ...testProps(BUTTON_TEST_COMPONENT_DEPRECATED),
+        }),
+        _jsx(Button, {
+          content: BUTTON_TEST_COMPONENT_LABEL_DEPRECATED,
+          onClick: onClick,
+          ...testProps(BUTTON_NO_A11Y_LABEL_COMPONENT_DEPRECATED),
+        }),
+        buttonPressed
+          ? _jsx(
+              Text,
+              /* For Android E2E testing purposes, testProps must be passed in after accessibilityLabel. */
+              { ...testProps(BUTTON_ON_PRESS_DEPRECATED), children: 'Button Pressed' },
+            )
+          : null,
+      ],
+    }),
+  });
+};
+//# sourceMappingURL=E2EButtonTest.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"E2EButtonTest.js","sourceRoot":"","sources":["../../../../src/TestComponents/Button/deprecated/E2EButtonTest.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AACtD,OAAO,EACL,gCAAgC,EAChC,0BAA0B,EAC1B,yCAAyC,EACzC,qCAAqC,EACrC,sCAAsC,GACvC,MAAM,oCAAoC,CAAC;AAC5C,OAAO,EAAE,KAAK,EAAE,MAAM,8BAA8B,CAAC;AAErD,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAEnD,MAAM,CAAC,MAAM,wBAAwB,GAA4B,GAAG,EAAE,CAAC;IACrE,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEhE,MAAM,OAAO,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE,CAAC;QACtC,gBAAgB,CAAC,CAAC,aAAa,CAAC,CAAC;IAAA,CAClC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IAEpB,OAAO,CACL,KAAC,IAAI,cACH,MAAC,KAAK,IAAC,KAAK,EAAE,UAAU;gBACtB,KAAC,MAAM,IACL,OAAO,EAAC,kCAAkC,EAC1C,OAAO,EAAE,OAAO,EAChB,kBAAkB,EAAE,qCAAqC,KAErD,SAAS,CAAC,gCAAgC,CAAC,GAC/C,EACF,KAAC,MAAM,IACL,OAAO,EAAE,sCAAsC,EAC/C,OAAO,EAAE,OAAO,KAEZ,SAAS,CAAC,yCAAyC,CAAC,GACxD,EACD,aAAa,CAAC,CAAC,CAAC,CACf,KAAC,IAAI;gBACH,6FAA6F;uBACzF,SAAS,CAAC,0BAA0B,CAAC,+BAGpC,CACR,CAAC,CAAC,CAAC,IAAI,IACF,GACH,CACR,CAAC;AAAA,CACH,CAAC"}

package/lib/TestComponents/Button/index.d.ts

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

package/lib/TestComponents/Button/index.d.ts.map

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

package/lib/TestComponents/Button/index.js

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

package/lib/TestComponents/Button/index.js.map

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

package/lib/TestComponents/Callout/CalloutE2ETest.d.ts

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

package/lib/TestComponents/Callout/CalloutE2ETest.d.ts.map

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

package/lib/TestComponents/Callout/CalloutE2ETest.js

@@ -0,0 +1,77 @@
+import { jsx as _jsx, jsxs as _jsxs } from 'react/jsx-runtime';
+import * as React from 'react';
+import { View } from 'react-native';
+import { ButtonV1 as Button, Callout, Text } from '@fluentui/react-native';
+import { BUTTON_TO_OPEN_CALLOUT, CALLOUT_ACCESSIBILITY_LABEL, CALLOUT_TEST_COMPONENT } from '@fluentui-react-native/e2e-testing';
+import { Switch } from '@fluentui-react-native/switch';
+import { testProps } from '../Common/TestProps';
+export const E2ECalloutTest = () => {
+  const [showCallout, setShowCallout] = React.useState(false);
+  const [isCalloutVisible, setIsCalloutVisible] = React.useState(false);
+  const [dismissBehaviors, setDismissBehaviors] = React.useState({
+    preventDismissOnKeyDown: false,
+    preventDismissOnClickOutside: false,
+  });
+  const toggleShowCallout = React.useCallback(() => {
+    setShowCallout(!showCallout);
+    setIsCalloutVisible(false);
+  }, [showCallout, setIsCalloutVisible, setShowCallout]);
+  const onShowCallout = React.useCallback(() => {
+    setIsCalloutVisible(true);
+  }, [setIsCalloutVisible]);
+  const onDismissCallout = React.useCallback(() => {
+    setIsCalloutVisible(false);
+    setShowCallout(false);
+  }, [setIsCalloutVisible, setShowCallout]);
+  const myRect = { screenX: 10, screenY: 10, width: 100, height: 100 };
+  return _jsxs(View, {
+    children: [
+      _jsxs(View, {
+        style: { flexDirection: 'column', paddingVertical: 5 },
+        children: [
+          _jsx(Text, { variant: 'subheaderSemibold', children: 'Dismiss Behaviors' }),
+          _jsx(View, {
+            style: { flexDirection: 'row', paddingVertical: 5 },
+            children: Object.entries(dismissBehaviors).map(([behavior, checked], i) =>
+              _jsx(
+                Switch,
+                {
+                  label: behavior,
+                  checked: checked,
+                  onChange: (_, isChecked) => setDismissBehaviors({ ...dismissBehaviors, [behavior]: isChecked }),
+                },
+                i,
+              ),
+            ),
+          }),
+          _jsx(Button, { onClick: toggleShowCallout, ...testProps(BUTTON_TO_OPEN_CALLOUT), children: 'Press for Callout' }),
+          _jsxs(Text, {
+            selectable: true,
+            children: [
+              _jsx(Text, { children: 'Visibility: ' }),
+              isCalloutVisible
+                ? _jsx(Text, { style: { color: 'green' }, children: 'Visible' })
+                : _jsx(Text, { style: { color: 'red' }, children: 'Not Visible' }),
+            ],
+          }),
+        ],
+      }),
+      showCallout &&
+        _jsx(Callout, {
+          anchorRect: myRect,
+          onDismiss: onDismissCallout,
+          onShow: onShowCallout,
+          accessibilityLabel: CALLOUT_ACCESSIBILITY_LABEL,
+          accessibilityRole: 'alert',
+          accessibilityOnShowAnnouncement: 'Be informed that a customized callout has been opened.',
+          dismissBehaviors: Object.keys(dismissBehaviors).filter((behavior) => dismissBehaviors[behavior]),
+          ...testProps(CALLOUT_TEST_COMPONENT),
+          children: _jsx(View, {
+            style: { padding: 20, borderWidth: 2, borderColor: 'black' },
+            children: _jsx(Text, { children: 'just some text so it does not take focus and is not empty.' }),
+          }),
+        }),
+    ],
+  });
+};
+//# sourceMappingURL=CalloutE2ETest.js.map

package/lib/TestComponents/Callout/CalloutE2ETest.js.map

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

package/lib/TestComponents/Callout/CalloutTest.d.ts

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

package/lib/TestComponents/Callout/CalloutTest.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalloutTest.d.ts","sourceRoot":"","sources":["../../../src/TestComponents/Callout/CalloutTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA+gB/B,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,iBAY/B,CAAC"}