tooot/__tests__/components/__snapshots__/Button.js.snap

// Jest Snapshot v1, https://goo.gl/fbAQLP

exports[`Testing component button static button apply custom styling 1`] = `
<View
  accessible={true}
  focusable={true}
  onBlur={[Function]}
  onClick={[Function]}
  onFocus={[Function]}
  onResponderGrant={[Function]}
  onResponderMove={[Function]}
  onResponderRelease={[Function]}
  onResponderTerminate={[Function]}
  onResponderTerminationRequest={[Function]}
  onStartShouldSetResponder={[Function]}
  style={
    Array [
      Object {
        "alignItems": "center",
        "borderRadius": 100,
        "flexDirection": "row",
        "justifyContent": "center",
      },
      Object {
        "backgroundColor": "rgb(250, 250, 250)",
        "borderColor": "rgb(18, 18, 18)",
        "borderWidth": 1,
        "paddingHorizontal": 16,
        "paddingVertical": 8,
      },
      Object {
        "backgroundColor": "black",
      },
    ]
  }
  testID="base"
>
  <Text
    style={
      Object {
        "color": "rgb(18, 18, 18)",
        "fontSize": 16,
        "fontWeight": undefined,
        "opacity": 1,
      }
    }
    testID="text"
  >
    test
  </Text>
</View>
`;

exports[`Testing component button static button disabled state 1`] = `
<View
  accessible={true}
  focusable={true}
  onBlur={[Function]}
  onClick={[Function]}
  onFocus={[Function]}
  onResponderGrant={[Function]}
  onResponderMove={[Function]}
  onResponderRelease={[Function]}
  onResponderTerminate={[Function]}
  onResponderTerminationRequest={[Function]}
  onStartShouldSetResponder={[Function]}
  style={
    Array [
      Object {
        "alignItems": "center",
        "borderRadius": 100,
        "flexDirection": "row",
        "justifyContent": "center",
      },
      Object {
        "backgroundColor": "rgb(250, 250, 250)",
        "borderColor": "rgb(135, 135, 135)",
        "borderWidth": 1,
        "paddingHorizontal": 16,
        "paddingVertical": 8,
      },
      undefined,
    ]
  }
  testID="base"
>
  <Text
    style={
      Object {
        "color": "rgb(135, 135, 135)",
        "fontSize": 16,
        "fontWeight": undefined,
        "opacity": 1,
      }
    }
    testID="text"
  >
    test
  </Text>
</View>
`;

exports[`Testing component button static button loading state 1`] = `
<View
  accessible={true}
  focusable={true}
  onBlur={[Function]}
  onClick={[Function]}
  onFocus={[Function]}
  onResponderGrant={[Function]}
  onResponderMove={[Function]}
  onResponderRelease={[Function]}
  onResponderTerminate={[Function]}
  onResponderTerminationRequest={[Function]}
  onStartShouldSetResponder={[Function]}
  style={
    Array [
      Object {
        "alignItems": "center",
        "borderRadius": 100,
        "flexDirection": "row",
        "justifyContent": "center",
      },
      Object {
        "backgroundColor": "rgb(250, 250, 250)",
        "borderColor": "rgb(135, 135, 135)",
        "borderWidth": 1,
        "paddingHorizontal": 16,
        "paddingVertical": 8,
      },
      undefined,
    ]
  }
  testID="base"
>
  <Text
    style={
      Object {
        "color": "rgb(18, 18, 18)",
        "fontSize": 16,
        "fontWeight": undefined,
        "opacity": 0,
      }
    }
    testID="text"
  >
    test
  </Text>
  <View
    style={
      Object {
        "position": "absolute",
      }
    }
  >
    <View
      style={
        Object {
          "alignItems": "center",
          "height": 16,
          "justifyContent": "center",
          "opacity": 1,
          "transform": Array [
            Object {
              "rotate": "0deg",
            },
          ],
          "width": 16,
        }
      }
    >
      <View
        style={
          Object {
            "backgroundColor": "rgb(135, 135, 135)",
            "borderRadius": 2,
            "height": 4,
            "position": "absolute",
            "transform": Array [
              Object {
                "rotate": "73.27536734311887deg",
              },
              Object {
                "translateY": -6,
              },
              Object {
                "scale": 0.7,
              },
            ],
            "width": 4,
          }
        }
      />
      <View
        style={
          Object {
            "backgroundColor": "rgb(135, 135, 135)",
            "borderRadius": 2,
            "height": 4,
            "position": "absolute",
            "transform": Array [
              Object {
                "rotate": "46.49829517703514deg",
              },
              Object {
                "translateY": -6,
              },
              Object {
                "scale": 0.8008696779414123,
              },
            ],
            "width": 4,
          }
        }
      />
      <View
        style={
          Object {
            "backgroundColor": "rgb(135, 135, 135)",
            "borderRadius": 2,
            "height": 4,
            "position": "absolute",
            "transform": Array [
              Object {
                "rotate": "25.743213498935145deg",
              },
              Object {
                "translateY": -6,
              },
              Object {
                "scale": 0.8875624559768125,
              },
            ],
            "width": 4,
          }
        }
      />
      <View
        style={
          Object {
            "backgroundColor": "rgb(135, 135, 135)",
            "borderRadius": 2,
            "height": 4,
            "position": "absolute",
            "transform": Array [
              Object {
                "rotate": "11.201058030774364deg",
              },
              Object {
                "translateY": -6,
              },
              Object {
                "scale": 0.9510040862404615,
              },
            ],
            "width": 4,
          }
        }
      />
      <View
        style={
          Object {
            "backgroundColor": "rgb(135, 135, 135)",
            "borderRadius": 2,
            "height": 4,
            "position": "absolute",
            "transform": Array [
              Object {
                "rotate": "2.731234791722257deg",
              },
              Object {
                "translateY": -6,
              },
              Object {
                "scale": 0.9881665278710133,
              },
            ],
            "width": 4,
          }
        }
      />
      <View
        style={
          Object {
            "backgroundColor": "rgb(135, 135, 135)",
            "borderRadius": 2,
            "height": 4,
            "position": "absolute",
            "transform": Array [
              Object {
                "rotate": "0deg",
              },
              Object {
                "translateY": -6,
              },
              Object {
                "scale": 1,
              },
            ],
            "width": 4,
          }
        }
      />
    </View>
  </View>
</View>
`;

exports[`Testing component button static button with icon only 1`] = `
<View
  accessible={true}
  focusable={true}
  onBlur={[Function]}
  onClick={[Function]}
  onFocus={[Function]}
  onResponderGrant={[Function]}
  onResponderMove={[Function]}
  onResponderRelease={[Function]}
  onResponderTerminate={[Function]}
  onResponderTerminationRequest={[Function]}
  onStartShouldSetResponder={[Function]}
  style={
    Array [
      Object {
        "alignItems": "center",
        "borderRadius": 100,
        "flexDirection": "row",
        "justifyContent": "center",
      },
      Object {
        "backgroundColor": "rgb(250, 250, 250)",
        "borderColor": "rgb(18, 18, 18)",
        "borderWidth": 1,
        "paddingHorizontal": 16,
        "paddingVertical": 8,
      },
      undefined,
    ]
  }
  testID="base"
>
  <Text />
</View>
`;

exports[`Testing component button static button with text only 1`] = `
<View
  accessible={true}
  focusable={true}
  onBlur={[Function]}
  onClick={[Function]}
  onFocus={[Function]}
  onResponderGrant={[Function]}
  onResponderMove={[Function]}
  onResponderRelease={[Function]}
  onResponderTerminate={[Function]}
  onResponderTerminationRequest={[Function]}
  onStartShouldSetResponder={[Function]}
  style={
    Array [
      Object {
        "alignItems": "center",
        "borderRadius": 100,
        "flexDirection": "row",
        "justifyContent": "center",
      },
      Object {
        "backgroundColor": "rgb(250, 250, 250)",
        "borderColor": "rgb(18, 18, 18)",
        "borderWidth": 1,
        "paddingHorizontal": 16,
        "paddingVertical": 8,
      },
      undefined,
    ]
  }
  testID="base"
>
  <Text
    style={
      Object {
        "color": "rgb(18, 18, 18)",
        "fontSize": 16,
        "fontWeight": undefined,
        "opacity": 1,
      }
    }
    testID="text"
  >
    Test Button
  </Text>
</View>
`;