DeFiCh/wallet

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

Summary

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

exports[`wallet text input should render with default keyboard 1`] = `
<View
  style={
    [
      {
        "flexDirection": "column",
        "width": "100%",
      },
      {
        "backgroundColor": "transparent",
      },
    ]
  }
>
  <Text
    style={
      [
        {
          "fontFamily": "RegularFont",
          "fontSize": 16,
          "fontWeight": "400",
          "lineHeight": 24,
        },
        [
          [
            {
              "fontFamily": "SoraRegular",
              "fontSize": 12,
              "fontWeight": "400",
              "lineHeight": 16,
              "paddingBottom": 8,
              "paddingLeft": 20,
              "paddingRight": 20,
              "paddingTop": 24,
            },
            undefined,
          ],
          {
            "color": "rgba(115, 115, 115, 1)",
          },
        ],
      ]
    }
    testID="titleTestID"
    text="foo"
  >
    foo
  </Text>
  <View
    style={
      [
        [
          {
            "borderBottomLeftRadius": 10,
            "borderBottomRightRadius": 10,
            "borderBottomWidth": 0.5,
            "borderLeftWidth": 0.5,
            "borderRightWidth": 0.5,
            "borderTopLeftRadius": 10,
            "borderTopRightRadius": 10,
            "borderTopWidth": 0.5,
            "flexDirection": "column",
            "width": "100%",
          },
          undefined,
        ],
        {
          "backgroundColor": "rgba(255, 255, 255, 1)",
          "borderBottomColor": "rgba(229, 69, 69, 1)",
          "borderLeftColor": "rgba(229, 69, 69, 1)",
          "borderRightColor": "rgba(229, 69, 69, 1)",
          "borderTopColor": "rgba(229, 69, 69, 1)",
        },
      ]
    }
  >
    <View
      style={
        [
          {
            "alignItems": "center",
            "flexDirection": "row",
            "justifyContent": "space-between",
            "paddingBottom": 8,
            "paddingLeft": 20,
            "paddingRight": 12,
            "paddingTop": 8,
          },
          false,
          undefined,
        ]
      }
    >
      <TextInput
        editable={true}
        keyboardType="default"
        onBlur={[Function]}
        onFocus={[Function]}
        placeholder="bar"
        placeholderTextColor="rgba(115, 115, 115, 1)"
        selectionColor="rgba(255, 0, 140, 1)"
        style={
          [
            {
              "flexBasis": "0%",
              "flexGrow": 1,
              "flexShrink": 1,
              "fontFamily": "SoraRegular",
              "fontWeight": "400",
              "height": 20,
            },
            {
              "color": "rgba(43, 43, 43, 1)",
            },
          ]
        }
        testID="testID"
        value=""
      />
    </View>
    <View />
  </View>
  <View>
    <Text
      style={
        [
          {
            "color": "rgba(229, 69, 69, 1)",
            "fontFamily": "SoraRegular",
            "fontSize": 12,
            "fontWeight": "400",
            "lineHeight": 16,
            "marginTop": 8,
          },
          undefined,
        ]
      }
      testID="testID_error"
    >
      invalid
    </Text>
  </View>
</View>
`;

exports[`wallet text input should render with numeric keyboard 1`] = `
<View
  style={
    [
      {
        "flexDirection": "column",
        "width": "100%",
      },
      {
        "backgroundColor": "transparent",
      },
    ]
  }
>
  <Text
    style={
      [
        {
          "fontFamily": "RegularFont",
          "fontSize": 16,
          "fontWeight": "400",
          "lineHeight": 24,
        },
        [
          [
            {
              "fontFamily": "SoraRegular",
              "fontSize": 12,
              "fontWeight": "400",
              "lineHeight": 16,
              "paddingBottom": 8,
              "paddingLeft": 20,
              "paddingRight": 20,
              "paddingTop": 24,
            },
            undefined,
          ],
          {
            "color": "rgba(115, 115, 115, 1)",
          },
        ],
      ]
    }
    testID="titleTestID"
    text="foo"
  >
    foo
  </Text>
  <View
    style={
      [
        [
          {
            "borderBottomLeftRadius": 10,
            "borderBottomRightRadius": 10,
            "borderBottomWidth": 0.5,
            "borderLeftWidth": 0.5,
            "borderRightWidth": 0.5,
            "borderTopLeftRadius": 10,
            "borderTopRightRadius": 10,
            "borderTopWidth": 0.5,
            "flexDirection": "column",
            "width": "100%",
          },
          undefined,
        ],
        {
          "backgroundColor": "rgba(255, 255, 255, 1)",
          "borderBottomColor": "rgba(229, 69, 69, 1)",
          "borderLeftColor": "rgba(229, 69, 69, 1)",
          "borderRightColor": "rgba(229, 69, 69, 1)",
          "borderTopColor": "rgba(229, 69, 69, 1)",
        },
      ]
    }
  >
    <View
      style={
        [
          {
            "alignItems": "center",
            "flexDirection": "row",
            "justifyContent": "space-between",
            "paddingBottom": 8,
            "paddingLeft": 20,
            "paddingRight": 12,
            "paddingTop": 8,
          },
          false,
          undefined,
        ]
      }
    >
      <TextInput
        editable={true}
        keyboardType="default"
        onBlur={[Function]}
        onFocus={[Function]}
        placeholder="bar"
        placeholderTextColor="rgba(115, 115, 115, 1)"
        selectionColor="rgba(255, 0, 140, 1)"
        style={
          [
            {
              "flexBasis": "0%",
              "flexGrow": 1,
              "flexShrink": 1,
              "fontFamily": "SoraRegular",
              "fontWeight": "400",
              "height": 20,
            },
            {
              "color": "rgba(43, 43, 43, 1)",
            },
          ]
        }
        testID="testID"
        value=""
      />
    </View>
    <View />
  </View>
  <View>
    <Text
      style={
        [
          {
            "color": "rgba(229, 69, 69, 1)",
            "fontFamily": "SoraRegular",
            "fontSize": 12,
            "fontWeight": "400",
            "lineHeight": 16,
            "marginTop": 8,
          },
          undefined,
        ]
      }
      testID="testID_error"
    >
      invalid
    </Text>
  </View>
</View>
`;