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

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

@@ -1,495 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`ConfirmVerifyUser renders as expected 1`] = `
-Array [
-  <Text
-    accessibilityRole="header"
-    style={
-      Array [
-        Object {
-          "color": "hsl(210, 50%, 10%)",
-        },
-        Object {
-          "fontSize": 24,
-          "fontWeight": "300",
-          "lineHeight": 36,
-        },
-        Object {
-          "marginVertical": 12,
-          "paddingHorizontal": 12,
-        },
-      ]
-    }
-  >
-    Account recovery requires verified contact information
-  </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 {
-          "marginHorizontal": 16,
-          "marginVertical": 12,
-        },
-      ]
-    }
-    testID="amplify__button"
-  >
-    <Text
-      style={
-        Array [
-          Object {
-            "color": "hsl(0, 0%, 100%)",
-            "fontSize": 16,
-            "fontWeight": "700",
-            "textAlign": "center",
-          },
-          Object {},
-        ]
-      }
-    >
-      Submit
-    </Text>
-  </View>,
-  <View
-    style={
-      Object {
-        "flexDirection": "row",
-        "flexWrap": "wrap",
-        "justifyContent": "center",
-      }
-    }
-  >
-    <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",
-            "borderRadius": 4,
-            "justifyContent": "center",
-            "paddingHorizontal": 16,
-            "paddingVertical": 12,
-          },
-          undefined,
-          Object {
-            "marginVertical": 8,
-            "minWidth": "50%",
-          },
-        ]
-      }
-    >
-      <Text
-        style={
-          Array [
-            Object {
-              "color": "hsl(190, 95%, 30%)",
-              "fontSize": 16,
-              "fontWeight": "700",
-              "textAlign": "center",
-            },
-            undefined,
-          ]
-        }
-      >
-        Skip
-      </Text>
-    </View>
-  </View>,
-]
-`;
-
-exports[`ConfirmVerifyUser renders as expected when isPending is true 1`] = `
-Array [
-  <Text
-    accessibilityRole="header"
-    style={
-      Array [
-        Object {
-          "color": "hsl(210, 50%, 10%)",
-        },
-        Object {
-          "fontSize": 24,
-          "fontWeight": "300",
-          "lineHeight": 36,
-        },
-        Object {
-          "marginVertical": 12,
-          "paddingHorizontal": 12,
-        },
-      ]
-    }
-  >
-    Account recovery requires verified contact information
-  </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 {
-          "marginHorizontal": 16,
-          "marginVertical": 12,
-        },
-      ]
-    }
-    testID="amplify__button"
-  >
-    <Text
-      style={
-        Array [
-          Object {
-            "color": "hsl(0, 0%, 100%)",
-            "fontSize": 16,
-            "fontWeight": "700",
-            "textAlign": "center",
-          },
-          Object {},
-        ]
-      }
-    >
-      Submitting
-    </Text>
-  </View>,
-  <View
-    style={
-      Object {
-        "flexDirection": "row",
-        "flexWrap": "wrap",
-        "justifyContent": "center",
-      }
-    }
-  >
-    <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",
-            "borderRadius": 4,
-            "justifyContent": "center",
-            "paddingHorizontal": 16,
-            "paddingVertical": 12,
-          },
-          undefined,
-          Object {
-            "marginVertical": 8,
-            "minWidth": "50%",
-          },
-        ]
-      }
-    >
-      <Text
-        style={
-          Array [
-            Object {
-              "color": "hsl(190, 95%, 30%)",
-              "fontSize": 16,
-              "fontWeight": "700",
-              "textAlign": "center",
-            },
-            undefined,
-          ]
-        }
-      >
-        Skip
-      </Text>
-    </View>
-  </View>,
-]
-`;
-
-exports[`ConfirmVerifyUser renders as expected with errors 1`] = `
-Array [
-  <Text
-    accessibilityRole="header"
-    style={
-      Array [
-        Object {
-          "color": "hsl(210, 50%, 10%)",
-        },
-        Object {
-          "fontSize": 24,
-          "fontWeight": "300",
-          "lineHeight": 36,
-        },
-        Object {
-          "marginVertical": 12,
-          "paddingHorizontal": 12,
-        },
-      ]
-    }
-  >
-    Account recovery requires verified contact information
-  </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 {},
-        ]
-      }
-    >
-      Something went wrong
-    </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 {
-          "marginHorizontal": 16,
-          "marginVertical": 12,
-        },
-      ]
-    }
-    testID="amplify__button"
-  >
-    <Text
-      style={
-        Array [
-          Object {
-            "color": "hsl(0, 0%, 100%)",
-            "fontSize": 16,
-            "fontWeight": "700",
-            "textAlign": "center",
-          },
-          Object {},
-        ]
-      }
-    >
-      Submit
-    </Text>
-  </View>,
-  <View
-    style={
-      Object {
-        "flexDirection": "row",
-        "flexWrap": "wrap",
-        "justifyContent": "center",
-      }
-    }
-  >
-    <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",
-            "borderRadius": 4,
-            "justifyContent": "center",
-            "paddingHorizontal": 16,
-            "paddingVertical": 12,
-          },
-          undefined,
-          Object {
-            "marginVertical": 8,
-            "minWidth": "50%",
-          },
-        ]
-      }
-    >
-      <Text
-        style={
-          Array [
-            Object {
-              "color": "hsl(190, 95%, 30%)",
-              "fontSize": 16,
-              "fontWeight": "700",
-              "textAlign": "center",
-            },
-            undefined,
-          ]
-        }
-      >
-        Skip
-      </Text>
-    </View>
-  </View>,
-]
-`;

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

@@ -1,79 +0,0 @@
-import React from 'react';
-import { fireEvent, render } from '@testing-library/react-native';
-
-import { authenticatorTextUtil } from '@aws-amplify/ui';
-
-import { TextFieldOptionsType } from '../../../hooks';
-import { ForceNewPassword } from '..';
-
-const props = {
-  fields: [{ name: 'password', type: 'password' } as TextFieldOptionsType],
-  Footer: ForceNewPassword.Footer,
-  FormFields: ForceNewPassword.FormFields,
-  handleBlur: jest.fn(),
-  handleChange: jest.fn(),
-  handleSubmit: jest.fn(),
-  hasValidationErrors: false,
-  Header: ForceNewPassword.Header,
-  isPending: false,
-  toSignIn: jest.fn(),
-};
-
-const { getChangePasswordText, getChangingText, getBackToSignInText } =
-  authenticatorTextUtil;
-
-describe('ForceNewPassword', () => {
-  it('renders as expected', () => {
-    const { toJSON, getAllByRole, getAllByText } = render(
-      <ForceNewPassword {...props} />
-    );
-    expect(toJSON()).toMatchSnapshot();
-
-    expect(getAllByRole('header')).toBeDefined();
-    expect(getAllByText(getChangePasswordText())).toBeTruthy();
-    expect(getAllByText(getBackToSignInText())).toBeTruthy();
-  });
-
-  it('renders an error message', () => {
-    const errorMessage = 'Test error message';
-    const { toJSON, getByText } = render(
-      <ForceNewPassword {...props} error={errorMessage} />
-    );
-
-    expect(toJSON()).toMatchSnapshot();
-    expect(getByText(errorMessage)).toBeTruthy();
-  });
-
-  it('handles Back to Sign In button', () => {
-    const toSignInMock = jest.fn();
-
-    const { getByText } = render(
-      <ForceNewPassword {...props} toSignIn={toSignInMock} />
-    );
-
-    const button = getByText(getBackToSignInText());
-    fireEvent.press(button);
-    expect(toSignInMock).toBeCalledTimes(1);
-  });
-
-  it('renders correct text based on isPending', () => {
-    const { queryByText } = render(<ForceNewPassword {...props} isPending />);
-
-    expect(queryByText(getChangingText())).toBeTruthy();
-  });
-
-  it('renders as expected with validationErrors', () => {
-    const { toJSON, getByText } = render(
-      <ForceNewPassword
-        {...props}
-        isPending
-        validationErrors={{ password: ['error', 'another error'] }}
-      />
-    );
-
-    expect(toJSON()).toMatchSnapshot();
-
-    expect(getByText('error')).toBeDefined();
-    expect(getByText('another error')).toBeDefined();
-  });
-});