@fluentui-react-native/tester-core 0.1.1

package/lib-commonjs/TestComponents/Notification/NotificationTest.js

@@ -0,0 +1,338 @@
+'use strict';
+var __createBinding =
+  (this && this.__createBinding) ||
+  (Object.create
+    ? function (o, m, k, k2) {
+        if (k2 === undefined) k2 = k;
+        var desc = Object.getOwnPropertyDescriptor(m, k);
+        if (!desc || ('get' in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+          desc = {
+            enumerable: true,
+            get: function () {
+              return m[k];
+            },
+          };
+        }
+        Object.defineProperty(o, k2, desc);
+      }
+    : function (o, m, k, k2) {
+        if (k2 === undefined) k2 = k;
+        o[k2] = m[k];
+      });
+var __setModuleDefault =
+  (this && this.__setModuleDefault) ||
+  (Object.create
+    ? function (o, v) {
+        Object.defineProperty(o, 'default', { enumerable: true, value: v });
+      }
+    : function (o, v) {
+        o['default'] = v;
+      });
+var __importStar =
+  (this && this.__importStar) ||
+  (function () {
+    var ownKeys = function (o) {
+      ownKeys =
+        Object.getOwnPropertyNames ||
+        function (o) {
+          var ar = [];
+          for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+          return ar;
+        };
+      return ownKeys(o);
+    };
+    return function (mod) {
+      if (mod && mod.__esModule) return mod;
+      var result = {};
+      if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== 'default') __createBinding(result, mod, k[i]);
+      __setModuleDefault(result, mod);
+      return result;
+    };
+  })();
+var __importDefault =
+  (this && this.__importDefault) ||
+  function (mod) {
+    return mod && mod.__esModule ? mod : { default: mod };
+  };
+Object.defineProperty(exports, '__esModule', { value: true });
+exports.NotificationTest = void 0;
+const jsx_runtime_1 = require('react/jsx-runtime');
+const React = __importStar(require('react'));
+const react_native_1 = require('react-native');
+const button_1 = require('@fluentui-react-native/button');
+const notification_1 = require('@fluentui-react-native/notification');
+const text_1 = require('@fluentui-react-native/text');
+const play_button_svg_1 = __importDefault(require('../../../assets/play_button.svg'));
+const StyledPicker_1 = require('../Common/StyledPicker');
+const styles_1 = require('../Common/styles');
+const Test_1 = require('../Test');
+const svgProps = {
+  src: play_button_svg_1.default,
+};
+const iconProps = { svgSource: svgProps };
+const SHOW_HEIGHT = -50;
+const BAR_SHOW_DURATION = 300;
+const HIDE_DURATION = 250;
+const AUTO_HIDE_DURATION = 3000;
+const USE_NATIVE_DRIVER_IOS = true;
+const styles = react_native_1.StyleSheet.create({
+  button: {
+    alignSelf: 'center',
+    marginBottom: 50,
+  },
+  notification: {
+    marginTop: 10,
+  },
+  textInput: {
+    borderWidth: 1,
+  },
+});
+const CustomToast = () => {
+  const [variant, setVariant] = React.useState('primary');
+  const [title, setTitle] = React.useState("Kat's iPhoneX");
+  const [message, setMessage] = React.useState('Listen to Emails • 7 mins');
+  const [action, setAction] = React.useState('Listen');
+  const [showIcon, setShowIcon] = React.useState(true);
+  const [showTitle, setShowTitle] = React.useState(true);
+  return jsx_runtime_1.jsxs(react_native_1.View, {
+    children: [
+      jsx_runtime_1.jsx(StyledPicker_1.StyledPicker, {
+        prompt: 'Variant',
+        selected: variant,
+        onChange: setVariant,
+        collection: notification_1.NotificationVariants.filter((variant) => !variant.endsWith('Bar')),
+      }),
+      jsx_runtime_1.jsx(react_native_1.TextInput, { value: title, onChangeText: setTitle, style: styles.textInput }),
+      jsx_runtime_1.jsx(react_native_1.TextInput, { value: message, onChangeText: setMessage, style: styles.textInput }),
+      jsx_runtime_1.jsx(react_native_1.TextInput, { value: action, onChangeText: setAction, style: styles.textInput }),
+      jsx_runtime_1.jsxs(react_native_1.View, {
+        style: styles_1.commonTestStyles.switch,
+        children: [
+          jsx_runtime_1.jsx(text_1.TextV1, { children: 'Show icon ' }),
+          jsx_runtime_1.jsx(react_native_1.Switch, { value: showIcon, onValueChange: setShowIcon }),
+        ],
+      }),
+      jsx_runtime_1.jsxs(react_native_1.View, {
+        style: styles_1.commonTestStyles.switch,
+        children: [
+          jsx_runtime_1.jsx(text_1.TextV1, { children: 'Show title ' }),
+          jsx_runtime_1.jsx(react_native_1.Switch, { value: showTitle, onValueChange: setShowTitle }),
+        ],
+      }),
+      jsx_runtime_1.jsx(react_native_1.View, {
+        style: styles.notification,
+        children: jsx_runtime_1.jsx(notification_1.Notification, {
+          variant: variant,
+          icon: showIcon ? iconProps : undefined,
+          title: showTitle ? title : undefined,
+          action: action,
+          onPress: () => {
+            console.log('Notification tapped');
+          },
+          onActionPress: () => {
+            console.log('Notification action tapped');
+          },
+          children: message,
+        }),
+      }),
+    ],
+  });
+};
+const CustomBar = () => {
+  const [variant, setVariant] = React.useState('primaryBar');
+  const [message, setMessage] = React.useState('Updating...');
+  return jsx_runtime_1.jsxs(react_native_1.View, {
+    children: [
+      jsx_runtime_1.jsx(StyledPicker_1.StyledPicker, {
+        prompt: 'Variant',
+        selected: variant,
+        onChange: setVariant,
+        collection: notification_1.NotificationVariants.filter((variant) => variant.endsWith('Bar')),
+      }),
+      jsx_runtime_1.jsx(react_native_1.TextInput, { value: message, onChangeText: setMessage, style: styles.textInput }),
+      jsx_runtime_1.jsx(react_native_1.View, {
+        style: styles.notification,
+        children: jsx_runtime_1.jsx(notification_1.Notification, {
+          variant: variant,
+          onPress: () => {
+            console.log('Notification tapped');
+          },
+          children: message,
+        }),
+      }),
+    ],
+  });
+};
+const PrimaryWithAutoHide = () => {
+  const [visible, setVisible] = React.useState(true);
+  const onButtonPress = () => setVisible(!visible);
+  const [hidden, setHidden] = React.useState(!visible);
+  const height = React.useRef(new react_native_1.Animated.Value(0)).current;
+  const show = React.useCallback(() => {
+    setHidden(false);
+    react_native_1.Animated.sequence([
+      react_native_1.Animated.spring(height, {
+        toValue: SHOW_HEIGHT,
+        bounciness: 16,
+        speed: 20,
+        useNativeDriver: USE_NATIVE_DRIVER_IOS,
+      }),
+      react_native_1.Animated.delay(AUTO_HIDE_DURATION),
+      react_native_1.Animated.timing(height, {
+        toValue: 0,
+        duration: HIDE_DURATION,
+        useNativeDriver: USE_NATIVE_DRIVER_IOS,
+      }),
+    ]).start(() => {
+      setHidden(true);
+      setVisible(false);
+    });
+  }, [height]);
+  const hide = React.useCallback(() => {
+    react_native_1.Animated.timing(height, {
+      toValue: 0,
+      duration: HIDE_DURATION,
+      useNativeDriver: USE_NATIVE_DRIVER_IOS,
+    }).start(() => {
+      setHidden(true);
+    });
+  }, [height]);
+  React.useLayoutEffect(() => {
+    if (visible) {
+      show();
+    } else {
+      hide();
+    }
+  }, [visible, show, hide]);
+  const animatedViewProps = {
+    transform: [{ translateY: height }],
+  };
+  return jsx_runtime_1.jsxs(react_native_1.View, {
+    children: [
+      jsx_runtime_1.jsx(button_1.ButtonV1, {
+        appearance: 'subtle',
+        onClick: onButtonPress,
+        style: styles.button,
+        children: visible ? 'Hide' : 'Show',
+      }),
+      !hidden &&
+        jsx_runtime_1.jsx(react_native_1.Animated.View, {
+          style: animatedViewProps,
+          children: jsx_runtime_1.jsx(notification_1.Notification, {
+            variant: 'primary',
+            action: 'Undo',
+            onPress: () => {
+              console.log('Notification tapped');
+            },
+            onActionPress: () => {
+              console.log('Undo tapped');
+            },
+            children: 'Mail Archived',
+          }),
+        }),
+    ],
+  });
+};
+const PrimaryBarWithAutoHide = () => {
+  const [visible, setVisible] = React.useState(true);
+  const onButtonPress = () => setVisible(!visible);
+  const [hidden, setHidden] = React.useState(!visible);
+  const height = React.useRef(new react_native_1.Animated.Value(0)).current;
+  const show = () => {
+    setHidden(false);
+    react_native_1.Animated.sequence([
+      react_native_1.Animated.timing(height, {
+        toValue: SHOW_HEIGHT,
+        duration: BAR_SHOW_DURATION,
+        useNativeDriver: USE_NATIVE_DRIVER_IOS,
+      }),
+      react_native_1.Animated.delay(AUTO_HIDE_DURATION),
+      react_native_1.Animated.timing(height, {
+        toValue: 0,
+        duration: HIDE_DURATION,
+        useNativeDriver: USE_NATIVE_DRIVER_IOS,
+      }),
+    ]).start(() => {
+      setHidden(true);
+      setVisible(false);
+    });
+  };
+  const hide = () => {
+    react_native_1.Animated.timing(height, {
+      toValue: 0,
+      duration: HIDE_DURATION,
+      useNativeDriver: USE_NATIVE_DRIVER_IOS,
+    }).start(() => {
+      setHidden(true);
+    });
+  };
+  React.useLayoutEffect(() => {
+    if (visible) {
+      show();
+    } else {
+      hide();
+    }
+  }, [visible, height]);
+  const animatedViewProps = {
+    transform: [{ translateY: height }],
+  };
+  return jsx_runtime_1.jsxs(react_native_1.View, {
+    children: [
+      jsx_runtime_1.jsx(button_1.ButtonV1, {
+        appearance: 'subtle',
+        onClick: onButtonPress,
+        style: styles.button,
+        children: visible ? 'Hide' : 'Show',
+      }),
+      !hidden &&
+        jsx_runtime_1.jsx(react_native_1.Animated.View, {
+          style: animatedViewProps,
+          children: jsx_runtime_1.jsx(notification_1.Notification, {
+            variant: 'primaryBar',
+            onPress: () => {
+              console.log('Notification tapped');
+            },
+            children: 'Mail Sent',
+          }),
+        }),
+    ],
+  });
+};
+const notificationSections = [
+  {
+    name: 'Custom Toast',
+    component: CustomToast,
+  },
+  {
+    name: 'Custom Bar',
+    component: CustomBar,
+  },
+  {
+    name: 'Primary with auto-hide',
+    component: PrimaryWithAutoHide,
+  },
+  {
+    name: 'Primary Bar with auto-hide',
+    component: PrimaryBarWithAutoHide,
+  },
+];
+const NotificationTest = () => {
+  const status = {
+    win32Status: 'Backlog',
+    uwpStatus: 'Backlog',
+    iosStatus: 'Production',
+    macosStatus: 'Backlog',
+    androidStatus: 'Backlog',
+  };
+  const description = 'Testing notification component';
+  const spec = 'https://github.com/microsoft/fluentui-react-native/blob/main/packages/components/Notification/SPEC.md';
+  return jsx_runtime_1.jsx(Test_1.Test, {
+    name: 'Notification Test',
+    description: description,
+    spec: spec,
+    sections: notificationSections,
+    status: status,
+  });
+};
+exports.NotificationTest = NotificationTest;
+//# sourceMappingURL=NotificationTest.js.map

package/lib-commonjs/TestComponents/Notification/NotificationTest.js.map

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

package/lib-commonjs/TestComponents/Notification/consts.d.ts

@@ -0,0 +1,3 @@
+export declare const HOMEPAGE_NOTIFICATION_BUTTON = 'Homepage_Notification_Button';
+export declare const NOTIFICATION_TESTPAGE = 'Notification_TestPage';
+//# sourceMappingURL=consts.d.ts.map

package/lib-commonjs/TestComponents/Notification/consts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"consts.d.ts","sourceRoot":"","sources":["../../../src/TestComponents/Notification/consts.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,4BAA4B,iCAAiC,CAAC;AAC3E,eAAO,MAAM,qBAAqB,0BAA0B,CAAC"}

package/lib-commonjs/TestComponents/Notification/consts.js

@@ -0,0 +1,6 @@
+'use strict';
+Object.defineProperty(exports, '__esModule', { value: true });
+exports.NOTIFICATION_TESTPAGE = exports.HOMEPAGE_NOTIFICATION_BUTTON = void 0;
+exports.HOMEPAGE_NOTIFICATION_BUTTON = 'Homepage_Notification_Button';
+exports.NOTIFICATION_TESTPAGE = 'Notification_TestPage';
+//# sourceMappingURL=consts.js.map

package/lib-commonjs/TestComponents/Notification/consts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"consts.js","sourceRoot":"","sources":["../../../src/TestComponents/Notification/consts.ts"],"names":[],"mappings":";;;AAAa,QAAA,4BAA4B,GAAG,8BAA8B,CAAC;AAC9D,QAAA,qBAAqB,GAAG,uBAAuB,CAAC"}

package/lib-commonjs/TestComponents/Notification/index.d.ts

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

package/lib-commonjs/TestComponents/Notification/index.d.ts.map

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

package/lib-commonjs/TestComponents/Notification/index.js

@@ -0,0 +1,30 @@
+'use strict';
+var __createBinding =
+  (this && this.__createBinding) ||
+  (Object.create
+    ? function (o, m, k, k2) {
+        if (k2 === undefined) k2 = k;
+        var desc = Object.getOwnPropertyDescriptor(m, k);
+        if (!desc || ('get' in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+          desc = {
+            enumerable: true,
+            get: function () {
+              return m[k];
+            },
+          };
+        }
+        Object.defineProperty(o, k2, desc);
+      }
+    : function (o, m, k, k2) {
+        if (k2 === undefined) k2 = k;
+        o[k2] = m[k];
+      });
+var __exportStar =
+  (this && this.__exportStar) ||
+  function (m, exports) {
+    for (var p in m) if (p !== 'default' && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+  };
+Object.defineProperty(exports, '__esModule', { value: true });
+__exportStar(require('./NotificationTest'), exports);
+__exportStar(require('./consts'), exports);
+//# sourceMappingURL=index.js.map

package/lib-commonjs/TestComponents/Notification/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/TestComponents/Notification/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,qDAAmC;AACnC,2CAAyB"}

package/lib-commonjs/TestComponents/Overflow/OverflowE2ETest.d.ts

@@ -0,0 +1,2 @@
+export declare function E2EOverflowTest(): import('react/jsx-runtime').JSX.Element;
+//# sourceMappingURL=OverflowE2ETest.d.ts.map

package/lib-commonjs/TestComponents/Overflow/OverflowE2ETest.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OverflowE2ETest.d.ts","sourceRoot":"","sources":["../../../src/TestComponents/Overflow/OverflowE2ETest.tsx"],"names":[],"mappings":"AA2DA,wBAAgB,eAAe,4CAmC9B"}

package/lib-commonjs/TestComponents/Overflow/OverflowE2ETest.js

@@ -0,0 +1,148 @@
+'use strict';
+var __createBinding =
+  (this && this.__createBinding) ||
+  (Object.create
+    ? function (o, m, k, k2) {
+        if (k2 === undefined) k2 = k;
+        var desc = Object.getOwnPropertyDescriptor(m, k);
+        if (!desc || ('get' in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+          desc = {
+            enumerable: true,
+            get: function () {
+              return m[k];
+            },
+          };
+        }
+        Object.defineProperty(o, k2, desc);
+      }
+    : function (o, m, k, k2) {
+        if (k2 === undefined) k2 = k;
+        o[k2] = m[k];
+      });
+var __setModuleDefault =
+  (this && this.__setModuleDefault) ||
+  (Object.create
+    ? function (o, v) {
+        Object.defineProperty(o, 'default', { enumerable: true, value: v });
+      }
+    : function (o, v) {
+        o['default'] = v;
+      });
+var __importStar =
+  (this && this.__importStar) ||
+  (function () {
+    var ownKeys = function (o) {
+      ownKeys =
+        Object.getOwnPropertyNames ||
+        function (o) {
+          var ar = [];
+          for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+          return ar;
+        };
+      return ownKeys(o);
+    };
+    return function (mod) {
+      if (mod && mod.__esModule) return mod;
+      var result = {};
+      if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== 'default') __createBinding(result, mod, k[i]);
+      __setModuleDefault(result, mod);
+      return result;
+    };
+  })();
+Object.defineProperty(exports, '__esModule', { value: true });
+exports.E2EOverflowTest = E2EOverflowTest;
+const jsx_runtime_1 = require('react/jsx-runtime');
+const React = __importStar(require('react'));
+const react_native_1 = require('react-native');
+const button_1 = require('@fluentui-react-native/button');
+const divider_1 = require('@fluentui-react-native/divider');
+const e2e_testing_1 = require('@fluentui-react-native/e2e-testing');
+const overflow_1 = require('@fluentui-react-native/overflow');
+const radio_group_1 = require('@fluentui-react-native/radio-group');
+const text_1 = require('@fluentui-react-native/text');
+const styles = react_native_1.StyleSheet.create({
+  menu: {
+    width: 50,
+  },
+  item: {
+    width: 100,
+  },
+});
+function OverflowMenu() {
+  const { showMenu, visibleMenuItems, onMenuTriggerLayout } = (0, overflow_1.useOverflowMenu)();
+  const overflowCount = visibleMenuItems.length;
+  if (showMenu) {
+    return jsx_runtime_1.jsx(button_1.ButtonV1, {
+      testID: e2e_testing_1.OVERFLOW_MENU,
+      onLayout: onMenuTriggerLayout,
+      style: styles.menu,
+      children: `${overflowCount} hidden`,
+    });
+  } else {
+    return null;
+  }
+}
+const items = [e2e_testing_1.FIRST_OVERFLOW_ITEM_ID, e2e_testing_1.SECOND_OVERFLOW_ITEM_ID, e2e_testing_1.THIRD_OVERFLOW_ITEM_ID];
+const itemsToTestIDs = {
+  [e2e_testing_1.FIRST_OVERFLOW_ITEM_ID]: e2e_testing_1.FIRST_OVERFLOW_ITEM,
+  [e2e_testing_1.SECOND_OVERFLOW_ITEM_ID]: e2e_testing_1.SECOND_OVERFLOW_ITEM,
+  [e2e_testing_1.THIRD_OVERFLOW_ITEM_ID]: e2e_testing_1.THIRD_OVERFLOW_ITEM,
+};
+function E2EOverflowTest() {
+  const [overflowStyles, setOverflowStyles] = React.useState({});
+  const [ready, setReady] = React.useState(false);
+  const [updated, setUpdated] = React.useState(false);
+  const handleRadioGroupChange = React.useCallback((key) => {
+    setUpdated(false);
+    const keyAsInt = parseInt(key);
+    setOverflowStyles({ width: keyAsInt });
+  }, []);
+  const handleReady = React.useCallback(() => setReady(true), []);
+  const handleOverflowUpdate = React.useCallback(() => setUpdated(true), []);
+  return jsx_runtime_1.jsxs(react_native_1.View, {
+    children: [
+      jsx_runtime_1.jsx(text_1.TextV1, {
+        testID: e2e_testing_1.READY_LABEL,
+        children: ready ? e2e_testing_1.READY_VALUE_TRUE : e2e_testing_1.READY_VALUE_FALSE,
+      }),
+      jsx_runtime_1.jsx(text_1.TextV1, {
+        testID: e2e_testing_1.UPDATED_LABEL,
+        children: updated ? e2e_testing_1.UPDATED_VALUE_TRUE : e2e_testing_1.UPDATED_VALUE_FALSE,
+      }),
+      jsx_runtime_1.jsx(divider_1.Divider, {}),
+      jsx_runtime_1.jsxs(radio_group_1.RadioGroupV1, {
+        defaultValue: '375',
+        label: 'Width Options',
+        onChange: handleRadioGroupChange,
+        children: [
+          jsx_runtime_1.jsx(radio_group_1.Radio, { testID: e2e_testing_1.RADIO_175, label: '175', value: '175' }),
+          jsx_runtime_1.jsx(radio_group_1.Radio, { testID: e2e_testing_1.RADIO_275, label: '275', value: '275' }),
+          jsx_runtime_1.jsx(radio_group_1.Radio, { testID: e2e_testing_1.RADIO_375, label: '375', value: '375' }),
+        ],
+      }),
+      jsx_runtime_1.jsx(divider_1.Divider, {}),
+      jsx_runtime_1.jsxs(overflow_1.Overflow, {
+        onOverflowUpdate: handleOverflowUpdate,
+        itemIDs: items,
+        style: overflowStyles,
+        onReady: handleReady,
+        children: [
+          items.map((id, i) =>
+            jsx_runtime_1.jsx(
+              overflow_1.OverflowItem,
+              {
+                testID: itemsToTestIDs[id],
+                priority: items.length - i,
+                overflowID: id,
+                children: jsx_runtime_1.jsx(button_1.ButtonV1, { style: styles.item, children: `Item '${id}'` }),
+              },
+              id,
+            ),
+          ),
+          jsx_runtime_1.jsx(OverflowMenu, {}),
+        ],
+      }),
+    ],
+  });
+}
+//# sourceMappingURL=OverflowE2ETest.js.map

package/lib-commonjs/TestComponents/Overflow/OverflowE2ETest.js.map

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

package/lib-commonjs/TestComponents/Overflow/OverflowTest.d.ts

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

package/lib-commonjs/TestComponents/Overflow/OverflowTest.d.ts.map

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