@hero-design/rn 7.7.0 → 7.9.0

package/src/components/Toolbar/__tests__/__snapshots__/ToolbarGroup.spec.tsx.snap

@@ -0,0 +1,391 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`ToolbarGroup renders correctly with when align is center 1`] = `
+<View
+  align="center"
+  style={
+    Array [
+      Object {
+        "alignItems": "center",
+        "flex": 1,
+        "flexDirection": "row",
+        "justifyContent": "center",
+      },
+      undefined,
+    ]
+  }
+>
+  <View
+    accessible={true}
+    collapsable={false}
+    focusable={true}
+    nativeID="animatedComponent"
+    onClick={[Function]}
+    onResponderGrant={[Function]}
+    onResponderMove={[Function]}
+    onResponderRelease={[Function]}
+    onResponderTerminate={[Function]}
+    onResponderTerminationRequest={[Function]}
+    onStartShouldSetResponder={[Function]}
+    style={
+      Object {
+        "alignItems": "center",
+        "opacity": 1,
+        "paddingHorizontal": 12,
+        "paddingVertical": 8,
+      }
+    }
+  >
+    <HeroIcon
+      name="home"
+      style={
+        Array [
+          Object {
+            "color": "#7622d7",
+            "fontSize": 24,
+          },
+          undefined,
+        ]
+      }
+      testID="toolbar-item-icon-home"
+      themeIntent="primary"
+      themeSize="medium"
+    />
+    <Text
+      style={
+        Array [
+          Object {
+            "color": "#7622d7",
+            "fontFamily": "BeVietnamPro-SemiBold",
+            "fontSize": 12,
+            "letterSpacing": 0.36,
+            "lineHeight": 20,
+          },
+          undefined,
+        ]
+      }
+      themeFontSize="small"
+      themeFontWeight="semi-bold"
+      themeIntent="primary"
+    >
+      Discard
+    </Text>
+  </View>
+  <View
+    accessible={true}
+    collapsable={false}
+    focusable={true}
+    nativeID="animatedComponent"
+    onClick={[Function]}
+    onResponderGrant={[Function]}
+    onResponderMove={[Function]}
+    onResponderRelease={[Function]}
+    onResponderTerminate={[Function]}
+    onResponderTerminationRequest={[Function]}
+    onStartShouldSetResponder={[Function]}
+    style={
+      Object {
+        "alignItems": "center",
+        "opacity": 1,
+        "paddingHorizontal": 12,
+        "paddingVertical": 8,
+      }
+    }
+  >
+    <HeroIcon
+      name="print"
+      style={
+        Array [
+          Object {
+            "color": "#7622d7",
+            "fontSize": 24,
+          },
+          undefined,
+        ]
+      }
+      testID="toolbar-item-icon-print"
+      themeIntent="primary"
+      themeSize="medium"
+    />
+    <Text
+      style={
+        Array [
+          Object {
+            "color": "#7622d7",
+            "fontFamily": "BeVietnamPro-SemiBold",
+            "fontSize": 12,
+            "letterSpacing": 0.36,
+            "lineHeight": 20,
+          },
+          undefined,
+        ]
+      }
+      themeFontSize="small"
+      themeFontWeight="semi-bold"
+      themeIntent="primary"
+    >
+      Print
+    </Text>
+  </View>
+</View>
+`;
+
+exports[`ToolbarGroup renders correctly with when align is left 1`] = `
+<View
+  align="left"
+  style={
+    Array [
+      Object {
+        "alignItems": "center",
+        "flex": 1,
+        "flexDirection": "row",
+        "justifyContent": "flex-start",
+      },
+      undefined,
+    ]
+  }
+>
+  <View
+    accessible={true}
+    collapsable={false}
+    focusable={true}
+    nativeID="animatedComponent"
+    onClick={[Function]}
+    onResponderGrant={[Function]}
+    onResponderMove={[Function]}
+    onResponderRelease={[Function]}
+    onResponderTerminate={[Function]}
+    onResponderTerminationRequest={[Function]}
+    onStartShouldSetResponder={[Function]}
+    style={
+      Object {
+        "alignItems": "center",
+        "opacity": 1,
+        "paddingHorizontal": 12,
+        "paddingVertical": 8,
+      }
+    }
+  >
+    <HeroIcon
+      name="home"
+      style={
+        Array [
+          Object {
+            "color": "#7622d7",
+            "fontSize": 24,
+          },
+          undefined,
+        ]
+      }
+      testID="toolbar-item-icon-home"
+      themeIntent="primary"
+      themeSize="medium"
+    />
+    <Text
+      style={
+        Array [
+          Object {
+            "color": "#7622d7",
+            "fontFamily": "BeVietnamPro-SemiBold",
+            "fontSize": 12,
+            "letterSpacing": 0.36,
+            "lineHeight": 20,
+          },
+          undefined,
+        ]
+      }
+      themeFontSize="small"
+      themeFontWeight="semi-bold"
+      themeIntent="primary"
+    >
+      Discard
+    </Text>
+  </View>
+  <View
+    accessible={true}
+    collapsable={false}
+    focusable={true}
+    nativeID="animatedComponent"
+    onClick={[Function]}
+    onResponderGrant={[Function]}
+    onResponderMove={[Function]}
+    onResponderRelease={[Function]}
+    onResponderTerminate={[Function]}
+    onResponderTerminationRequest={[Function]}
+    onStartShouldSetResponder={[Function]}
+    style={
+      Object {
+        "alignItems": "center",
+        "opacity": 1,
+        "paddingHorizontal": 12,
+        "paddingVertical": 8,
+      }
+    }
+  >
+    <HeroIcon
+      name="print"
+      style={
+        Array [
+          Object {
+            "color": "#7622d7",
+            "fontSize": 24,
+          },
+          undefined,
+        ]
+      }
+      testID="toolbar-item-icon-print"
+      themeIntent="primary"
+      themeSize="medium"
+    />
+    <Text
+      style={
+        Array [
+          Object {
+            "color": "#7622d7",
+            "fontFamily": "BeVietnamPro-SemiBold",
+            "fontSize": 12,
+            "letterSpacing": 0.36,
+            "lineHeight": 20,
+          },
+          undefined,
+        ]
+      }
+      themeFontSize="small"
+      themeFontWeight="semi-bold"
+      themeIntent="primary"
+    >
+      Print
+    </Text>
+  </View>
+</View>
+`;
+
+exports[`ToolbarGroup renders correctly with when align is right 1`] = `
+<View
+  align="right"
+  style={
+    Array [
+      Object {
+        "alignItems": "center",
+        "flex": 1,
+        "flexDirection": "row",
+        "justifyContent": "flex-end",
+      },
+      undefined,
+    ]
+  }
+>
+  <View
+    accessible={true}
+    collapsable={false}
+    focusable={true}
+    nativeID="animatedComponent"
+    onClick={[Function]}
+    onResponderGrant={[Function]}
+    onResponderMove={[Function]}
+    onResponderRelease={[Function]}
+    onResponderTerminate={[Function]}
+    onResponderTerminationRequest={[Function]}
+    onStartShouldSetResponder={[Function]}
+    style={
+      Object {
+        "alignItems": "center",
+        "opacity": 1,
+        "paddingHorizontal": 12,
+        "paddingVertical": 8,
+      }
+    }
+  >
+    <HeroIcon
+      name="home"
+      style={
+        Array [
+          Object {
+            "color": "#7622d7",
+            "fontSize": 24,
+          },
+          undefined,
+        ]
+      }
+      testID="toolbar-item-icon-home"
+      themeIntent="primary"
+      themeSize="medium"
+    />
+    <Text
+      style={
+        Array [
+          Object {
+            "color": "#7622d7",
+            "fontFamily": "BeVietnamPro-SemiBold",
+            "fontSize": 12,
+            "letterSpacing": 0.36,
+            "lineHeight": 20,
+          },
+          undefined,
+        ]
+      }
+      themeFontSize="small"
+      themeFontWeight="semi-bold"
+      themeIntent="primary"
+    >
+      Discard
+    </Text>
+  </View>
+  <View
+    accessible={true}
+    collapsable={false}
+    focusable={true}
+    nativeID="animatedComponent"
+    onClick={[Function]}
+    onResponderGrant={[Function]}
+    onResponderMove={[Function]}
+    onResponderRelease={[Function]}
+    onResponderTerminate={[Function]}
+    onResponderTerminationRequest={[Function]}
+    onStartShouldSetResponder={[Function]}
+    style={
+      Object {
+        "alignItems": "center",
+        "opacity": 1,
+        "paddingHorizontal": 12,
+        "paddingVertical": 8,
+      }
+    }
+  >
+    <HeroIcon
+      name="print"
+      style={
+        Array [
+          Object {
+            "color": "#7622d7",
+            "fontSize": 24,
+          },
+          undefined,
+        ]
+      }
+      testID="toolbar-item-icon-print"
+      themeIntent="primary"
+      themeSize="medium"
+    />
+    <Text
+      style={
+        Array [
+          Object {
+            "color": "#7622d7",
+            "fontFamily": "BeVietnamPro-SemiBold",
+            "fontSize": 12,
+            "letterSpacing": 0.36,
+            "lineHeight": 20,
+          },
+          undefined,
+        ]
+      }
+      themeFontSize="small"
+      themeFontWeight="semi-bold"
+      themeIntent="primary"
+    >
+      Print
+    </Text>
+  </View>
+</View>
+`;