DeFiCh/wallet

View on GitHub
mobile-app/app/components/__snapshots__/WalletTextInput.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",
      },
    ]
  }
>
  <View
    style={
      {
        "alignItems": "center",
        "display": "flex",
        "flexDirection": "row",
        "justifyContent": "space-between",
      }
    }
  >
    <Text
      style={
        [
          {
            "fontFamily": "RegularFont",
            "fontSize": 16,
            "fontWeight": "400",
            "lineHeight": 24,
          },
          [
            {
              "fontSize": 16,
              "lineHeight": 24,
            },
            {
              "color": "rgba(64, 64, 64, 1)",
            },
          ],
        ]
      }
      testID="titleTestID"
      text="foo"
    >
      foo
    </Text>
  </View>
  <View
    style={
      [
        {
          "borderBottomLeftRadius": 4,
          "borderBottomRightRadius": 4,
          "borderBottomWidth": 1,
          "borderLeftWidth": 1,
          "borderRightWidth": 1,
          "borderTopLeftRadius": 4,
          "borderTopRightRadius": 4,
          "borderTopWidth": 1,
          "flexDirection": "column",
          "marginTop": 8,
          "width": "100%",
        },
        {
          "backgroundColor": "rgba(255, 255, 255, 1)",
          "borderBottomColor": "rgba(255, 0, 0, 1)",
          "borderLeftColor": "rgba(255, 0, 0, 1)",
          "borderRightColor": "rgba(255, 0, 0, 1)",
          "borderTopColor": "rgba(255, 0, 0, 1)",
        },
      ]
    }
  >
    <View
      style={
        [
          [
            {
              "alignItems": "center",
              "flexDirection": "row",
              "justifyContent": "space-between",
              "paddingBottom": 8,
              "paddingLeft": 8,
              "paddingRight": 8,
              "paddingTop": 8,
            },
            false,
          ],
          {
            "backgroundColor": "transparent",
          },
        ]
      }
    >
      <TextInput
        editable={true}
        keyboardType="default"
        onBlur={[Function]}
        onFocus={[Function]}
        placeholder="bar"
        placeholderTextColor="rgba(0, 0, 0, 0.4)"
        style={
          [
            undefined,
            {
              "color": "rgba(64, 64, 64, 1)",
            },
          ]
        }
        testID="testID"
        value=""
      />
    </View>
    <View />
  </View>
  <Text
    style={
      [
        {
          "fontFamily": "RegularFont",
          "fontSize": 16,
          "fontWeight": "400",
          "lineHeight": 24,
        },
        [
          {
            "fontSize": 14,
            "lineHeight": 20,
            "marginBottom": 4,
            "marginTop": 4,
          },
          {
            "color": "rgba(255, 0, 0, 1)",
          },
        ],
      ]
    }
    testID="testID_error"
  >
    invalid
  </Text>
</View>
`;

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