@fluentui-react-native/tester-core 0.1.1

package/lib/TestComponents/Badge/BadgeTest.js

@@ -0,0 +1,54 @@
+import { jsx as _jsx } from 'react/jsx-runtime';
+import { Platform } from 'react-native';
+import { BADGE_TESTPAGE } from '@fluentui-react-native/e2e-testing';
+import { BasicBadge } from './BasicBadgeTest';
+import { CounterBadgeTest } from './CounterBadgeTest';
+import { E2EBadgeTest } from './E2EBadgeTest';
+import { PresenceBadgeTest } from './PresenceBadgeTest';
+import { Test } from '../Test';
+const badgeSections = [
+  Platform.select({
+    android: null,
+    default: {
+      name: 'Basic Badge',
+      testID: BADGE_TESTPAGE,
+      component: BasicBadge,
+    },
+  }),
+  {
+    name: 'Counter Badge',
+    testID: BADGE_TESTPAGE,
+    component: CounterBadgeTest,
+  },
+  {
+    name: 'Presence Badge',
+    component: PresenceBadgeTest,
+  },
+];
+const e2eSections = [
+  {
+    name: 'Badge E2E',
+    component: E2EBadgeTest,
+  },
+];
+export const BadgeTest = () => {
+  const status = {
+    win32Status: 'Production',
+    uwpStatus: 'Backlog',
+    iosStatus: 'N/A',
+    macosStatus: 'Production',
+    androidStatus: 'N/A',
+  };
+  const description =
+    'A badge is an additional visual descriptor for UI elements. It can be used to denote numerical value, status or general information.\n Included in this spec are base properties for usage in all badge scenarios. Reference properties for other badge types i.e. size, layout, and style variations';
+  const spec = 'https://github.com/microsoft/fluentui-react-native/blob/main/packages/components/Badge/SPEC.md';
+  return _jsx(Test, {
+    name: 'Badge Test',
+    description: description,
+    spec: spec,
+    sections: badgeSections,
+    status: status,
+    e2eSections: e2eSections,
+  });
+};
+//# sourceMappingURL=BadgeTest.js.map

package/lib/TestComponents/Badge/BadgeTest.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BadgeTest.js","sourceRoot":"","sources":["../../../src/TestComponents/Badge/BadgeTest.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,cAAc,EAAE,MAAM,oCAAoC,CAAC;AAEpE,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAExD,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAE/B,MAAM,aAAa,GAAkB;IACnC,QAAQ,CAAC,MAAM,CAAC;QACd,OAAO,EAAE,IAAI;QACb,OAAO,EAAE;YACP,IAAI,EAAE,aAAa;YACnB,MAAM,EAAE,cAAc;YACtB,SAAS,EAAE,UAAU;SACtB;KACF,CAAC;IACF;QACE,IAAI,EAAE,eAAe;QACrB,MAAM,EAAE,cAAc;QACtB,SAAS,EAAE,gBAAgB;KAC5B;IACD;QACE,IAAI,EAAE,gBAAgB;QACtB,SAAS,EAAE,iBAAiB;KAC7B;CACF,CAAC;AAEF,MAAM,WAAW,GAAkB;IACjC;QACE,IAAI,EAAE,WAAW;QACjB,SAAS,EAAE,YAAY;KACxB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAA4B,GAAG,EAAE,CAAC;IACtD,MAAM,MAAM,GAAmB;QAC7B,WAAW,EAAE,YAAY;QACzB,SAAS,EAAE,SAAS;QACpB,SAAS,EAAE,KAAK;QAChB,WAAW,EAAE,YAAY;QACzB,aAAa,EAAE,KAAK;KACrB,CAAC;IAEF,MAAM,WAAW,GACf,uSAAuS,CAAC;IAE1S,MAAM,IAAI,GAAG,gGAAgG,CAAC;IAE9G,OAAO,CACL,KAAC,IAAI,IAAC,IAAI,EAAC,YAAY,EAAC,WAAW,EAAE,WAAW,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,WAAW,GAAI,CACpI,CAAC;AAAA,CACH,CAAC"}

package/lib/TestComponents/Badge/BasicBadgeTest.d.ts

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

package/lib/TestComponents/Badge/BasicBadgeTest.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BasicBadgeTest.d.ts","sourceRoot":"","sources":["../../../src/TestComponents/Badge/BasicBadgeTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,OAAO,CAAC;AA+B9D,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,iBAwG9B,CAAC"}

package/lib/TestComponents/Badge/BasicBadgeTest.js

@@ -0,0 +1,135 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from 'react/jsx-runtime';
+import { useState, useCallback, useMemo } from 'react';
+import { View, Platform, Image } from 'react-native';
+import { ToggleButton } from '@fluentui/react-native';
+import { Badge, BadgeAppearances, BadgeColors, BadgeShapes, BadgeSizes } from '@fluentui-react-native/badge';
+import { useFluentTheme } from '@fluentui-react-native/framework';
+import { Text } from '@fluentui-react-native/text';
+import { svgProps, iconProps } from '../Common/iconExamples';
+import { StyledPicker } from '../Common/StyledPicker';
+import { satyaPhotoUrl } from '../PersonaCoin/styles';
+const badgeColors = [...BadgeColors];
+const badgeShapes = [...BadgeShapes];
+const badgeSizes = [...BadgeSizes];
+const badgeAppearances = [...BadgeAppearances];
+const badgeIconPositions = ['before', 'after'];
+const useCustomizedBadge = (tokensAndprops) => {
+  return useMemo(() => Badge.customize({ ...tokensAndprops }), [tokensAndprops]);
+};
+export const BasicBadge = () => {
+  const [badgeAppearance, setBadgeAppearance] = useState('filled');
+  const [badgeColor, setBadgeColor] = useState('brand');
+  const [shape, setShape] = useState('circular');
+  const [size, setSize] = useState('medium');
+  const [showIcon, setShowIcon] = useState(false);
+  const [iconPosition, setIconPosition] = useState('before');
+  const [showShadow, setShowShadow] = useState(false);
+  const onBadgeAppearanceChange = useCallback((value) => setBadgeAppearance(value), []);
+  const onBadgeColorChange = useCallback((value) => setBadgeColor(value), []);
+  const onShapeChange = useCallback((value) => setShape(value), []);
+  const onSizeChange = useCallback((value) => setSize(value), []);
+  const onIconPositionChange = useCallback((value) => setIconPosition(value), []);
+  const onShowShadowChange = useCallback(() => setShowShadow(!showShadow), [showShadow, setShowShadow]);
+  const onShowIconChange = useCallback(() => setShowIcon(!showIcon), [showIcon, setShowIcon]);
+  const theme = useFluentTheme();
+  const fontBuiltInProps = {
+    fontFamily: 'Arial',
+    codepoint: 0x2663,
+    fontSize: 16,
+  };
+  const svgIconsEnabled = ['ios', 'macos', 'win32', 'android'].includes(Platform.OS);
+  const shadow = showShadow ? theme.shadows.shadow4 : undefined;
+  const showShadowWarning = showShadow && (badgeAppearance == 'ghost' || badgeAppearance == 'outline');
+  const CustomBadge = useCustomizedBadge({ shadowToken: shadow });
+  const badgeConfig = {
+    appearance: badgeAppearance,
+    badgeColor,
+    size,
+    shape,
+  };
+  const StyledBadge = useCustomizedBadge({
+    fontWeight: 'bold',
+    fontSize: 12,
+    fontFamily: 'Georgia',
+    backgroundColor: '#f09',
+    borderColor: 'purple',
+    color: 'yellow',
+    borderWidth: 4,
+    borderStyle: 'dashed',
+    borderRadius: 2,
+    iconColor: 'cyan',
+    shadowToken: theme.shadows.shadow16,
+  });
+  return _jsxs(View, {
+    children: [
+      _jsx(StyledPicker, {
+        prompt: 'Badge appearance',
+        selected: badgeAppearance,
+        onChange: onBadgeAppearanceChange,
+        collection: badgeAppearances,
+      }),
+      _jsx(StyledPicker, { prompt: 'Badge color', selected: badgeColor, onChange: onBadgeColorChange, collection: badgeColors }),
+      _jsx(StyledPicker, { prompt: 'Shape', selected: shape, onChange: onShapeChange, collection: badgeShapes }),
+      _jsx(StyledPicker, { prompt: 'Size', selected: size, onChange: onSizeChange, collection: badgeSizes }),
+      svgIconsEnabled &&
+        _jsxs(_Fragment, {
+          children: [
+            _jsxs(ToggleButton, {
+              onClick: onShowIconChange,
+              checked: showIcon,
+              children: ['Set ', showIcon ? ' Hide icon' : ' Show icon'],
+            }),
+            _jsx(StyledPicker, {
+              prompt: 'Icon position',
+              selected: iconPosition,
+              onChange: onIconPositionChange,
+              collection: badgeIconPositions,
+            }),
+          ],
+        }),
+      _jsxs(ToggleButton, {
+        onClick: onShowShadowChange,
+        checked: showShadow,
+        children: ['Set ', showShadow ? ' Hide shadow' : ' Show shadow'],
+      }),
+      _jsxs(View, {
+        style: { position: 'relative', backgroundColor: 'yellow', padding: 20, width: 200 },
+        children: [
+          _jsx(Text, { children: 'Parent component for the Badge' }),
+          svgIconsEnabled && showIcon
+            ? _jsx(CustomBadge, { ...badgeConfig, icon: { svgSource: svgProps }, iconPosition: iconPosition, children: 'Basic badge' })
+            : _jsx(CustomBadge, { ...badgeConfig, children: 'Basic badge' }),
+          showShadowWarning &&
+            _jsx(Text, { variant: 'captionStandard', children: 'Adding a shadow to ghost and outline variants is not supported' }),
+        ],
+      }),
+      _jsx(Text, { children: 'Size' }),
+      _jsx(Badge, { size: 'tiny' }),
+      _jsx(Badge, { size: 'extraSmall', badgeColor: 'red' }),
+      _jsx(Badge, { size: 'small', children: 'Small' }),
+      _jsx(Badge, { size: 'medium', children: 'Medium' }),
+      _jsx(Badge, { size: 'large', children: 'Large' }),
+      _jsx(Badge, { size: 'extraLarge', children: 'Extra Large' }),
+      svgIconsEnabled &&
+        _jsxs(_Fragment, {
+          children: [
+            _jsx(Text, { children: 'Badge with icon' }),
+            _jsxs(Badge, {
+              icon: iconProps,
+              iconPosition: 'after',
+              children: [
+                'Badge with',
+                _jsx(Image, { source: { uri: satyaPhotoUrl }, style: { width: 20, height: 20 } }),
+                _jsx(Text, { style: { backgroundColor: 'yellow' }, children: 'optional content' }),
+              ],
+            }),
+            _jsx(Badge, { appearance: 'outline', icon: { ...iconProps, width: 20, height: 20 } }),
+            _jsx(Badge, { icon: { fontSource: { ...fontBuiltInProps }, color: '#fff' }, children: 'Badge with icon' }),
+            _jsx(Text, { children: 'Customized Badge with icon' }),
+            _jsx(StyledBadge, { icon: { svgSource: svgProps }, children: 'Styled badge' }),
+          ],
+        }),
+    ],
+  });
+};
+//# sourceMappingURL=BasicBadgeTest.js.map

package/lib/TestComponents/Badge/BasicBadgeTest.js.map

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

package/lib/TestComponents/Badge/CounterBadgeTest.android.d.ts

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

package/lib/TestComponents/Badge/CounterBadgeTest.android.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CounterBadgeTest.android.d.ts","sourceRoot":"","sources":["../../../src/TestComponents/Badge/CounterBadgeTest.android.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,iBAwBpC,CAAC"}

package/lib/TestComponents/Badge/CounterBadgeTest.android.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx, jsxs as _jsxs } from 'react/jsx-runtime';
+import { View, Text } from 'react-native';
+import { CounterBadge } from '@fluentui-react-native/badge';
+export const CounterBadgeTest = () => {
+  return _jsxs(View, {
+    children: [
+      _jsx(Text, { children: 'Dot badge' }),
+      _jsx(CounterBadge, { count: 13, dot: true }),
+      _jsx(CounterBadge, { count: 0, dot: true }),
+      _jsx(Text, { children: 'Here no Badge is displayed' }),
+      _jsx(CounterBadge, { count: 0 }),
+      _jsx(Text, { children: 'And here is the Badge with showZero = true' }),
+      _jsx(CounterBadge, { count: 0, showZero: true }),
+      _jsx(Text, { children: 'Default counter badge' }),
+      _jsx(CounterBadge, { children: 'Badge' }),
+      _jsx(CounterBadge, { count: 10 }),
+      _jsx(Text, { children: 'Overflow sample' }),
+      _jsx(CounterBadge, { count: 777 }),
+      _jsx(CounterBadge, { overflowCount: 1000, count: 777 }),
+      _jsx(Text, { children: 'List counter badge' }),
+      _jsx(CounterBadge, { list: true, children: 'Badge' }),
+      _jsx(CounterBadge, { count: 10, list: true }),
+      _jsx(Text, { children: 'Overflow sample' }),
+      _jsx(CounterBadge, { count: 777, list: true }),
+      _jsx(CounterBadge, { overflowCount: 1000, count: 777, list: true }),
+    ],
+  });
+};
+//# sourceMappingURL=CounterBadgeTest.android.js.map

package/lib/TestComponents/Badge/CounterBadgeTest.android.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CounterBadgeTest.android.js","sourceRoot":"","sources":["../../../src/TestComponents/Badge/CounterBadgeTest.android.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAE1C,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAE5D,MAAM,CAAC,MAAM,gBAAgB,GAA4B,GAAG,EAAE,CAAC;IAC7D,OAAO,CACL,MAAC,IAAI;YACH,KAAC,IAAI,4BAAiB,EACtB,KAAC,YAAY,IAAC,KAAK,EAAE,EAAE,EAAE,GAAG,EAAE,IAAI,GAAiB,EACnD,KAAC,YAAY,IAAC,KAAK,EAAE,CAAC,EAAE,GAAG,EAAE,IAAI,GAAiB,EAClD,KAAC,IAAI,6CAAkC,EACvC,KAAC,YAAY,IAAC,KAAK,EAAE,CAAC,GAAiB,EACvC,KAAC,IAAI,6DAAkD,EACvD,KAAC,YAAY,IAAC,KAAK,EAAE,CAAC,EAAE,QAAQ,EAAE,IAAI,GAAiB,EACvD,KAAC,IAAI,wCAA6B,EAClC,KAAC,YAAY,wBAAqB,EAClC,KAAC,YAAY,IAAC,KAAK,EAAE,EAAE,GAAiB,EACxC,KAAC,IAAI,kCAAuB,EAC5B,KAAC,YAAY,IAAC,KAAK,EAAE,GAAG,GAAiB,EACzC,KAAC,YAAY,IAAC,aAAa,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,GAAiB,EAC9D,KAAC,IAAI,qCAA0B,EAC/B,KAAC,YAAY,IAAC,IAAI,EAAE,IAAI,sBAAsB,EAC9C,KAAC,YAAY,IAAC,KAAK,EAAE,EAAE,EAAE,IAAI,EAAE,IAAI,GAAiB,EACpD,KAAC,IAAI,kCAAuB,EAC5B,KAAC,YAAY,IAAC,KAAK,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,GAAiB,EACrD,KAAC,YAAY,IAAC,aAAa,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,GAAiB;YACrE,CACR,CAAC;AAAA,CACH,CAAC"}

package/lib/TestComponents/Badge/CounterBadgeTest.d.ts

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

package/lib/TestComponents/Badge/CounterBadgeTest.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CounterBadgeTest.d.ts","sourceRoot":"","sources":["../../../src/TestComponents/Badge/CounterBadgeTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,iBAmBpC,CAAC"}

package/lib/TestComponents/Badge/CounterBadgeTest.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx, jsxs as _jsxs } from 'react/jsx-runtime';
+import { View, Platform, Text } from 'react-native';
+import { CounterBadge } from '@fluentui-react-native/badge';
+import { iconProps } from '../Common/iconExamples';
+export const CounterBadgeTest = () => {
+  const svgIconsEnabled = ['ios', 'macos', 'win32', 'android'].includes(Platform.OS);
+  return _jsxs(View, {
+    children: [
+      _jsx(Text, { children: 'Dot badge' }),
+      _jsx(CounterBadge, { count: 13, dot: true }),
+      _jsx(CounterBadge, { count: 0, dot: true }),
+      _jsx(Text, { children: 'Here should be no Badge:' }),
+      _jsx(CounterBadge, { count: 0 }),
+      _jsx(Text, { children: 'And here is the Badge with showZero = true' }),
+      _jsx(CounterBadge, { count: 0, showZero: true }),
+      _jsx(CounterBadge, { badgeColor: 'informative', count: 777 }),
+      _jsx(CounterBadge, { badgeColor: 'important', overflowCount: 1000, count: 777 }),
+      _jsx(CounterBadge, { badgeColor: 'danger', overflowCount: 1000, count: 1500 }),
+      _jsx(CounterBadge, { count: 13 }),
+      svgIconsEnabled && _jsx(CounterBadge, { count: 17, icon: iconProps, iconPosition: 'after' }),
+    ],
+  });
+};
+//# sourceMappingURL=CounterBadgeTest.js.map

package/lib/TestComponents/Badge/CounterBadgeTest.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CounterBadgeTest.js","sourceRoot":"","sources":["../../../src/TestComponents/Badge/CounterBadgeTest.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpD,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAE5D,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAEnD,MAAM,CAAC,MAAM,gBAAgB,GAA4B,GAAG,EAAE,CAAC;IAC7D,MAAM,eAAe,GAAG,CAAC,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,CAAC,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAY,CAAC,CAAC;IAE7F,OAAO,CACL,MAAC,IAAI;YACH,KAAC,IAAI,4BAAiB,EACtB,KAAC,YAAY,IAAC,KAAK,EAAE,EAAE,EAAE,GAAG,EAAE,IAAI,GAAiB,EACnD,KAAC,YAAY,IAAC,KAAK,EAAE,CAAC,EAAE,GAAG,EAAE,IAAI,GAAiB,EAClD,KAAC,IAAI,2CAAgC,EACrC,KAAC,YAAY,IAAC,KAAK,EAAE,CAAC,GAAiB,EACvC,KAAC,IAAI,6DAAkD,EACvD,KAAC,YAAY,IAAC,KAAK,EAAE,CAAC,EAAE,QAAQ,EAAE,IAAI,GAAiB,EACvD,KAAC,YAAY,IAAC,UAAU,EAAC,aAAa,EAAC,KAAK,EAAE,GAAG,GAAiB,EAClE,KAAC,YAAY,IAAC,UAAU,EAAC,WAAW,EAAC,aAAa,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,GAAiB,EACrF,KAAC,YAAY,IAAC,UAAU,EAAC,QAAQ,EAAC,aAAa,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,GAAiB,EACnF,KAAC,YAAY,IAAC,KAAK,EAAE,EAAE,GAAI,EAC1B,eAAe,IAAI,KAAC,YAAY,IAAC,KAAK,EAAE,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,YAAY,EAAC,OAAO,GAAG,IAChF,CACR,CAAC;AAAA,CACH,CAAC"}

package/lib/TestComponents/Badge/E2EBadgeTest.d.ts

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

package/lib/TestComponents/Badge/E2EBadgeTest.d.ts.map

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

package/lib/TestComponents/Badge/E2EBadgeTest.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx, jsxs as _jsxs } from 'react/jsx-runtime';
+import { View } from 'react-native';
+import { Badge, PresenceBadge } from '@fluentui-react-native/badge';
+import { BADGE_TEST_COMPONENT, BADGE_SECONDARY_TEST_COMPONENT } from '@fluentui-react-native/e2e-testing';
+import { testProps } from '../Common/TestProps';
+export const E2EBadgeTest = () => {
+  return _jsxs(View, {
+    children: [
+      _jsx(
+        Badge,
+        /* For Android E2E testing purposes, testProps must be passed in after accessibilityLabel. */
+        {
+          ...testProps(BADGE_TEST_COMPONENT),
+          appearance: 'outline',
+          size: 'extraLarge',
+          badgeColor: 'success',
+          shape: 'square',
+          children: 'Basic Badge',
+        },
+      ),
+      _jsx(
+        PresenceBadge,
+        /* For Android E2E testing purposes, testProps must be passed in after accessibilityLabel. */
+        { ...testProps(BADGE_SECONDARY_TEST_COMPONENT), status: 'available', outOfOffice: true },
+      ),
+    ],
+  });
+};
+//# sourceMappingURL=E2EBadgeTest.js.map

package/lib/TestComponents/Badge/E2EBadgeTest.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"E2EBadgeTest.js","sourceRoot":"","sources":["../../../src/TestComponents/Badge/E2EBadgeTest.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AACpE,OAAO,EAAE,oBAAoB,EAAE,8BAA8B,EAAE,MAAM,oCAAoC,CAAC;AAE1G,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAEhD,MAAM,CAAC,MAAM,YAAY,GAA4B,GAAG,EAAE,CAAC;IACzD,OAAO,CACL,MAAC,IAAI;YACH,KAAC,KAAK;YACJ,6FAA6F;mBACzF,SAAS,CAAC,oBAAoB,CAAC,EACnC,UAAU,EAAC,SAAS,EACpB,IAAI,EAAC,YAAY,EACjB,UAAU,EAAC,SAAS,EACpB,KAAK,EAAC,QAAQ,4BAGR,EACR,KAAC,aAAa;YACZ,6FAA6F;mBACzF,SAAS,CAAC,8BAA8B,CAAC,EAC7C,MAAM,EAAC,WAAW,EAClB,WAAW,EAAE,IAAI,GACjB;YACG,CACR,CAAC;AAAA,CACH,CAAC"}

package/lib/TestComponents/Badge/PresenceBadgeTest.android.d.ts

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

package/lib/TestComponents/Badge/PresenceBadgeTest.android.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PresenceBadgeTest.android.d.ts","sourceRoot":"","sources":["../../../src/TestComponents/Badge/PresenceBadgeTest.android.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgC,MAAM,OAAO,CAAC;AAMrD,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,iBA2CrC,CAAC"}

package/lib/TestComponents/Badge/PresenceBadgeTest.android.js

@@ -0,0 +1,64 @@
+import { jsx as _jsx, jsxs as _jsxs } from 'react/jsx-runtime';
+import { useCallback, useState } from 'react';
+import { View, StyleSheet, Text } from 'react-native';
+import { ToggleButton } from '@fluentui/react-native';
+import { PresenceBadge } from '@fluentui-react-native/badge';
+export const PresenceBadgeTest = () => {
+  const [outOfOffice, setOutOfOffice] = useState(false);
+  const toggleOutOfOffice = useCallback(() => setOutOfOffice(!outOfOffice), [outOfOffice]);
+  return _jsxs(View, {
+    children: [
+      _jsxs(ToggleButton, {
+        onClick: toggleOutOfOffice,
+        checked: outOfOffice,
+        children: ['Set ', outOfOffice ? ' In office' : ' Out of office'],
+      }),
+      _jsx(Text, { children: 'Small' }),
+      _jsxs(View, {
+        style: styles.rowStyle,
+        children: [
+          _jsx(PresenceBadge, { status: 'available', size: 'small', outOfOffice: outOfOffice }),
+          _jsx(PresenceBadge, { status: 'blocked', size: 'small', outOfOffice: outOfOffice }),
+          _jsx(PresenceBadge, { status: 'doNotDisturb', size: 'small', outOfOffice: outOfOffice }),
+          _jsx(PresenceBadge, { status: 'away', size: 'small', outOfOffice: outOfOffice }),
+          _jsx(PresenceBadge, { status: 'busy', size: 'small', outOfOffice: outOfOffice }),
+          _jsx(PresenceBadge, { status: 'offline', size: 'small', outOfOffice: outOfOffice }),
+          _jsx(PresenceBadge, { status: 'outOfOffice', size: 'small', outOfOffice: outOfOffice }),
+          _jsx(PresenceBadge, { status: 'unknown', size: 'small', outOfOffice: outOfOffice }),
+        ],
+      }),
+      _jsx(Text, { children: 'Medium' }),
+      _jsxs(View, {
+        style: styles.rowStyle,
+        children: [
+          _jsx(PresenceBadge, { status: 'available', size: 'medium', outOfOffice: outOfOffice }),
+          _jsx(PresenceBadge, { status: 'blocked', size: 'medium', outOfOffice: outOfOffice }),
+          _jsx(PresenceBadge, { status: 'doNotDisturb', size: 'medium', outOfOffice: outOfOffice }),
+          _jsx(PresenceBadge, { status: 'away', size: 'medium', outOfOffice: outOfOffice }),
+          _jsx(PresenceBadge, { status: 'busy', size: 'medium', outOfOffice: outOfOffice }),
+          _jsx(PresenceBadge, { status: 'offline', size: 'medium', outOfOffice: outOfOffice }),
+          _jsx(PresenceBadge, { status: 'outOfOffice', size: 'medium', outOfOffice: outOfOffice }),
+          _jsx(PresenceBadge, { status: 'unknown', size: 'medium', outOfOffice: outOfOffice }),
+        ],
+      }),
+      _jsx(Text, { children: 'Large' }),
+      _jsxs(View, {
+        style: styles.rowStyle,
+        children: [
+          _jsx(PresenceBadge, { status: 'available', size: 'large', outOfOffice: outOfOffice }),
+          _jsx(PresenceBadge, { status: 'blocked', size: 'large', outOfOffice: outOfOffice }),
+          _jsx(PresenceBadge, { status: 'doNotDisturb', size: 'large', outOfOffice: outOfOffice }),
+          _jsx(PresenceBadge, { status: 'away', size: 'large', outOfOffice: outOfOffice }),
+          _jsx(PresenceBadge, { status: 'busy', size: 'large', outOfOffice: outOfOffice }),
+          _jsx(PresenceBadge, { status: 'offline', size: 'large', outOfOffice: outOfOffice }),
+          _jsx(PresenceBadge, { status: 'outOfOffice', size: 'large', outOfOffice: outOfOffice }),
+          _jsx(PresenceBadge, { status: 'unknown', size: 'large', outOfOffice: outOfOffice }),
+        ],
+      }),
+    ],
+  });
+};
+const styles = StyleSheet.create({
+  rowStyle: { flexDirection: 'row' },
+});
+//# sourceMappingURL=PresenceBadgeTest.android.js.map

package/lib/TestComponents/Badge/PresenceBadgeTest.android.js.map

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

package/lib/TestComponents/Badge/PresenceBadgeTest.d.ts

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

package/lib/TestComponents/Badge/PresenceBadgeTest.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PresenceBadgeTest.d.ts","sourceRoot":"","sources":["../../../src/TestComponents/Badge/PresenceBadgeTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgC,MAAM,OAAO,CAAC;AAUrD,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,iBA6BrC,CAAC"}

package/lib/TestComponents/Badge/PresenceBadgeTest.js

@@ -0,0 +1,43 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from 'react/jsx-runtime';
+import { useState, useCallback } from 'react';
+import { View, Platform, Text } from 'react-native';
+import { ToggleButton } from '@fluentui/react-native';
+import { PresenceBadge, BadgeSizes } from '@fluentui-react-native/badge';
+import { StyledPicker } from '../Common/StyledPicker';
+const badgeSizes = [...BadgeSizes];
+export const PresenceBadgeTest = () => {
+  const [size, setSize] = useState('medium');
+  const [outOfOffice, setOutOfOffice] = useState(false);
+  const svgIconsEnabled = ['ios', 'macos', 'win32', 'android'].includes(Platform.OS);
+  const onSizeChange = useCallback((value) => setSize(value), []);
+  return _jsxs(View, {
+    children: [
+      _jsx(StyledPicker, { prompt: 'Size', selected: size, onChange: onSizeChange, collection: badgeSizes }),
+      _jsxs(ToggleButton, {
+        onClick: () => setOutOfOffice(!outOfOffice),
+        checked: outOfOffice,
+        children: ['Set ', outOfOffice ? ' In office' : ' Out of office'],
+      }),
+      svgIconsEnabled &&
+        _jsxs(_Fragment, {
+          children: [
+            _jsx(Text, { children: 'Presence Badge' }),
+            _jsxs(View, {
+              style: { flexDirection: 'row', marginEnd: 8 },
+              children: [
+                _jsx(PresenceBadge, { status: 'available', size: size, outOfOffice: outOfOffice }),
+                _jsx(PresenceBadge, { status: 'blocked', size: size, outOfOffice: outOfOffice }),
+                _jsx(PresenceBadge, { status: 'doNotDisturb', size: size, outOfOffice: outOfOffice }),
+                _jsx(PresenceBadge, { status: 'away', size: size, outOfOffice: outOfOffice }),
+                _jsx(PresenceBadge, { status: 'busy', size: size, outOfOffice: outOfOffice }),
+                _jsx(PresenceBadge, { status: 'offline', size: size, outOfOffice: outOfOffice }),
+                _jsx(PresenceBadge, { status: 'outOfOffice', size: size, outOfOffice: outOfOffice }),
+                _jsx(PresenceBadge, { status: 'unknown', size: size, outOfOffice: outOfOffice }),
+              ],
+            }),
+          ],
+        }),
+    ],
+  });
+};
+//# sourceMappingURL=PresenceBadgeTest.js.map

package/lib/TestComponents/Badge/PresenceBadgeTest.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PresenceBadgeTest.js","sourceRoot":"","sources":["../../../src/TestComponents/Badge/PresenceBadgeTest.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpD,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAEtD,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAEzE,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAEtD,MAAM,UAAU,GAAgB,CAAC,GAAG,UAAU,CAAC,CAAC;AAChD,MAAM,CAAC,MAAM,iBAAiB,GAA4B,GAAG,EAAE,CAAC;IAC9D,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAY,QAAQ,CAAC,CAAC;IACtD,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACtD,MAAM,eAAe,GAAG,CAAC,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,CAAC,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAY,CAAC,CAAC;IAE7F,MAAM,YAAY,GAAG,WAAW,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC,CAAC;IAChE,OAAO,CACL,MAAC,IAAI;YACH,KAAC,YAAY,IAAC,MAAM,EAAC,MAAM,EAAC,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,YAAY,EAAE,UAAU,EAAE,UAAU,GAAI,EAC9F,MAAC,YAAY,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,CAAC,WAAW,CAAC,EAAE,OAAO,EAAE,WAAW,qBACxE,WAAW,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,gBAAgB,IACrC,EACd,eAAe,IAAI,CAClB;oBACE,KAAC,IAAI,iCAAsB,EAC3B,MAAC,IAAI,IAAC,KAAK,EAAE,EAAE,aAAa,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,EAAE;4BACjD,KAAC,aAAa,IAAC,MAAM,EAAC,WAAW,EAAC,IAAI,EAAE,IAAI,EAAE,WAAW,EAAE,WAAW,GAAI,EAC1E,KAAC,aAAa,IAAC,MAAM,EAAC,SAAS,EAAC,IAAI,EAAE,IAAI,EAAE,WAAW,EAAE,WAAW,GAAI,EACxE,KAAC,aAAa,IAAC,MAAM,EAAC,cAAc,EAAC,IAAI,EAAE,IAAI,EAAE,WAAW,EAAE,WAAW,GAAI,EAC7E,KAAC,aAAa,IAAC,MAAM,EAAC,MAAM,EAAC,IAAI,EAAE,IAAI,EAAE,WAAW,EAAE,WAAW,GAAI,EACrE,KAAC,aAAa,IAAC,MAAM,EAAC,MAAM,EAAC,IAAI,EAAE,IAAI,EAAE,WAAW,EAAE,WAAW,GAAI,EACrE,KAAC,aAAa,IAAC,MAAM,EAAC,SAAS,EAAC,IAAI,EAAE,IAAI,EAAE,WAAW,EAAE,WAAW,GAAI,EACxE,KAAC,aAAa,IAAC,MAAM,EAAC,aAAa,EAAC,IAAI,EAAE,IAAI,EAAE,WAAW,EAAE,WAAW,GAAI,EAC5E,KAAC,aAAa,IAAC,MAAM,EAAC,SAAS,EAAC,IAAI,EAAE,IAAI,EAAE,WAAW,EAAE,WAAW,GAAI;4BACnE;oBACN,CACJ,IACI,CACR,CAAC;AAAA,CACH,CAAC"}

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

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

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

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

package/lib/TestComponents/Badge/index.js

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

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

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

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

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

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

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

package/lib/TestComponents/Button/ButtonHOCTestSection.js

@@ -0,0 +1,49 @@
+import { jsx as _jsx, jsxs as _jsxs } from 'react/jsx-runtime';
+import * as React from 'react';
+import { Platform, View } from 'react-native';
+import { ButtonV1 as Button } from '@fluentui/react-native';
+import { isGestureResponderEvent } from '@fluentui-react-native/interactive-hooks';
+import { TextV1 as Text } from '@fluentui-react-native/text';
+import { svgProps } from '../Common/iconExamples';
+import { commonTestStyles, stackStyle } from '../Common/styles';
+const CustomText = Text.customize({ fontSize: 'header', color: '#ad0258' });
+const CustomButton = Button.customize({ backgroundColor: 'pink' });
+const CustomIconButton = Button.customize({ iconColor: 'yellow' });
+const ComposedButton = Button.compose({
+  // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+  // @ts-ignore Not all slots have to be overridden for compose to work
+  slots: {
+    content: CustomText,
+  },
+  slotProps: {
+    content: {
+      style: { marginTop: -1, marginBottom: 1, marginStart: 0, marginEnd: -2 },
+    },
+  },
+});
+export const ButtonHOCTest = () => {
+  const buttonRef = React.useRef(null);
+  const svgIconsEnabled = ['ios', 'macos', 'win32', 'android'].includes(Platform.OS);
+  return _jsxs(View, {
+    style: stackStyle,
+    children: [
+      _jsx(CustomButton, { style: commonTestStyles.vmargin, componentRef: buttonRef, children: 'Customized Button with ref' }),
+      svgIconsEnabled && _jsx(CustomIconButton, { icon: { svgSource: svgProps }, children: 'Customized Icon Button' }),
+      _jsx(Button, {
+        style: commonTestStyles.vmargin,
+        onClick: (e) => {
+          console.log(e.timeStamp);
+          if (isGestureResponderEvent(e)) {
+            console.log('I was clicked!');
+          }
+          if (buttonRef.current) {
+            buttonRef.current.focus();
+          }
+        },
+        children: 'Press to focus Customized Button',
+      }),
+      _jsx(ComposedButton, { style: commonTestStyles.vmargin, children: 'Composed button using customized Text for text slot' }),
+    ],
+  });
+};
+//# sourceMappingURL=ButtonHOCTestSection.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonHOCTestSection.js","sourceRoot":"","sources":["../../../src/TestComponents/Button/ButtonHOCTestSection.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAE9C,OAAO,EAAE,QAAQ,IAAI,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAE5D,OAAO,EAAE,uBAAuB,EAAE,MAAM,0CAA0C,CAAC;AACnF,OAAO,EAAE,MAAM,IAAI,IAAI,EAAE,MAAM,6BAA6B,CAAC;AAE7D,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAClD,OAAO,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAEhE,MAAM,UAAU,GAAG,IAAI,CAAC,SAAS,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC;AAC5E,MAAM,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,EAAE,eAAe,EAAE,MAAM,EAAE,CAAC,CAAC;AACnE,MAAM,gBAAgB,GAAG,MAAM,CAAC,SAAS,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,CAAC,CAAC;AACnE,MAAM,cAAc,GAAG,MAAM,CAAC,OAAO,CAAC;IACpC,6DAA6D;IAC7D,qEAAqE;IACrE,KAAK,EAAE;QACL,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;AAEH,MAAM,CAAC,MAAM,aAAa,GAA4B,GAAG,EAAE,CAAC;IAC1D,MAAM,SAAS,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IACrC,MAAM,eAAe,GAAG,CAAC,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,CAAC,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAY,CAAC,CAAC;IAE7F,OAAO,CACL,MAAC,IAAI,IAAC,KAAK,EAAE,UAAU;YACrB,KAAC,YAAY,IAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,EAAE,YAAY,EAAE,SAAS,2CAEvD,EACd,eAAe,IAAI,KAAC,gBAAgB,IAAC,IAAI,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,uCAA2C,EAC9G,KAAC,MAAM,IACL,KAAK,EAAE,gBAAgB,CAAC,OAAO,EAC/B,OAAO,EAAE,CAAC,CAAmB,EAAE,EAAE,CAAC;oBAChC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;oBAEzB,IAAI,uBAAuB,CAAC,CAAC,CAAC,EAAE,CAAC;wBAC/B,OAAO,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;oBAChC,CAAC;oBAED,IAAI,SAAS,CAAC,OAAO,EAAE,CAAC;wBACtB,SAAS,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;oBAC5B,CAAC;gBAAA,CACF,iDAGM,EACT,KAAC,cAAc,IAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,oEAAsE;YAChH,CACR,CAAC;AAAA,CACH,CAAC"}

package/lib/TestComponents/Button/ButtonIconTestSection.android.d.ts

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

package/lib/TestComponents/Button/ButtonIconTestSection.android.d.ts.map

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

package/lib/TestComponents/Button/ButtonIconTestSection.android.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx, jsxs as _jsxs } from 'react/jsx-runtime';
+import { View } from 'react-native';
+import { ButtonV1 as Button } from '@fluentui/react-native';
+import { testImage, svgProps } from '../Common/iconExamples';
+import { commonTestStyles, testContentRootViewStyle } from '../Common/styles';
+export const ButtonIconTest = () => {
+  const fontBuiltInProps = {
+    fontFamily: 'Arial',
+    codepoint: 0x2663,
+    fontSize: 24,
+  };
+  return _jsxs(View, {
+    style: testContentRootViewStyle,
+    children: [
+      _jsx(Button, { icon: { fontSource: fontBuiltInProps }, style: commonTestStyles.vmargin, children: 'Font icon' }),
+      _jsx(Button, {
+        appearance: 'accent',
+        icon: { svgSource: svgProps, color: 'black' },
+        style: commonTestStyles.vmargin,
+        children: 'SVG',
+      }),
+      _jsx(Button, { icon: testImage, style: commonTestStyles.vmargin, children: 'PNG' }),
+    ],
+  });
+};
+//# sourceMappingURL=ButtonIconTestSection.android.js.map

package/lib/TestComponents/Button/ButtonIconTestSection.android.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonIconTestSection.android.js","sourceRoot":"","sources":["../../../src/TestComponents/Button/ButtonIconTestSection.android.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,OAAO,EAAE,QAAQ,IAAI,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAE5D,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAC7D,OAAO,EAAE,gBAAgB,EAAE,wBAAwB,EAAE,MAAM,kBAAkB,CAAC;AAE9E,MAAM,CAAC,MAAM,cAAc,GAA4B,GAAG,EAAE,CAAC;IAC3D,MAAM,gBAAgB,GAAG;QACvB,UAAU,EAAE,OAAO;QACnB,SAAS,EAAE,MAAM;QACjB,QAAQ,EAAE,EAAE;KACb,CAAC;IAEF,OAAO,CACL,MAAC,IAAI,IAAC,KAAK,EAAE,wBAAwB;YACnC,KAAC,MAAM,IAAC,IAAI,EAAE,EAAE,UAAU,EAAE,gBAAgB,EAAE,EAAE,KAAK,EAAE,gBAAgB,CAAC,OAAO,0BAEtE,EACT,KAAC,MAAM,IAAC,UAAU,EAAC,QAAQ,EAAC,IAAI,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,KAAK,EAAE,gBAAgB,CAAC,OAAO,oBAEjG,EACT,KAAC,MAAM,IAAC,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,gBAAgB,CAAC,OAAO,oBAE/C;YACJ,CACR,CAAC;AAAA,CACH,CAAC"}

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

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

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

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