teamdigitale/italia-app

View on GitHub
ts/components/screens/__tests__/__snapshots__/OperationResultScreenContent.test.tsx.snap

Summary

Maintainability
Test Coverage
// Jest Snapshot v1, https://goo.gl/fbAQLP

exports[`OperationResultScreenContent should match the snapshot with default props 1`] = `
<View
  style={
    Object {
      "flex": 1,
    }
  }
>
  <RNCSafeAreaProvider
    onInsetsChange={[Function]}
    style={
      Array [
        Object {
          "flex": 1,
        },
        undefined,
      ]
    }
  >
    <View
      style={
        Array [
          Object {
            "backgroundColor": "#FFFFFF",
            "flex": 1,
          },
          undefined,
        ]
      }
    >
      <View
        collapsable={false}
        pointerEvents="box-none"
        style={
          Object {
            "zIndex": 1,
          }
        }
      >
        <View
          accessibilityElementsHidden={false}
          importantForAccessibility="auto"
          onLayout={[Function]}
          pointerEvents="box-none"
          style={null}
        >
          <View
            collapsable={false}
            pointerEvents="box-none"
            style={
              Object {
                "bottom": 0,
                "left": 0,
                "opacity": 1,
                "position": "absolute",
                "right": 0,
                "top": 0,
                "zIndex": 0,
              }
            }
          >
            <View
              collapsable={false}
              style={
                Object {
                  "backgroundColor": "#FFFFFF",
                  "borderBottomColor": "rgb(216, 216, 216)",
                  "flex": 1,
                  "shadowColor": "rgb(216, 216, 216)",
                  "shadowOffset": Object {
                    "height": 0.5,
                    "width": 0,
                  },
                  "shadowOpacity": 0.85,
                  "shadowRadius": 0,
                }
              }
            />
          </View>
          <View
            collapsable={false}
            pointerEvents="box-none"
            style={
              Object {
                "height": 44,
                "maxHeight": undefined,
                "minHeight": undefined,
                "opacity": undefined,
                "transform": undefined,
              }
            }
          >
            <View
              pointerEvents="none"
              style={
                Object {
                  "height": 0,
                }
              }
            />
            <View
              pointerEvents="box-none"
              style={
                Object {
                  "alignItems": "stretch",
                  "flex": 1,
                  "flexDirection": "row",
                }
              }
            >
              <View
                collapsable={false}
                pointerEvents="box-none"
                style={
                  Object {
                    "alignItems": "flex-start",
                    "flexBasis": 0,
                    "flexGrow": 1,
                    "justifyContent": "center",
                    "marginStart": 0,
                    "opacity": 1,
                  }
                }
              />
              <View
                collapsable={false}
                pointerEvents="box-none"
                style={
                  Object {
                    "justifyContent": "center",
                    "marginHorizontal": 16,
                    "maxWidth": 718,
                    "opacity": 1,
                  }
                }
              >
                <Text
                  accessibilityRole="header"
                  aria-level="1"
                  collapsable={false}
                  numberOfLines={1}
                  onLayout={[Function]}
                  style={
                    Object {
                      "color": "rgb(28, 28, 30)",
                      "fontSize": 17,
                      "fontWeight": "600",
                    }
                  }
                >
                  WALLET_HOME
                </Text>
              </View>
              <View
                collapsable={false}
                pointerEvents="box-none"
                style={
                  Object {
                    "alignItems": "flex-end",
                    "flexBasis": 0,
                    "flexGrow": 1,
                    "justifyContent": "center",
                    "marginEnd": 0,
                    "opacity": 1,
                  }
                }
              />
            </View>
          </View>
        </View>
      </View>
      <View
        onLayout={[Function]}
        style={
          Object {
            "flex": 1,
          }
        }
      >
        <View
          activityState={2}
          collapsable={false}
          forwardedRef={[Function]}
          pointerEvents="box-none"
          style={
            Object {
              "bottom": 0,
              "left": 0,
              "position": "absolute",
              "right": 0,
              "top": 0,
            }
          }
        >
          <View
            collapsable={false}
            style={
              Object {
                "opacity": 1,
              }
            }
          />
          <View
            accessibilityElementsHidden={false}
            closing={false}
            gestureVelocityImpact={0.3}
            importantForAccessibility="auto"
            onClose={[Function]}
            onGestureBegin={[Function]}
            onGestureCanceled={[Function]}
            onGestureEnd={[Function]}
            onOpen={[Function]}
            onTransition={[Function]}
            pointerEvents="box-none"
            style={
              Array [
                Object {
                  "display": "flex",
                  "overflow": undefined,
                },
                Object {
                  "bottom": 0,
                  "left": 0,
                  "position": "absolute",
                  "right": 0,
                  "top": 0,
                },
              ]
            }
            transitionSpec={
              Object {
                "close": Object {
                  "animation": "spring",
                  "config": Object {
                    "damping": 500,
                    "mass": 3,
                    "overshootClamping": true,
                    "restDisplacementThreshold": 10,
                    "restSpeedThreshold": 10,
                    "stiffness": 1000,
                  },
                },
                "open": Object {
                  "animation": "spring",
                  "config": Object {
                    "damping": 500,
                    "mass": 3,
                    "overshootClamping": true,
                    "restDisplacementThreshold": 10,
                    "restSpeedThreshold": 10,
                    "stiffness": 1000,
                  },
                },
              }
            }
          >
            <View
              collapsable={false}
              pointerEvents="box-none"
              style={
                Object {
                  "flex": 1,
                }
              }
            >
              <View
                collapsable={false}
                forwardedRef={[Function]}
                handlerTag={1}
                handlerType="PanGestureHandler"
                needsOffscreenAlphaCompositing={false}
                onGestureHandlerEvent={[Function]}
                onGestureHandlerStateChange={[Function]}
                style={
                  Object {
                    "flex": 1,
                    "transform": Array [
                      Object {
                        "translateX": 0,
                      },
                      Object {
                        "translateX": 0,
                      },
                    ],
                  }
                }
              >
                <View
                  pointerEvents="box-none"
                  style={
                    Array [
                      Object {
                        "flex": 1,
                        "overflow": "hidden",
                      },
                      Array [
                        Object {
                          "backgroundColor": "#FFFFFF",
                        },
                        undefined,
                      ],
                    ]
                  }
                >
                  <View
                    style={
                      Object {
                        "flex": 1,
                        "flexDirection": "column-reverse",
                      }
                    }
                  >
                    <View
                      style={
                        Object {
                          "flex": 1,
                        }
                      }
                    >
                      <RNCSafeAreaView
                        style={
                          Object {
                            "flexGrow": 1,
                            "marginHorizontal": 24,
                          }
                        }
                      >
                        <RCTScrollView
                          centerContent={true}
                          collapsable={false}
                          contentContainerStyle={
                            Array [
                              Object {
                                "alignContent": "center",
                                "alignItems": "stretch",
                                "flex": 1,
                                "justifyContent": "center",
                              },
                              false,
                            ]
                          }
                          handlerTag={2}
                          handlerType="NativeViewGestureHandler"
                          onGestureHandlerEvent={[Function]}
                          onGestureHandlerStateChange={[Function]}
                          waitFor={
                            Array [
                              Object {
                                "current": null,
                              },
                            ]
                          }
                        >
                          <View>
                            <Text
                              allowFontScaling={false}
                              color="bluegreyDark"
                              defaultColor="bluegreyDark"
                              defaultWeight="SemiBold"
                              font="TitilliumWeb"
                              fontStyle={
                                Object {
                                  "fontSize": 24,
                                  "lineHeight": 34,
                                }
                              }
                              style={
                                Array [
                                  Object {
                                    "textAlign": "center",
                                  },
                                  Object {
                                    "fontSize": 24,
                                    "lineHeight": 34,
                                  },
                                  Object {
                                    "color": "#17324D",
                                    "fontFamily": "Titillium Web",
                                    "fontStyle": "normal",
                                    "fontWeight": "600",
                                  },
                                ]
                              }
                              weight="SemiBold"
                            >
                              title
                            </Text>
                            <View
                              style={
                                Object {
                                  "height": 8,
                                }
                              }
                            />
                            <Text
                              allowFontScaling={false}
                              color="bluegrey"
                              defaultColor="bluegrey"
                              defaultWeight="Regular"
                              font="TitilliumWeb"
                              fontStyle={
                                Object {
                                  "fontSize": 16,
                                  "lineHeight": 24,
                                }
                              }
                              style={
                                Array [
                                  Object {
                                    "textAlign": "center",
                                  },
                                  Object {
                                    "fontSize": 16,
                                    "lineHeight": 24,
                                  },
                                  Object {
                                    "color": "#475A6D",
                                    "fontFamily": "Titillium Web",
                                    "fontStyle": "normal",
                                    "fontWeight": "400",
                                  },
                                ]
                              }
                              weight="Regular"
                            >
                              subtitle
                            </Text>
                            <View
                              style={
                                Object {
                                  "alignItems": "center",
                                }
                              }
                            >
                              <View
                                style={
                                  Object {
                                    "height": 24,
                                  }
                                }
                              />
                              <View>
                                <View
                                  accessibilityLabel="Action"
                                  accessibilityRole="button"
                                  accessibilityState={
                                    Object {
                                      "busy": false,
                                      "disabled": false,
                                    }
                                  }
                                  accessible={true}
                                  collapsable={false}
                                  focusable={true}
                                  onBlur={[Function]}
                                  onClick={[Function]}
                                  onFocus={[Function]}
                                  onResponderGrant={[Function]}
                                  onResponderMove={[Function]}
                                  onResponderRelease={[Function]}
                                  onResponderTerminate={[Function]}
                                  onResponderTerminationRequest={[Function]}
                                  onStartShouldSetResponder={[Function]}
                                  style={
                                    Object {
                                      "alignSelf": "flex-start",
                                    }
                                  }
                                >
                                  <View
                                    style={
                                      Array [
                                        Object {
                                          "alignItems": "center",
                                          "borderRadius": 4,
                                          "elevation": 0,
                                          "flexDirection": "row",
                                          "justifyContent": "center",
                                          "paddingHorizontal": 16,
                                          "textAlignVertical": "center",
                                        },
                                        Object {
                                          "overflow": "hidden",
                                        },
                                        false,
                                        Object {
                                          "height": 40,
                                        },
                                        Object {
                                          "backgroundColor": "#0073E6",
                                        },
                                        Object {
                                          "backgroundColor": undefined,
                                          "transform": Array [
                                            Object {
                                              "scale": undefined,
                                            },
                                          ],
                                        },
                                      ]
                                    }
                                  >
                                    <View
                                      style={
                                        Array [
                                          Object {
                                            "alignItems": "center",
                                            "flexDirection": "row",
                                            "justifyContent": "center",
                                          },
                                          false,
                                        ]
                                      }
                                    >
                                      <Text
                                        accessibilityElementsHidden={true}
                                        accessible={false}
                                        allowFontScaling={false}
                                        color="white"
                                        defaultColor="white"
                                        defaultWeight="Bold"
                                        ellipsizeMode="tail"
                                        font="TitilliumWeb"
                                        fontStyle={
                                          Object {
                                            "fontSize": 16,
                                          }
                                        }
                                        importantForAccessibility="no-hide-descendants"
                                        maxFontSizeMultiplier={1.3}
                                        numberOfLines={1}
                                        style={
                                          Array [
                                            Object {
                                              "alignSelf": "center",
                                            },
                                            Object {
                                              "fontSize": 16,
                                            },
                                            Object {
                                              "color": "#FFFFFF",
                                              "fontFamily": "Titillium Web",
                                              "fontStyle": "normal",
                                              "fontWeight": "700",
                                            },
                                          ]
                                        }
                                        weight="Bold"
                                      >
                                        Action
                                      </Text>
                                    </View>
                                  </View>
                                </View>
                              </View>
                            </View>
                            <View
                              style={
                                Object {
                                  "alignItems": "center",
                                }
                              }
                            >
                              <View
                                style={
                                  Object {
                                    "height": 24,
                                  }
                                }
                              />
                              <View>
                                <View
                                  accessibilityLabel="Secondary Action"
                                  accessibilityRole="button"
                                  accessibilityState={
                                    Object {
                                      "disabled": false,
                                    }
                                  }
                                  accessible={true}
                                  collapsable={false}
                                  focusable={true}
                                  hitSlop={
                                    Object {
                                      "bottom": 14,
                                      "left": 24,
                                      "right": 24,
                                      "top": 14,
                                    }
                                  }
                                  onBlur={[Function]}
                                  onClick={[Function]}
                                  onFocus={[Function]}
                                  onResponderGrant={[Function]}
                                  onResponderMove={[Function]}
                                  onResponderRelease={[Function]}
                                  onResponderTerminate={[Function]}
                                  onResponderTerminationRequest={[Function]}
                                  onStartShouldSetResponder={[Function]}
                                  onTouchEnd={[Function]}
                                  style={
                                    Object {
                                      "alignSelf": "flex-start",
                                    }
                                  }
                                >
                                  <View
                                    style={
                                      Array [
                                        Object {
                                          "alignItems": "center",
                                          "elevation": 0,
                                          "flexDirection": "row",
                                          "justifyContent": "center",
                                          "textAlignVertical": "center",
                                        },
                                        false,
                                        Object {},
                                        Object {
                                          "transform": Array [
                                            Object {
                                              "scale": undefined,
                                            },
                                          ],
                                        },
                                      ]
                                    }
                                  >
                                    <Text
                                      accessibilityElementsHidden={true}
                                      accessible={false}
                                      allowFontScaling={false}
                                      ellipsizeMode="tail"
                                      importantForAccessibility="no-hide-descendants"
                                      maxFontSizeMultiplier={1.3}
                                      numberOfLines={1}
                                      style={
                                        Array [
                                          Object {
                                            "fontFamily": "Titillium Web",
                                            "fontSize": 16,
                                            "fontStyle": "normal",
                                            "fontWeight": "700",
                                          },
                                          Object {
                                            "color": "#0073E6",
                                          },
                                          Object {
                                            "color": undefined,
                                          },
                                        ]
                                      }
                                    >
                                      Secondary Action
                                    </Text>
                                  </View>
                                </View>
                              </View>
                            </View>
                          </View>
                        </RCTScrollView>
                      </RNCSafeAreaView>
                    </View>
                  </View>
                </View>
              </View>
            </View>
          </View>
        </View>
      </View>
    </View>
  </RNCSafeAreaProvider>
</View>
`;