@eohjsc/react-native-smart-city 0.2.20 → 0.2.26

package/src/commons/ActionGroup/__test__/__snapshots__/ThreeButtonTemplate.test.js.snap

@@ -5,262 +5,280 @@ exports[`Test ThreeButtonTemplate render ThreeButtonTemplate 1`] = `
   style={
     Object {
       "backgroundColor": "#FFFFFF",
-      "borderColor": "#E8E8E8",
       "borderRadius": 10,
-      "borderWidth": 1,
-      "elevation": 3,
-      "flexDirection": "row",
-      "justifyContent": "space-around",
-      "marginHorizontal": 20,
-      "marginTop": 20,
-      "paddingHorizontal": 8,
-      "paddingVertical": 16,
-      "shadowColor": "#000000",
+      "elevation": 6,
+      "flexDirection": "column",
+      "marginBottom": 14,
+      "marginHorizontal": 16,
+      "marginTop": 14,
+      "padding": 16,
+      "shadowColor": "#303133",
       "shadowOffset": Object {
         "height": 2,
         "width": 0,
       },
-      "shadowOpacity": 0.25,
-      "shadowRadius": 3.84,
+      "shadowOpacity": 0.1,
+      "shadowRadius": 3,
     }
   }
 >
-  <View
-    accessible={true}
-    focusable={true}
-    onClick={[Function]}
-    onResponderGrant={[Function]}
-    onResponderMove={[Function]}
-    onResponderRelease={[Function]}
-    onResponderTerminate={[Function]}
-    onResponderTerminationRequest={[Function]}
-    onStartShouldSetResponder={[Function]}
+  <Text
     style={
-      Object {
-        "alignItems": "center",
-        "aspectRatio": 1,
-        "backgroundColor": "#FFFFFF",
-        "borderColor": "#E8E8E8",
-        "borderRadius": 10,
-        "borderWidth": 1,
-        "elevation": 3,
-        "flex": 1,
-        "justifyContent": "center",
-        "marginHorizontal": 4,
-        "opacity": 1,
-        "shadowColor": "#303133",
-        "shadowOffset": Object {
-          "height": 2,
-          "width": 0,
+      Array [
+        Object {
+          "color": "#000",
+          "fontFamily": "SFProDisplay-Regular",
+          "fontSize": undefined,
+          "lineHeight": undefined,
+          "textAlign": "left",
+          "textDecorationLine": "none",
         },
-        "shadowOpacity": 0.25,
-        "shadowRadius": 3.84,
-      }
+        Object {
+          "alignItems": "flex-end",
+          "color": "#595959",
+          "display": "flex",
+          "fontSize": 16,
+          "lineHeight": 24,
+        },
+      ]
     }
   >
+    Controller
+  </Text>
+  <View>
     <View
       style={
         Object {
-          "height": 28,
-          "marginBottom": 7,
+          "flexDirection": "row",
+          "justifyContent": "space-around",
+          "paddingVertical": 16,
         }
       }
     >
-      <Text
+      <View
+        accessible={true}
+        focusable={true}
+        onClick={[Function]}
+        onResponderGrant={[Function]}
+        onResponderMove={[Function]}
+        onResponderRelease={[Function]}
+        onResponderTerminate={[Function]}
+        onResponderTerminationRequest={[Function]}
+        onStartShouldSetResponder={[Function]}
         style={
-          Array [
-            Object {
-              "color": "#D9D9D9",
-              "fontFamily": "antoutline",
-              "fontSize": 30,
-              "fontStyle": "normal",
-              "fontWeight": "normal",
-            },
-            undefined,
-          ]
+          Object {
+            "alignItems": "center",
+            "aspectRatio": 1,
+            "backgroundColor": "#FAFAFA",
+            "borderColor": "#F5F5F5",
+            "borderRadius": 10,
+            "borderWidth": 1,
+            "flex": 1,
+            "justifyContent": "center",
+            "marginHorizontal": 4,
+            "opacity": 1,
+          }
         }
+        testID="BUTTON_TEMPLATE_1"
       >
-        
-      </Text>
-    </View>
-    <Text
-      style={
-        Array [
-          Object {
-            "color": "#000",
-            "fontFamily": "SFProDisplay-Regular",
-            "fontSize": undefined,
-            "lineHeight": undefined,
-            "textAlign": "left",
-            "textDecorationLine": "none",
-          },
+        <View
+          style={
+            Object {
+              "height": 28,
+              "marginBottom": 7,
+            }
+          }
+        >
+          <Text
+            style={
+              Array [
+                Object {
+                  "color": "#00979D",
+                  "fontFamily": "antoutline",
+                  "fontSize": 30,
+                  "fontStyle": "normal",
+                  "fontWeight": "normal",
+                },
+                undefined,
+              ]
+            }
+          >
+            
+          </Text>
+        </View>
+        <Text
+          style={
+            Array [
+              Object {
+                "color": "#000",
+                "fontFamily": "SFProDisplay-Regular",
+                "fontSize": undefined,
+                "lineHeight": undefined,
+                "textAlign": "left",
+                "textDecorationLine": "none",
+              },
+              Object {
+                "fontSize": 14,
+                "lineHeight": 22,
+              },
+            ]
+          }
+        >
+          UP
+        </Text>
+      </View>
+      <View
+        accessible={true}
+        focusable={true}
+        onClick={[Function]}
+        onResponderGrant={[Function]}
+        onResponderMove={[Function]}
+        onResponderRelease={[Function]}
+        onResponderTerminate={[Function]}
+        onResponderTerminationRequest={[Function]}
+        onStartShouldSetResponder={[Function]}
+        style={
           Object {
-            "fontSize": 14,
-            "lineHeight": 22,
-          },
-        ]
-      }
-    >
-      UP
-    </Text>
-  </View>
-  <View
-    accessible={true}
-    focusable={true}
-    onClick={[Function]}
-    onResponderGrant={[Function]}
-    onResponderMove={[Function]}
-    onResponderRelease={[Function]}
-    onResponderTerminate={[Function]}
-    onResponderTerminationRequest={[Function]}
-    onStartShouldSetResponder={[Function]}
-    style={
-      Object {
-        "alignItems": "center",
-        "aspectRatio": 1,
-        "backgroundColor": "#FFFFFF",
-        "borderColor": "#E8E8E8",
-        "borderRadius": 10,
-        "borderWidth": 1,
-        "elevation": 3,
-        "flex": 1,
-        "justifyContent": "center",
-        "marginHorizontal": 4,
-        "opacity": 1,
-        "shadowColor": "#303133",
-        "shadowOffset": Object {
-          "height": 2,
-          "width": 0,
-        },
-        "shadowOpacity": 0.25,
-        "shadowRadius": 3.84,
-      }
-    }
-  >
-    <View
-      style={
-        Object {
-          "height": 28,
-          "marginBottom": 7,
+            "alignItems": "center",
+            "aspectRatio": 1,
+            "backgroundColor": "#FAFAFA",
+            "borderColor": "#F5F5F5",
+            "borderRadius": 10,
+            "borderWidth": 1,
+            "flex": 1,
+            "justifyContent": "center",
+            "marginHorizontal": 4,
+            "opacity": 1,
+          }
         }
-      }
-    >
-      <Text
-        style={
-          Array [
+        testID="BUTTON_TEMPLATE_2"
+      >
+        <View
+          style={
             Object {
-              "color": "#D9D9D9",
-              "fontFamily": "antoutline",
-              "fontSize": 30,
-              "fontStyle": "normal",
-              "fontWeight": "normal",
-            },
-            undefined,
-          ]
+              "height": 28,
+              "marginBottom": 7,
+            }
+          }
+        >
+          <View
+            style={
+              Object {
+                "alignItems": "flex-end",
+                "backgroundColor": "#00979D",
+                "borderRadius": 1,
+                "flexDirection": "row",
+                "height": 16,
+                "marginHorizontal": 8,
+                "marginVertical": 8,
+                "width": 15.41,
+              }
+            }
+          />
+        </View>
+        <Text
+          style={
+            Array [
+              Object {
+                "color": "#000",
+                "fontFamily": "SFProDisplay-Regular",
+                "fontSize": undefined,
+                "lineHeight": undefined,
+                "textAlign": "left",
+                "textDecorationLine": "none",
+              },
+              Object {
+                "fontSize": 14,
+                "lineHeight": 22,
+              },
+            ]
+          }
+        >
+          STOP/UNLOCK
+        </Text>
+      </View>
+      <View
+        accessible={true}
+        focusable={true}
+        onClick={[Function]}
+        onResponderGrant={[Function]}
+        onResponderMove={[Function]}
+        onResponderRelease={[Function]}
+        onResponderTerminate={[Function]}
+        onResponderTerminationRequest={[Function]}
+        onStartShouldSetResponder={[Function]}
+        style={
+          Object {
+            "alignItems": "center",
+            "aspectRatio": 1,
+            "backgroundColor": "#FAFAFA",
+            "borderColor": "#F5F5F5",
+            "borderRadius": 10,
+            "borderWidth": 1,
+            "flex": 1,
+            "justifyContent": "center",
+            "marginHorizontal": 4,
+            "opacity": 1,
+          }
         }
+        testID="BUTTON_TEMPLATE_3"
       >
-        
-      </Text>
+        <View
+          style={
+            Object {
+              "height": 28,
+              "marginBottom": 7,
+            }
+          }
+        >
+          <Text
+            style={
+              Array [
+                Object {
+                  "color": "#00979D",
+                  "fontFamily": "antoutline",
+                  "fontSize": 30,
+                  "fontStyle": "normal",
+                  "fontWeight": "normal",
+                },
+                undefined,
+              ]
+            }
+          >
+            
+          </Text>
+        </View>
+        <Text
+          style={
+            Array [
+              Object {
+                "color": "#000",
+                "fontFamily": "SFProDisplay-Regular",
+                "fontSize": undefined,
+                "lineHeight": undefined,
+                "textAlign": "left",
+                "textDecorationLine": "none",
+              },
+              Object {
+                "fontSize": 14,
+                "lineHeight": 22,
+              },
+            ]
+          }
+        >
+          DOWN
+        </Text>
+      </View>
     </View>
-    <Text
-      style={
-        Array [
-          Object {
-            "color": "#000",
-            "fontFamily": "SFProDisplay-Regular",
-            "fontSize": undefined,
-            "lineHeight": undefined,
-            "textAlign": "left",
-            "textDecorationLine": "none",
-          },
-          Object {
-            "fontSize": 14,
-            "lineHeight": 22,
-          },
-        ]
-      }
-    >
-      STOP/UNLOCK
-    </Text>
-  </View>
-  <View
-    accessible={true}
-    focusable={true}
-    onClick={[Function]}
-    onResponderGrant={[Function]}
-    onResponderMove={[Function]}
-    onResponderRelease={[Function]}
-    onResponderTerminate={[Function]}
-    onResponderTerminationRequest={[Function]}
-    onStartShouldSetResponder={[Function]}
-    style={
-      Object {
-        "alignItems": "center",
-        "aspectRatio": 1,
-        "backgroundColor": "#FFFFFF",
-        "borderColor": "#E8E8E8",
-        "borderRadius": 10,
-        "borderWidth": 1,
-        "elevation": 3,
-        "flex": 1,
-        "justifyContent": "center",
-        "marginHorizontal": 4,
-        "opacity": 1,
-        "shadowColor": "#303133",
-        "shadowOffset": Object {
-          "height": 2,
-          "width": 0,
-        },
-        "shadowOpacity": 0.25,
-        "shadowRadius": 3.84,
-      }
-    }
-  >
     <View
       style={
         Object {
-          "height": 28,
+          "flexDirection": "row",
+          "justifyContent": "space-between",
           "marginBottom": 7,
         }
       }
-    >
-      <Text
-        style={
-          Array [
-            Object {
-              "color": "#D9D9D9",
-              "fontFamily": "antoutline",
-              "fontSize": 30,
-              "fontStyle": "normal",
-              "fontWeight": "normal",
-            },
-            undefined,
-          ]
-        }
-      >
-        
-      </Text>
-    </View>
-    <Text
-      style={
-        Array [
-          Object {
-            "color": "#000",
-            "fontFamily": "SFProDisplay-Regular",
-            "fontSize": undefined,
-            "lineHeight": undefined,
-            "textAlign": "left",
-            "textDecorationLine": "none",
-          },
-          Object {
-            "fontSize": 14,
-            "lineHeight": 22,
-          },
-        ]
-      }
-    >
-      DOWN
-    </Text>
+    />
   </View>
 </View>
 `;