DeFiCh/wallet

View on GitHub
mobile-app/app/components/__snapshots__/CreateWalletStepIndicator.test.tsx.snap

Summary

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

exports[`Create wallet step indicator should match snapshot 1`] = `
<View
  style={
    [
      {
        "alignItems": "center",
        "flexDirection": "column",
        "justifyContent": "center",
        "width": "100%",
      },
      undefined,
    ]
  }
>
  <View
    style={
      {
        "flexDirection": "row",
        "height": 64,
        "justifyContent": "center",
        "width": "83.333333%",
      }
    }
  >
    <View
      style={
        {
          "flexDirection": "column",
        }
      }
    >
      <View
        style={
          {
            "alignItems": "center",
            "borderBottomColor": "rgba(0, 173, 29, 1)",
            "borderBottomLeftRadius": 9999,
            "borderBottomRightRadius": 9999,
            "borderBottomWidth": 1,
            "borderLeftColor": "rgba(0, 173, 29, 1)",
            "borderLeftWidth": 1,
            "borderRightColor": "rgba(0, 173, 29, 1)",
            "borderRightWidth": 1,
            "borderTopColor": "rgba(0, 173, 29, 1)",
            "borderTopLeftRadius": 9999,
            "borderTopRightRadius": 9999,
            "borderTopWidth": 1,
            "height": 36,
            "justifyContent": "center",
            "position": "relative",
            "width": 36,
          }
        }
      >
        <Text
          style={
            [
              {
                "fontFamily": "RegularFont",
                "fontSize": 16,
                "fontWeight": "400",
                "lineHeight": 24,
              },
              {
                "color": "rgba(0, 173, 29, 1)",
                "fontFamily": "SoraSemiBold",
                "fontSize": 18,
                "fontWeight": "600",
                "lineHeight": 28,
              },
            ]
          }
        >
          1
        </Text>
        <Text
          style={
            [
              {
                "fontFamily": "RegularFont",
                "fontSize": 16,
                "fontWeight": "400",
                "lineHeight": 24,
              },
              [
                {
                  "fontFamily": "SoraRegular",
                  "fontSize": 12,
                  "fontWeight": "400",
                  "lineHeight": 16,
                  "position": "absolute",
                  "textAlign": "center",
                  "top": 48,
                  "width": 80,
                },
                {
                  "color": "rgba(0, 173, 29, 1)",
                },
              ],
            ]
          }
        >
          Recovery
        </Text>
      </View>
    </View>
    <View
      style={
        {
          "backgroundColor": "rgba(18, 18, 18, 1)",
          "flexGrow": 1,
          "height": 1,
          "marginTop": 16,
        }
      }
    />
    <View
      style={
        {
          "flexDirection": "column",
        }
      }
    >
      <View
        style={
          {
            "alignItems": "center",
            "borderBottomColor": "rgba(18, 18, 18, 1)",
            "borderBottomLeftRadius": 9999,
            "borderBottomRightRadius": 9999,
            "borderBottomWidth": 1,
            "borderLeftColor": "rgba(18, 18, 18, 1)",
            "borderLeftWidth": 1,
            "borderRightColor": "rgba(18, 18, 18, 1)",
            "borderRightWidth": 1,
            "borderTopColor": "rgba(18, 18, 18, 1)",
            "borderTopLeftRadius": 9999,
            "borderTopRightRadius": 9999,
            "borderTopWidth": 1,
            "height": 36,
            "justifyContent": "center",
            "position": "relative",
            "width": 36,
          }
        }
      >
        <Text
          style={
            [
              {
                "fontFamily": "RegularFont",
                "fontSize": 16,
                "fontWeight": "400",
                "lineHeight": 24,
              },
              {
                "color": "rgba(18, 18, 18, 1)",
                "fontFamily": "SoraSemiBold",
                "fontSize": 18,
                "fontWeight": "600",
                "lineHeight": 28,
              },
            ]
          }
        >
          2
        </Text>
        <Text
          style={
            [
              {
                "fontFamily": "RegularFont",
                "fontSize": 16,
                "fontWeight": "400",
                "lineHeight": 24,
              },
              [
                {
                  "fontFamily": "SoraRegular",
                  "fontSize": 12,
                  "fontWeight": "400",
                  "lineHeight": 16,
                  "position": "absolute",
                  "textAlign": "center",
                  "top": 48,
                  "width": 80,
                },
                {
                  "color": "rgba(18, 18, 18, 1)",
                },
              ],
            ]
          }
        >
          Verify
        </Text>
      </View>
    </View>
    <View
      style={
        {
          "backgroundColor": "rgba(18, 18, 18, 1)",
          "flexGrow": 1,
          "height": 1,
          "marginTop": 16,
        }
      }
    />
    <View
      style={
        {
          "flexDirection": "column",
        }
      }
    >
      <View
        style={
          {
            "alignItems": "center",
            "borderBottomColor": "rgba(18, 18, 18, 1)",
            "borderBottomLeftRadius": 9999,
            "borderBottomRightRadius": 9999,
            "borderBottomWidth": 1,
            "borderLeftColor": "rgba(18, 18, 18, 1)",
            "borderLeftWidth": 1,
            "borderRightColor": "rgba(18, 18, 18, 1)",
            "borderRightWidth": 1,
            "borderTopColor": "rgba(18, 18, 18, 1)",
            "borderTopLeftRadius": 9999,
            "borderTopRightRadius": 9999,
            "borderTopWidth": 1,
            "height": 36,
            "justifyContent": "center",
            "position": "relative",
            "width": 36,
          }
        }
      >
        <Text
          style={
            [
              {
                "fontFamily": "RegularFont",
                "fontSize": 16,
                "fontWeight": "400",
                "lineHeight": 24,
              },
              {
                "color": "rgba(18, 18, 18, 1)",
                "fontFamily": "SoraSemiBold",
                "fontSize": 18,
                "fontWeight": "600",
                "lineHeight": 28,
              },
            ]
          }
        >
          3
        </Text>
        <Text
          style={
            [
              {
                "fontFamily": "RegularFont",
                "fontSize": 16,
                "fontWeight": "400",
                "lineHeight": 24,
              },
              [
                {
                  "fontFamily": "SoraRegular",
                  "fontSize": 12,
                  "fontWeight": "400",
                  "lineHeight": 16,
                  "position": "absolute",
                  "textAlign": "center",
                  "top": 48,
                  "width": 80,
                },
                {
                  "color": "rgba(18, 18, 18, 1)",
                },
              ],
            ]
          }
        >
          Secure
        </Text>
      </View>
    </View>
  </View>
</View>
`;

exports[`Create wallet step indicator should match snapshot wne there is zero steps available 1`] = `null`;