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

package/src/Authenticator/Defaults/ConfirmSignUp/__tests__/__snapshots__/ConfirmSignUp.spec.tsx.snap

@@ -1,528 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`ConfirmSignUp renders as expected 1`] = `
-Array [
-  <Text
-    accessibilityRole="header"
-    style={
-      Array [
-        Object {
-          "color": "hsl(210, 50%, 10%)",
-        },
-        Object {
-          "fontSize": 24,
-          "fontWeight": "500",
-          "lineHeight": 36,
-        },
-        Object {
-          "marginVertical": 12,
-          "paddingHorizontal": 12,
-        },
-      ]
-    }
-  >
-    We Emailed You
-  </Text>,
-  <Text
-    accessibilityRole="text"
-    style={
-      Array [
-        Object {
-          "fontSize": 16,
-          "fontWeight": "400",
-          "lineHeight": 24,
-        },
-        Object {
-          "color": "hsl(210, 50%, 10%)",
-        },
-        Object {
-          "fontSize": 16,
-          "paddingHorizontal": 12,
-        },
-      ]
-    }
-  >
-    Your code is on the way. To log in, enter the code we emailed to a***@e***.com. It may take a minute to arrive.
-  </Text>,
-  <View
-    style={
-      Object {
-        "paddingBottom": 8,
-      }
-    }
-  />,
-  <View
-    accessibilityRole="button"
-    accessibilityState={
-      Object {
-        "disabled": false,
-      }
-    }
-    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",
-          "backgroundColor": "hsl(190, 95%, 30%)",
-          "borderRadius": 4,
-          "justifyContent": "center",
-          "paddingHorizontal": 16,
-          "paddingVertical": 12,
-        },
-        undefined,
-        Object {
-          "margin": 12,
-        },
-      ]
-    }
-    testID="amplify__button"
-  >
-    <Text
-      style={
-        Array [
-          Object {
-            "color": "hsl(0, 0%, 100%)",
-            "fontSize": 16,
-            "fontWeight": "700",
-            "textAlign": "center",
-          },
-          Object {},
-        ]
-      }
-    >
-      Confirm
-    </Text>
-  </View>,
-  <View
-    accessibilityRole="button"
-    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",
-          "backgroundColor": "transparent",
-          "borderColor": "hsl(210, 10%, 58%)",
-          "borderRadius": 4,
-          "borderWidth": 1,
-          "justifyContent": "center",
-          "paddingHorizontal": 16,
-          "paddingVertical": 12,
-        },
-        undefined,
-        Object {
-          "marginHorizontal": 16,
-        },
-      ]
-    }
-  >
-    <Text
-      style={
-        Array [
-          Object {
-            "color": "hsl(210, 50%, 10%)",
-            "fontSize": 16,
-            "fontWeight": "700",
-            "textAlign": "center",
-          },
-          Object {},
-        ]
-      }
-    >
-      Resend Code
-    </Text>
-  </View>,
-]
-`;
-
-exports[`ConfirmSignUp renders as expected when isPending is true 1`] = `
-Array [
-  <Text
-    accessibilityRole="header"
-    style={
-      Array [
-        Object {
-          "color": "hsl(210, 50%, 10%)",
-        },
-        Object {
-          "fontSize": 24,
-          "fontWeight": "500",
-          "lineHeight": 36,
-        },
-        Object {
-          "marginVertical": 12,
-          "paddingHorizontal": 12,
-        },
-      ]
-    }
-  >
-    We Emailed You
-  </Text>,
-  <Text
-    accessibilityRole="text"
-    style={
-      Array [
-        Object {
-          "fontSize": 16,
-          "fontWeight": "400",
-          "lineHeight": 24,
-        },
-        Object {
-          "color": "hsl(210, 50%, 10%)",
-        },
-        Object {
-          "fontSize": 16,
-          "paddingHorizontal": 12,
-        },
-      ]
-    }
-  >
-    Your code is on the way. To log in, enter the code we emailed to a***@e***.com. It may take a minute to arrive.
-  </Text>,
-  <View
-    style={
-      Object {
-        "paddingBottom": 8,
-      }
-    }
-  />,
-  <View
-    accessibilityRole="button"
-    accessibilityState={
-      Object {
-        "disabled": false,
-      }
-    }
-    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",
-          "backgroundColor": "hsl(190, 95%, 30%)",
-          "borderRadius": 4,
-          "justifyContent": "center",
-          "paddingHorizontal": 16,
-          "paddingVertical": 12,
-        },
-        undefined,
-        Object {
-          "margin": 12,
-        },
-      ]
-    }
-    testID="amplify__button"
-  >
-    <Text
-      style={
-        Array [
-          Object {
-            "color": "hsl(0, 0%, 100%)",
-            "fontSize": 16,
-            "fontWeight": "700",
-            "textAlign": "center",
-          },
-          Object {},
-        ]
-      }
-    >
-      Confirming
-    </Text>
-  </View>,
-  <View
-    accessibilityRole="button"
-    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",
-          "backgroundColor": "transparent",
-          "borderColor": "hsl(210, 10%, 58%)",
-          "borderRadius": 4,
-          "borderWidth": 1,
-          "justifyContent": "center",
-          "paddingHorizontal": 16,
-          "paddingVertical": 12,
-        },
-        undefined,
-        Object {
-          "marginHorizontal": 16,
-        },
-      ]
-    }
-  >
-    <Text
-      style={
-        Array [
-          Object {
-            "color": "hsl(210, 50%, 10%)",
-            "fontSize": 16,
-            "fontWeight": "700",
-            "textAlign": "center",
-          },
-          Object {},
-        ]
-      }
-    >
-      Resend Code
-    </Text>
-  </View>,
-]
-`;
-
-exports[`ConfirmSignUp renders as expected with an error 1`] = `
-Array [
-  <Text
-    accessibilityRole="header"
-    style={
-      Array [
-        Object {
-          "color": "hsl(210, 50%, 10%)",
-        },
-        Object {
-          "fontSize": 24,
-          "fontWeight": "500",
-          "lineHeight": 36,
-        },
-        Object {
-          "marginVertical": 12,
-          "paddingHorizontal": 12,
-        },
-      ]
-    }
-  >
-    We Emailed You
-  </Text>,
-  <Text
-    accessibilityRole="text"
-    style={
-      Array [
-        Object {
-          "fontSize": 16,
-          "fontWeight": "400",
-          "lineHeight": 24,
-        },
-        Object {
-          "color": "hsl(210, 50%, 10%)",
-        },
-        Object {
-          "fontSize": 16,
-          "paddingHorizontal": 12,
-        },
-      ]
-    }
-  >
-    Your code is on the way. To log in, enter the code we emailed to a***@e***.com. It may take a minute to arrive.
-  </Text>,
-  <View
-    style={
-      Object {
-        "paddingBottom": 8,
-      }
-    }
-  />,
-  <View
-    accessibilityRole="alert"
-    style={
-      Array [
-        Object {
-          "alignItems": "center",
-          "backgroundColor": "hsl(0, 75%, 85%)",
-          "flexDirection": "row",
-          "paddingHorizontal": 8,
-          "paddingVertical": 12,
-        },
-        Object {
-          "marginHorizontal": 12,
-        },
-      ]
-    }
-    testID="amplify__error-message"
-  >
-    <Image
-      accessibilityRole="image"
-      source={
-        Object {
-          "testUri": "../../../src/assets/icons/error.png",
-        }
-      }
-      style={
-        Array [
-          Object {
-            "height": 20,
-            "resizeMode": "contain",
-            "tintColor": undefined,
-            "width": 20,
-          },
-          Array [
-            Object {
-              "margin": 8,
-              "tintColor": "hsl(0, 100%, 20%)",
-            },
-            Object {},
-          ],
-        ]
-      }
-    />
-    <Text
-      style={
-        Array [
-          Object {
-            "color": "hsl(0, 100%, 20%)",
-            "flex": 1,
-            "fontSize": 16,
-            "paddingHorizontal": 8,
-          },
-          Object {},
-        ]
-      }
-    >
-      An error!
-    </Text>
-  </View>,
-  <View
-    accessibilityRole="button"
-    accessibilityState={
-      Object {
-        "disabled": false,
-      }
-    }
-    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",
-          "backgroundColor": "hsl(190, 95%, 30%)",
-          "borderRadius": 4,
-          "justifyContent": "center",
-          "paddingHorizontal": 16,
-          "paddingVertical": 12,
-        },
-        undefined,
-        Object {
-          "margin": 12,
-        },
-      ]
-    }
-    testID="amplify__button"
-  >
-    <Text
-      style={
-        Array [
-          Object {
-            "color": "hsl(0, 0%, 100%)",
-            "fontSize": 16,
-            "fontWeight": "700",
-            "textAlign": "center",
-          },
-          Object {},
-        ]
-      }
-    >
-      Confirm
-    </Text>
-  </View>,
-  <View
-    accessibilityRole="button"
-    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",
-          "backgroundColor": "transparent",
-          "borderColor": "hsl(210, 10%, 58%)",
-          "borderRadius": 4,
-          "borderWidth": 1,
-          "justifyContent": "center",
-          "paddingHorizontal": 16,
-          "paddingVertical": 12,
-        },
-        undefined,
-        Object {
-          "marginHorizontal": 16,
-        },
-      ]
-    }
-  >
-    <Text
-      style={
-        Array [
-          Object {
-            "color": "hsl(210, 50%, 10%)",
-            "fontSize": 16,
-            "fontWeight": "700",
-            "textAlign": "center",
-          },
-          Object {},
-        ]
-      }
-    >
-      Resend Code
-    </Text>
-  </View>,
-]
-`;

package/src/Authenticator/Defaults/ConfirmVerifyUser/__tests__/ConfirmVerifyUser.spec.tsx

@@ -1,71 +0,0 @@
-import React from 'react';
-import { fireEvent, render } from '@testing-library/react-native';
-
-import { authenticatorTextUtil } from '@aws-amplify/ui';
-import { ConfirmVerifyUser } from '..';
-
-const {
-  getAccountRecoveryInfoText,
-  getSkipText,
-  getSubmitText,
-  getSubmittingText,
-} = authenticatorTextUtil;
-
-const props = {
-  fields: [],
-  FormFields: ConfirmVerifyUser.FormFields,
-  Footer: ConfirmVerifyUser.Footer,
-  handleBlur: jest.fn(),
-  handleChange: jest.fn(),
-  handleSubmit: jest.fn(),
-  hasValidationErrors: false,
-  Header: ConfirmVerifyUser.Header,
-  isPending: false,
-  skipVerification: jest.fn(),
-};
-
-describe('ConfirmVerifyUser', () => {
-  it('renders as expected', () => {
-    const { toJSON, getByRole, getByText } = render(
-      <ConfirmVerifyUser {...props} />
-    );
-    expect(toJSON()).toMatchSnapshot();
-
-    expect(getByRole('header')).toBeDefined();
-    expect(getByText(getAccountRecoveryInfoText())).toBeDefined();
-    expect(getByText(getSubmitText())).toBeDefined();
-    expect(getByText(getSkipText())).toBeDefined();
-  });
-
-  it('renders as expected with errors', () => {
-    const error = 'Something went wrong';
-    const { toJSON, getByRole, getByText } = render(
-      <ConfirmVerifyUser {...props} error={error} />
-    );
-    expect(toJSON()).toMatchSnapshot();
-
-    expect(getByRole('alert')).toBeDefined();
-    expect(getByText(error)).toBeDefined();
-  });
-
-  it('handles skip verification button', () => {
-    const skipVerificationMock = jest.fn();
-
-    const { getByText } = render(
-      <ConfirmVerifyUser {...props} skipVerification={skipVerificationMock} />
-    );
-
-    const button = getByText(getSkipText());
-    fireEvent.press(button);
-    expect(skipVerificationMock).toBeCalledTimes(1);
-  });
-
-  it('renders as expected when isPending is true', () => {
-    const { toJSON, getByText } = render(
-      <ConfirmVerifyUser {...props} isPending />
-    );
-    expect(toJSON()).toMatchSnapshot();
-
-    expect(getByText(getSubmittingText())).toBeDefined();
-  });
-});