DeFiCh/wallet

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

Summary

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

exports[`Transaction Card should match snapshot 1`] = `
<View
  style={
    [
      [
        {
          "borderBottomLeftRadius": 10,
          "borderBottomRightRadius": 10,
          "borderTopLeftRadius": 10,
          "borderTopRightRadius": 10,
        },
        undefined,
      ],
      {
        "backgroundColor": "rgba(255, 255, 255, 1)",
      },
    ]
  }
>
  <View
    style={
      [
        undefined,
        {
          "backgroundColor": "rgba(255, 255, 255, 1)",
        },
      ]
    }
  >
    <View
      style={
        [
          {
            "alignItems": "center",
            "borderBottomWidth": 0.5,
            "display": "flex",
            "flexDirection": "row",
            "paddingBottom": 8,
          },
          {
            "borderBottomColor": "rgba(204, 204, 204, 1)",
            "borderLeftColor": "rgba(204, 204, 204, 1)",
            "borderRightColor": "rgba(204, 204, 204, 1)",
            "borderTopColor": "rgba(204, 204, 204, 1)",
          },
        ]
      }
    >
      <Text
        style={
          [
            {
              "fontFamily": "RegularFont",
              "fontSize": 16,
              "fontWeight": "400",
              "lineHeight": 24,
            },
            [
              undefined,
              {
                "color": "rgba(18, 18, 18, 1)",
              },
            ],
          ]
        }
      >
        Sample Text
      </Text>
    </View>
  </View>
  <View
    style={
      [
        [
          {
            "alignItems": "center",
            "display": "flex",
            "flexDirection": "row",
            "justifyContent": "center",
            "paddingBottom": 8,
            "paddingTop": 8,
          },
          undefined,
        ],
        {
          "borderBottomColor": "rgba(204, 204, 204, 1)",
          "borderLeftColor": "rgba(204, 204, 204, 1)",
          "borderRightColor": "rgba(204, 204, 204, 1)",
          "borderTopColor": "rgba(204, 204, 204, 1)",
        },
      ]
    }
  >
    <View
      accessibilityState={
        {
          "busy": undefined,
          "checked": undefined,
          "disabled": undefined,
          "expanded": undefined,
          "selected": undefined,
        }
      }
      accessibilityValue={
        {
          "max": undefined,
          "min": undefined,
          "now": undefined,
          "text": undefined,
        }
      }
      accessible={true}
      collapsable={false}
      focusable={true}
      onClick={[Function]}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        {
          "borderBottomColor": "rgba(204, 204, 204, 1)",
          "borderBottomWidth": 0,
          "borderLeftColor": "rgba(204, 204, 204, 1)",
          "borderLeftWidth": 0,
          "borderRightColor": "rgba(204, 204, 204, 1)",
          "borderRightWidth": 0,
          "borderTopColor": "rgba(204, 204, 204, 1)",
          "borderTopWidth": 0,
          "opacity": 1,
        }
      }
      testID="25%_amount_button"
    >
      <View
        style={
          [
            {
              "borderRightWidth": 0.5,
            },
            {
              "borderBottomColor": "rgba(204, 204, 204, 1)",
              "borderLeftColor": "rgba(204, 204, 204, 1)",
              "borderRightColor": "rgba(204, 204, 204, 1)",
              "borderTopColor": "rgba(204, 204, 204, 1)",
            },
          ]
        }
      >
        <View
          style={
            [
              {
                "marginLeft": 4,
                "marginRight": 4,
              },
              {},
            ]
          }
        >
          <Text
            style={
              [
                {
                  "fontFamily": "RegularFont",
                  "fontSize": 16,
                  "fontWeight": "400",
                  "lineHeight": 24,
                },
                [
                  {
                    "fontFamily": "SoraSemiBold",
                    "fontSize": 12,
                    "fontWeight": "600",
                    "lineHeight": 16,
                    "paddingBottom": 4,
                    "paddingLeft": 24,
                    "paddingRight": 24,
                    "paddingTop": 4,
                  },
                  {
                    "color": "rgba(89, 89, 89, 1)",
                  },
                ],
              ]
            }
          >
            25%
          </Text>
        </View>
      </View>
    </View>
    <View
      accessibilityState={
        {
          "busy": undefined,
          "checked": undefined,
          "disabled": undefined,
          "expanded": undefined,
          "selected": undefined,
        }
      }
      accessibilityValue={
        {
          "max": undefined,
          "min": undefined,
          "now": undefined,
          "text": undefined,
        }
      }
      accessible={true}
      collapsable={false}
      focusable={true}
      onClick={[Function]}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        {
          "borderBottomColor": "rgba(204, 204, 204, 1)",
          "borderBottomWidth": 0,
          "borderLeftColor": "rgba(204, 204, 204, 1)",
          "borderLeftWidth": 0,
          "borderRightColor": "rgba(204, 204, 204, 1)",
          "borderRightWidth": 0,
          "borderTopColor": "rgba(204, 204, 204, 1)",
          "borderTopWidth": 0,
          "opacity": 1,
        }
      }
      testID="50%_amount_button"
    >
      <View
        style={
          [
            {
              "borderRightWidth": 0.5,
            },
            {
              "borderBottomColor": "rgba(204, 204, 204, 1)",
              "borderLeftColor": "rgba(204, 204, 204, 1)",
              "borderRightColor": "rgba(204, 204, 204, 1)",
              "borderTopColor": "rgba(204, 204, 204, 1)",
            },
          ]
        }
      >
        <View
          style={
            [
              {
                "marginLeft": 4,
                "marginRight": 4,
              },
              {},
            ]
          }
        >
          <Text
            style={
              [
                {
                  "fontFamily": "RegularFont",
                  "fontSize": 16,
                  "fontWeight": "400",
                  "lineHeight": 24,
                },
                [
                  {
                    "fontFamily": "SoraSemiBold",
                    "fontSize": 12,
                    "fontWeight": "600",
                    "lineHeight": 16,
                    "paddingBottom": 4,
                    "paddingLeft": 24,
                    "paddingRight": 24,
                    "paddingTop": 4,
                  },
                  {
                    "color": "rgba(89, 89, 89, 1)",
                  },
                ],
              ]
            }
          >
            50%
          </Text>
        </View>
      </View>
    </View>
    <View
      accessibilityState={
        {
          "busy": undefined,
          "checked": undefined,
          "disabled": undefined,
          "expanded": undefined,
          "selected": undefined,
        }
      }
      accessibilityValue={
        {
          "max": undefined,
          "min": undefined,
          "now": undefined,
          "text": undefined,
        }
      }
      accessible={true}
      collapsable={false}
      focusable={true}
      onClick={[Function]}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        {
          "borderBottomColor": "rgba(204, 204, 204, 1)",
          "borderBottomWidth": 0,
          "borderLeftColor": "rgba(204, 204, 204, 1)",
          "borderLeftWidth": 0,
          "borderRightColor": "rgba(204, 204, 204, 1)",
          "borderRightWidth": 0,
          "borderTopColor": "rgba(204, 204, 204, 1)",
          "borderTopWidth": 0,
          "opacity": 1,
        }
      }
      testID="75%_amount_button"
    >
      <View
        style={
          [
            {
              "borderRightWidth": 0.5,
            },
            {
              "borderBottomColor": "rgba(204, 204, 204, 1)",
              "borderLeftColor": "rgba(204, 204, 204, 1)",
              "borderRightColor": "rgba(204, 204, 204, 1)",
              "borderTopColor": "rgba(204, 204, 204, 1)",
            },
          ]
        }
      >
        <View
          style={
            [
              {
                "marginLeft": 4,
                "marginRight": 4,
              },
              {},
            ]
          }
        >
          <Text
            style={
              [
                {
                  "fontFamily": "RegularFont",
                  "fontSize": 16,
                  "fontWeight": "400",
                  "lineHeight": 24,
                },
                [
                  {
                    "fontFamily": "SoraSemiBold",
                    "fontSize": 12,
                    "fontWeight": "600",
                    "lineHeight": 16,
                    "paddingBottom": 4,
                    "paddingLeft": 24,
                    "paddingRight": 24,
                    "paddingTop": 4,
                  },
                  {
                    "color": "rgba(89, 89, 89, 1)",
                  },
                ],
              ]
            }
          >
            75%
          </Text>
        </View>
      </View>
    </View>
    <View
      accessibilityState={
        {
          "busy": undefined,
          "checked": undefined,
          "disabled": undefined,
          "expanded": undefined,
          "selected": undefined,
        }
      }
      accessibilityValue={
        {
          "max": undefined,
          "min": undefined,
          "now": undefined,
          "text": undefined,
        }
      }
      accessible={true}
      collapsable={false}
      focusable={true}
      onClick={[Function]}
      onResponderGrant={[Function]}
      onResponderMove={[Function]}
      onResponderRelease={[Function]}
      onResponderTerminate={[Function]}
      onResponderTerminationRequest={[Function]}
      onStartShouldSetResponder={[Function]}
      style={
        {
          "borderBottomColor": "rgba(204, 204, 204, 1)",
          "borderBottomWidth": 0,
          "borderLeftColor": "rgba(204, 204, 204, 1)",
          "borderLeftWidth": 0,
          "borderRightColor": "rgba(204, 204, 204, 1)",
          "borderRightWidth": 0,
          "borderTopColor": "rgba(204, 204, 204, 1)",
          "borderTopWidth": 0,
          "opacity": 1,
        }
      }
      testID="MAX_amount_button"
    >
      <View
        style={
          [
            {},
            {
              "borderBottomColor": "rgba(204, 204, 204, 1)",
              "borderLeftColor": "rgba(204, 204, 204, 1)",
              "borderRightColor": "rgba(204, 204, 204, 1)",
              "borderTopColor": "rgba(204, 204, 204, 1)",
            },
          ]
        }
      >
        <View
          style={
            [
              {
                "marginLeft": 4,
                "marginRight": 4,
              },
              {},
            ]
          }
        >
          <Text
            style={
              [
                {
                  "fontFamily": "RegularFont",
                  "fontSize": 16,
                  "fontWeight": "400",
                  "lineHeight": 24,
                },
                [
                  {
                    "fontFamily": "SoraSemiBold",
                    "fontSize": 12,
                    "fontWeight": "600",
                    "lineHeight": 16,
                    "paddingBottom": 4,
                    "paddingLeft": 24,
                    "paddingRight": 24,
                    "paddingTop": 4,
                  },
                  {
                    "color": "rgba(89, 89, 89, 1)",
                  },
                ],
              ]
            }
          >
            MAX
          </Text>
        </View>
      </View>
    </View>
  </View>
</View>
`;