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

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

@@ -1,78 +0,0 @@
-import React from 'react';
-import { fireEvent, render } from '@testing-library/react-native';
-
-import { authenticatorTextUtil } from '@aws-amplify/ui';
-
-import { ResetPassword } from '..';
-
-const username = {
-  name: 'username',
-  label: 'Username',
-  placeholder: 'Username',
-  type: 'default' as const,
-};
-
-const fields = [username];
-
-const props = {
-  fields,
-  Footer: ResetPassword.Footer,
-  FormFields: ResetPassword.FormFields,
-  handleBlur: jest.fn(),
-  handleChange: jest.fn(),
-  handleSubmit: jest.fn(),
-  hasValidationErrors: false,
-  Header: ResetPassword.Header,
-  isPending: false,
-  toSignIn: jest.fn(),
-};
-
-const {
-  getResetYourPasswordText,
-  getSendCodeText,
-  getSendingText,
-  getBackToSignInText,
-} = authenticatorTextUtil;
-
-describe('ResetPassword', () => {
-  it('renders as expected', () => {
-    const { toJSON, getAllByRole, getByText } = render(
-      <ResetPassword {...props} />
-    );
-    expect(toJSON()).toMatchSnapshot();
-
-    expect(getAllByRole('header')).toBeDefined();
-    expect(getByText(getResetYourPasswordText())).toBeDefined();
-    expect(getByText(getSendCodeText())).toBeDefined();
-    expect(getAllByRole('text')).toHaveLength(fields.length);
-  });
-
-  it('renders an error message', () => {
-    const errorMessage = 'Test error message';
-    const { toJSON, getByText } = render(
-      <ResetPassword {...props} error={errorMessage} />
-    );
-
-    expect(toJSON()).toMatchSnapshot();
-    expect(getByText(errorMessage)).toBeTruthy();
-  });
-
-  it('handles Back to Sign In button', () => {
-    const toSignInMock = jest.fn();
-
-    const { getByText } = render(
-      <ResetPassword {...props} toSignIn={toSignInMock} />
-    );
-
-    const button = getByText(getBackToSignInText());
-    fireEvent.press(button);
-    expect(toSignInMock).toBeCalledTimes(1);
-  });
-
-  it('renders correct text based on isPending', () => {
-    const { queryByText } = render(<ResetPassword {...props} isPending />);
-
-    expect(queryByText(getSendingText())).toBeDefined();
-    expect(queryByText(getSendCodeText())).toBe(null);
-  });
-});

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

@@ -1,512 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`ResetPassword renders an error message 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,
-        },
-      ]
-    }
-  >
-    Reset Password
-  </Text>,
-  <View
-    style={
-      Object {
-        "paddingBottom": 8,
-      }
-    }
-  >
-    <View
-      style={
-        Array [
-          Object {
-            "alignItems": "flex-start",
-            "marginBottom": 8,
-          },
-          Object {
-            "paddingHorizontal": 12,
-          },
-        ]
-      }
-      testID="amplify__text-field-container"
-    >
-      <Text
-        accessibilityLabel="Username"
-        accessibilityRole="text"
-        style={
-          Array [
-            Object {
-              "fontSize": 16,
-              "fontWeight": "400",
-              "lineHeight": 24,
-            },
-            Object {
-              "color": "hsl(210, 50%, 10%)",
-            },
-            Array [
-              Object {
-                "color": "hsl(210, 25%, 25%)",
-                "paddingVertical": 8,
-              },
-              undefined,
-            ],
-          ]
-        }
-      >
-        Username
-      </Text>
-      <View
-        accessible={true}
-        style={
-          Object {
-            "alignItems": "center",
-            "borderColor": "hsl(210, 10%, 58%)",
-            "borderRadius": 4,
-            "borderWidth": 1,
-            "flexDirection": "row",
-            "paddingHorizontal": 8,
-          }
-        }
-        testID="amplify__text-field__input-container"
-      >
-        <TextInput
-          accessibilityState={
-            Object {
-              "disabled": false,
-            }
-          }
-          accessible={true}
-          autoCapitalize="none"
-          editable={true}
-          onBlur={[Function]}
-          onChangeText={[Function]}
-          placeholder="Username"
-          placeholderTextColor="hsl(210, 10%, 40%)"
-          style={
-            Array [
-              Object {
-                "color": "hsl(210, 50%, 10%)",
-                "flexGrow": 1,
-                "fontSize": 16,
-                "paddingHorizontal": 4,
-                "paddingVertical": 12,
-              },
-              Object {},
-            ]
-          }
-        />
-      </View>
-    </View>
-  </View>,
-  <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 {},
-        ]
-      }
-    >
-      Test error message
-    </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 {},
-        ]
-      }
-    >
-      Send code
-    </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,
-          ]
-        }
-      >
-        Back to Sign In
-      </Text>
-    </View>
-  </View>,
-]
-`;
-
-exports[`ResetPassword 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,
-        },
-      ]
-    }
-  >
-    Reset Password
-  </Text>,
-  <View
-    style={
-      Object {
-        "paddingBottom": 8,
-      }
-    }
-  >
-    <View
-      style={
-        Array [
-          Object {
-            "alignItems": "flex-start",
-            "marginBottom": 8,
-          },
-          Object {
-            "paddingHorizontal": 12,
-          },
-        ]
-      }
-      testID="amplify__text-field-container"
-    >
-      <Text
-        accessibilityLabel="Username"
-        accessibilityRole="text"
-        style={
-          Array [
-            Object {
-              "fontSize": 16,
-              "fontWeight": "400",
-              "lineHeight": 24,
-            },
-            Object {
-              "color": "hsl(210, 50%, 10%)",
-            },
-            Array [
-              Object {
-                "color": "hsl(210, 25%, 25%)",
-                "paddingVertical": 8,
-              },
-              undefined,
-            ],
-          ]
-        }
-      >
-        Username
-      </Text>
-      <View
-        accessible={true}
-        style={
-          Object {
-            "alignItems": "center",
-            "borderColor": "hsl(210, 10%, 58%)",
-            "borderRadius": 4,
-            "borderWidth": 1,
-            "flexDirection": "row",
-            "paddingHorizontal": 8,
-          }
-        }
-        testID="amplify__text-field__input-container"
-      >
-        <TextInput
-          accessibilityState={
-            Object {
-              "disabled": false,
-            }
-          }
-          accessible={true}
-          autoCapitalize="none"
-          editable={true}
-          onBlur={[Function]}
-          onChangeText={[Function]}
-          placeholder="Username"
-          placeholderTextColor="hsl(210, 10%, 40%)"
-          style={
-            Array [
-              Object {
-                "color": "hsl(210, 50%, 10%)",
-                "flexGrow": 1,
-                "fontSize": 16,
-                "paddingHorizontal": 4,
-                "paddingVertical": 12,
-              },
-              Object {},
-            ]
-          }
-        />
-      </View>
-    </View>
-  </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 {},
-        ]
-      }
-    >
-      Send code
-    </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,
-          ]
-        }
-      >
-        Back to Sign In
-      </Text>
-    </View>
-  </View>,
-]
-`;

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

@@ -1,85 +0,0 @@
-import React from 'react';
-import { fireEvent, render, waitFor } from '@testing-library/react-native';
-import { authenticatorTextUtil } from '@aws-amplify/ui';
-
-import { SetupTOTP } from '..';
-
-const code = {
-  name: 'code',
-  label: 'Code',
-  placeholder: 'Code',
-  type: 'default' as const,
-};
-const fields = [code];
-const toSignIn = jest.fn();
-
-const props = {
-  error: null as unknown as string,
-  fields,
-  Footer: SetupTOTP.Footer,
-  FormFields: SetupTOTP.FormFields,
-  Header: SetupTOTP.Header,
-  handleBlur: jest.fn(),
-  handleChange: jest.fn(),
-  handleSubmit: jest.fn(),
-  hasValidationErrors: false,
-  isPending: false,
-  toSignIn,
-  totpSecretCode: "Let's keep it hush hush",
-};
-
-const {
-  getBackToSignInText,
-  getConfirmingText,
-  getConfirmText,
-  getSetupTOTPText,
-} = authenticatorTextUtil;
-
-describe('SetupTOTP', () => {
-  beforeEach(() => {
-    jest.clearAllMocks();
-  });
-
-  it('renders as expected', () => {
-    const { toJSON, getAllByRole, getByText } = render(
-      <SetupTOTP {...props} />
-    );
-
-    expect(toJSON()).toMatchSnapshot();
-
-    expect(getAllByRole('header')).toBeDefined();
-    expect(getByText(getSetupTOTPText())).toBeDefined();
-    expect(getByText(getConfirmText())).toBeDefined();
-  });
-
-  it('renders an error message', () => {
-    const errorMessage = 'Test error message';
-    const { toJSON, getByText } = render(
-      <SetupTOTP {...props} error={errorMessage} />
-    );
-
-    expect(toJSON()).toMatchSnapshot();
-    expect(getByText(errorMessage)).toBeDefined();
-  });
-
-  it('calls toSignIn an secondary button press', () => {
-    const { getByText } = render(<SetupTOTP {...props} />);
-
-    const secondaryButton = getByText(getBackToSignInText());
-
-    expect(secondaryButton).toBeDefined();
-
-    fireEvent(secondaryButton, 'press');
-
-    expect(toSignIn).toHaveBeenCalledTimes(1);
-  });
-
-  it('shows the correct submit button based on isPending', async () => {
-    const { queryByText } = render(<SetupTOTP {...props} isPending />);
-
-    await waitFor(() => {
-      expect(queryByText(getConfirmingText())).toBeDefined();
-      expect(queryByText(getConfirmText())).toBe(null);
-    });
-  });
-});