react-native-ui-lib 8.4.2-snapshot.7918 → 8.4.3-snapshot.7923

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-ui-lib",
-  "version": "8.4.2-snapshot.7918",
+  "version": "8.4.3-snapshot.7923",
   "main": "src/index.js",
   "types": "src/index.d.ts",
   "author": "Ethan Sharabi <ethan.shar@gmail.com>",

package/src/components/badge/badge.driver.d.ts

@@ -0,0 +1,37 @@
+import { ComponentProps } from '../../testkit/new/Component.driver';
+export declare const BadgeDriver: (props: ComponentProps) => {
+    getLabel: () => {
+        getText: () => string | (string | import("react-test-renderer").ReactTestInstance)[];
+        getStyle: () => import("react-native").TextStyle;
+        press: () => void;
+        hasOnPress: () => boolean;
+        onPressIn: () => void;
+        hasOnPressIn: () => boolean;
+        onPressOut: () => void;
+        hasOnPressOut: () => boolean;
+        onLongPress: () => void;
+        hasOnLongPress: () => boolean;
+        getElement: () => import("react-test-renderer").ReactTestInstance;
+        queryElement: () => import("react-test-renderer").ReactTestInstance | undefined;
+        exists: () => boolean;
+    };
+    getIcon: () => {
+        exists: () => boolean;
+        getStyle: () => any;
+        getElement: () => import("react-test-renderer").ReactTestInstance;
+        queryElement: () => import("react-test-renderer").ReactTestInstance | undefined;
+    };
+    getStyle: () => any;
+    getSize: () => number;
+    press: () => void;
+    hasOnPress: () => boolean;
+    onPressIn: () => void;
+    hasOnPressIn: () => boolean;
+    onPressOut: () => void;
+    hasOnPressOut: () => boolean;
+    onLongPress: () => void;
+    hasOnLongPress: () => boolean;
+    getElement: () => import("react-test-renderer").ReactTestInstance;
+    queryElement: () => import("react-test-renderer").ReactTestInstance | undefined;
+    exists: () => boolean;
+};

package/src/components/badge/badge.driver.js

@@ -0,0 +1,47 @@
+import { StyleSheet } from 'react-native';
+import { useComponentDriver } from "../../testkit/new/Component.driver";
+import { usePressableDriver } from "../../testkit/new/usePressable.driver";
+import { TextDriver } from "../text/Text.driver.new";
+import { ImageDriver } from "../image/Image.driver.new";
+export const BadgeDriver = props => {
+  const driver = usePressableDriver(useComponentDriver(props));
+  const labelDriver = TextDriver({
+    renderTree: props.renderTree,
+    testID: `${props.testID}.label`
+  });
+  const iconDriver = ImageDriver({
+    renderTree: props.renderTree,
+    testID: `${props.testID}.icon`
+  });
+  const getLabel = () => {
+    return {
+      ...labelDriver
+    };
+  };
+  const getIcon = () => {
+    const exists = () => {
+      return iconDriver.exists();
+    };
+    const getStyle = () => {
+      return StyleSheet.flatten(iconDriver.getElement().props.style);
+    };
+    return {
+      ...iconDriver,
+      exists,
+      getStyle
+    };
+  };
+  const getStyle = () => {
+    return StyleSheet.flatten(driver.getElement().props.style);
+  };
+  const getSize = () => {
+    return getStyle().height;
+  };
+  return {
+    ...driver,
+    getLabel,
+    getIcon,
+    getStyle,
+    getSize
+  };
+};

package/src/components/badge/index.js

@@ -130,10 +130,11 @@ class Badge extends PureComponent {
   renderLabel() {
     const {
       labelStyle,
-      label
+      label,
+      testID
     } = this.props;
     if (label) {
-      return <Text style={[this.styles.label, this.isSmallBadge() && this.styles.labelSmall, labelStyle]} allowFontScaling={false} numberOfLines={1} testID="badge" recorderTag={'unmask'}>
+      return <Text style={[this.styles.label, this.isSmallBadge() && this.styles.labelSmall, labelStyle]} allowFontScaling={false} numberOfLines={1} testID={testID ? `${testID}.label` : 'badge'} recorderTag={'unmask'}>
           {this.getFormattedLabel()}
         </Text>;
     }
@@ -150,12 +151,13 @@ class Badge extends PureComponent {
       iconStyle,
       iconProps,
       borderColor,
-      label
+      label,
+      testID
     } = this.props;
     const flex = label ? 0 : 1;
     return icon && <Image source={icon} resizeMode="contain" tintColor={Colors.$iconDefaultLight}
     //@ts-ignore
-    borderColor={borderColor} {...iconProps} style={{
+    borderColor={borderColor} testID={testID ? `${testID}.icon` : undefined} {...iconProps} style={{
       flex,
       ...iconStyle
     }} />;

package/src/testkit/index.d.ts

@@ -23,3 +23,4 @@ export { ToastDriver } from '../incubator/toast/Toast.driver.new';
 export { DateTimePickerDriver } from '../components/dateTimePicker/DateTimePicker.driver';
 export { TimelineDriver } from '../components/timeline/timeline.driver';
 export { ChipDriver } from '../components/chip/chip.driver';
+export { BadgeDriver } from '../components/badge/badge.driver';

package/src/testkit/index.js

@@ -22,4 +22,5 @@ export { ExpandableOverlayDriver } from "../incubator/expandableOverlay/Expandab
 export { ToastDriver } from "../incubator/toast/Toast.driver.new";
 export { DateTimePickerDriver } from "../components/dateTimePicker/DateTimePicker.driver";
 export { TimelineDriver } from "../components/timeline/timeline.driver";
-export { ChipDriver } from "../components/chip/chip.driver";
+export { ChipDriver } from "../components/chip/chip.driver";
+export { BadgeDriver } from "../components/badge/badge.driver";