@aws-amplify/ui-react-native 1.2.22 → 1.2.23

package/src/primitives/Radio/__tests__/__snapshots__/Radio.spec.tsx.snap

@@ -1,678 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Radio applies theme and custom styles 1`] = `
-<View
-  accessibilityRole="radio"
-  accessible={true}
-  collapsable={false}
-  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",
-        "flexDirection": "row",
-      },
-      undefined,
-      Object {
-        "margin": 10,
-      },
-    ]
-  }
->
-  <View
-    style={
-      Array [
-        Object {
-          "alignItems": "center",
-          "borderColor": "hsl(210, 10%, 58%)",
-          "borderRadius": 999,
-          "borderWidth": 2,
-          "justifyContent": "center",
-          "margin": 4,
-        },
-        Object {
-          "height": 20,
-          "width": 20,
-        },
-        Object {
-          "borderColor": "blue",
-          "borderWidth": 2,
-        },
-      ]
-    }
-    testID="amplify__radio-button__container"
-  >
-    <View
-      style={
-        Array [
-          Object {
-            "backgroundColor": "hsl(190, 95%, 30%)",
-            "borderRadius": 999,
-          },
-          Object {
-            "height": 12,
-            "width": 12,
-          },
-          Object {
-            "backgroundColor": "green",
-          },
-        ]
-      }
-      testID="amplify__radio-button__dot"
-    />
-  </View>
-</View>
-`;
-
-exports[`Radio renders as expected when disabled 1`] = `
-<View
-  accessibilityRole="radio"
-  accessible={true}
-  collapsable={false}
-  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",
-        "flexDirection": "row",
-        "opacity": 0.6,
-      },
-      undefined,
-      undefined,
-    ]
-  }
->
-  <View
-    style={
-      Array [
-        Object {
-          "alignItems": "center",
-          "borderColor": "hsl(210, 10%, 58%)",
-          "borderRadius": 999,
-          "borderWidth": 2,
-          "justifyContent": "center",
-          "margin": 4,
-        },
-        Object {
-          "height": 20,
-          "width": 20,
-        },
-        undefined,
-      ]
-    }
-    testID="amplify__radio-button__container"
-  />
-  <Text
-    accessibilityRole="text"
-    style={
-      Array [
-        Object {
-          "fontSize": 16,
-          "fontWeight": "400",
-          "lineHeight": 24,
-        },
-        Object {
-          "color": "hsl(210, 50%, 10%)",
-        },
-        undefined,
-      ]
-    }
-  >
-    disabled
-  </Text>
-</View>
-`;
-
-exports[`Radio renders as expected when passing a number to the size prop 1`] = `
-<View
-  accessibilityRole="radio"
-  accessible={true}
-  collapsable={false}
-  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",
-        "flexDirection": "row",
-      },
-      undefined,
-      undefined,
-    ]
-  }
->
-  <View
-    style={
-      Array [
-        Object {
-          "alignItems": "center",
-          "borderColor": "hsl(210, 10%, 58%)",
-          "borderRadius": 999,
-          "borderWidth": 2,
-          "justifyContent": "center",
-          "margin": 4,
-        },
-        Object {
-          "height": 40,
-          "width": 40,
-        },
-        undefined,
-      ]
-    }
-    testID="amplify__radio-button__container"
-  >
-    <View
-      style={
-        Array [
-          Object {
-            "backgroundColor": "hsl(190, 95%, 30%)",
-            "borderRadius": 999,
-          },
-          Object {
-            "height": 24,
-            "width": 24,
-          },
-          undefined,
-        ]
-      }
-      testID="amplify__radio-button__dot"
-    />
-  </View>
-  <Text
-    accessibilityRole="text"
-    style={
-      Array [
-        Object {
-          "fontSize": 16,
-          "fontWeight": "400",
-          "lineHeight": 24,
-        },
-        Object {
-          "color": "hsl(210, 50%, 10%)",
-        },
-        undefined,
-      ]
-    }
-  >
-    number
-  </Text>
-</View>
-`;
-
-exports[`Radio renders as expected when selected is false 1`] = `
-<View
-  accessibilityRole="radio"
-  accessible={true}
-  collapsable={false}
-  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",
-        "flexDirection": "row",
-      },
-      undefined,
-      undefined,
-    ]
-  }
->
-  <View
-    style={
-      Array [
-        Object {
-          "alignItems": "center",
-          "borderColor": "hsl(210, 10%, 58%)",
-          "borderRadius": 999,
-          "borderWidth": 2,
-          "justifyContent": "center",
-          "margin": 4,
-        },
-        Object {
-          "height": 20,
-          "width": 20,
-        },
-        undefined,
-      ]
-    }
-    testID="amplify__radio-button__container"
-  />
-  <Text
-    accessibilityRole="text"
-    style={
-      Array [
-        Object {
-          "fontSize": 16,
-          "fontWeight": "400",
-          "lineHeight": 24,
-        },
-        Object {
-          "color": "hsl(210, 50%, 10%)",
-        },
-        undefined,
-      ]
-    }
-  >
-    false
-  </Text>
-</View>
-`;
-
-exports[`Radio renders as expected when selected is true 1`] = `
-<View
-  accessibilityRole="radio"
-  accessible={true}
-  collapsable={false}
-  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",
-        "flexDirection": "row",
-      },
-      undefined,
-      undefined,
-    ]
-  }
->
-  <View
-    style={
-      Array [
-        Object {
-          "alignItems": "center",
-          "borderColor": "hsl(210, 10%, 58%)",
-          "borderRadius": 999,
-          "borderWidth": 2,
-          "justifyContent": "center",
-          "margin": 4,
-        },
-        Object {
-          "height": 20,
-          "width": 20,
-        },
-        undefined,
-      ]
-    }
-    testID="amplify__radio-button__container"
-  >
-    <View
-      style={
-        Array [
-          Object {
-            "backgroundColor": "hsl(190, 95%, 30%)",
-            "borderRadius": 999,
-          },
-          Object {
-            "height": 12,
-            "width": 12,
-          },
-          undefined,
-        ]
-      }
-      testID="amplify__radio-button__dot"
-    />
-  </View>
-  <Text
-    accessibilityRole="text"
-    style={
-      Array [
-        Object {
-          "fontSize": 16,
-          "fontWeight": "400",
-          "lineHeight": 24,
-        },
-        Object {
-          "color": "hsl(210, 50%, 10%)",
-        },
-        undefined,
-      ]
-    }
-  >
-    true
-  </Text>
-</View>
-`;
-
-exports[`Radio renders as expected when size is large 1`] = `
-<View
-  accessibilityRole="radio"
-  accessible={true}
-  collapsable={false}
-  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",
-        "flexDirection": "row",
-      },
-      undefined,
-      undefined,
-    ]
-  }
->
-  <View
-    style={
-      Array [
-        Object {
-          "alignItems": "center",
-          "borderColor": "hsl(210, 10%, 58%)",
-          "borderRadius": 999,
-          "borderWidth": 2,
-          "justifyContent": "center",
-          "margin": 4,
-        },
-        Object {
-          "height": 24,
-          "width": 24,
-        },
-        undefined,
-      ]
-    }
-    testID="amplify__radio-button__container"
-  >
-    <View
-      style={
-        Array [
-          Object {
-            "backgroundColor": "hsl(190, 95%, 30%)",
-            "borderRadius": 999,
-          },
-          Object {
-            "height": 14.399999999999999,
-            "width": 14.399999999999999,
-          },
-          undefined,
-        ]
-      }
-      testID="amplify__radio-button__dot"
-    />
-  </View>
-  <Text
-    accessibilityRole="text"
-    style={
-      Array [
-        Object {
-          "fontSize": 16,
-          "fontWeight": "400",
-          "lineHeight": 24,
-        },
-        Object {
-          "color": "hsl(210, 50%, 10%)",
-        },
-        undefined,
-      ]
-    }
-  >
-    large
-  </Text>
-</View>
-`;
-
-exports[`Radio renders as expected when size is medium 1`] = `
-<View
-  accessibilityRole="radio"
-  accessible={true}
-  collapsable={false}
-  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",
-        "flexDirection": "row",
-      },
-      undefined,
-      undefined,
-    ]
-  }
->
-  <View
-    style={
-      Array [
-        Object {
-          "alignItems": "center",
-          "borderColor": "hsl(210, 10%, 58%)",
-          "borderRadius": 999,
-          "borderWidth": 2,
-          "justifyContent": "center",
-          "margin": 4,
-        },
-        Object {
-          "height": 20,
-          "width": 20,
-        },
-        undefined,
-      ]
-    }
-    testID="amplify__radio-button__container"
-  >
-    <View
-      style={
-        Array [
-          Object {
-            "backgroundColor": "hsl(190, 95%, 30%)",
-            "borderRadius": 999,
-          },
-          Object {
-            "height": 12,
-            "width": 12,
-          },
-          undefined,
-        ]
-      }
-      testID="amplify__radio-button__dot"
-    />
-  </View>
-  <Text
-    accessibilityRole="text"
-    style={
-      Array [
-        Object {
-          "fontSize": 16,
-          "fontWeight": "400",
-          "lineHeight": 24,
-        },
-        Object {
-          "color": "hsl(210, 50%, 10%)",
-        },
-        undefined,
-      ]
-    }
-  >
-    medium
-  </Text>
-</View>
-`;
-
-exports[`Radio renders as expected when size is small 1`] = `
-<View
-  accessibilityRole="radio"
-  accessible={true}
-  collapsable={false}
-  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",
-        "flexDirection": "row",
-      },
-      undefined,
-      undefined,
-    ]
-  }
->
-  <View
-    style={
-      Array [
-        Object {
-          "alignItems": "center",
-          "borderColor": "hsl(210, 10%, 58%)",
-          "borderRadius": 999,
-          "borderWidth": 2,
-          "justifyContent": "center",
-          "margin": 4,
-        },
-        Object {
-          "height": 16,
-          "width": 16,
-        },
-        undefined,
-      ]
-    }
-    testID="amplify__radio-button__container"
-  >
-    <View
-      style={
-        Array [
-          Object {
-            "backgroundColor": "hsl(190, 95%, 30%)",
-            "borderRadius": 999,
-          },
-          Object {
-            "height": 9.6,
-            "width": 9.6,
-          },
-          undefined,
-        ]
-      }
-      testID="amplify__radio-button__dot"
-    />
-  </View>
-  <Text
-    accessibilityRole="text"
-    style={
-      Array [
-        Object {
-          "fontSize": 16,
-          "fontWeight": "400",
-          "lineHeight": 24,
-        },
-        Object {
-          "color": "hsl(210, 50%, 10%)",
-        },
-        undefined,
-      ]
-    }
-  >
-    small
-  </Text>
-</View>
-`;
-
-exports[`Radio renders as expected with accessibilityRole 1`] = `
-<View
-  accessibilityRole="none"
-  accessible={true}
-  collapsable={false}
-  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",
-        "flexDirection": "row",
-      },
-      undefined,
-      undefined,
-    ]
-  }
->
-  <View
-    style={
-      Array [
-        Object {
-          "alignItems": "center",
-          "borderColor": "hsl(210, 10%, 58%)",
-          "borderRadius": 999,
-          "borderWidth": 2,
-          "justifyContent": "center",
-          "margin": 4,
-        },
-        Object {
-          "height": 20,
-          "width": 20,
-        },
-        undefined,
-      ]
-    }
-    testID="amplify__radio-button__container"
-  />
-</View>
-`;