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

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

@@ -1,131 +0,0 @@
-import React from 'react';
-import { Text, View } from 'react-native';
-import { render } from '@testing-library/react-native';
-
-import * as UIReactCoreModule from '@aws-amplify/ui-react-core';
-import {
-  AuthenticatorMachineContext,
-  UseAuthenticator,
-} from '@aws-amplify/ui-react-core';
-
-import { Authenticator } from '..';
-
-jest.mock('aws-amplify');
-jest.mock('@aws-amplify/ui-react-core');
-
-const CHILD_TEST_ID = 'child-test-id';
-const CHILD_CONTENT = 'Test Children';
-
-const CONTAINER_TEST_ID = 'container-test-id';
-const FOOTER_TEST_ID = 'footer-test-id';
-const HEADER_TEST_ID = 'header-test-id';
-
-function TestChildren() {
-  return <Text testID={CHILD_TEST_ID}>{CHILD_CONTENT}</Text>;
-}
-const TestComponent = () => {
-  return null;
-};
-
-function Container({ children }: { children?: React.ReactNode }) {
-  return <View testID={CONTAINER_TEST_ID}>{children}</View>;
-}
-
-function Footer() {
-  return <View testID={FOOTER_TEST_ID} />;
-}
-
-function Header() {
-  return <View testID={HEADER_TEST_ID} />;
-}
-
-const useAuthenticatorInitMachineSpy = jest.spyOn(
-  UIReactCoreModule,
-  'useAuthenticatorInitMachine'
-);
-const useAuthenticatorSpy = jest.spyOn(UIReactCoreModule, 'useAuthenticator');
-const useAuthenticatorRouteSpy = jest.spyOn(
-  UIReactCoreModule,
-  'useAuthenticatorRoute'
-);
-
-type MockSelectorParam =
-  | ((
-      context: AuthenticatorMachineContext
-    ) => AuthenticatorMachineContext[keyof AuthenticatorMachineContext][])
-  | undefined;
-
-describe('Authenticator', () => {
-  beforeEach(() => {
-    jest.clearAllMocks();
-
-    useAuthenticatorRouteSpy.mockReturnValue({
-      Component: TestComponent as any,
-      props: {} as any,
-    });
-  });
-
-  it('behaves as expected in the happy path', () => {
-    const mockUseAuthenticator = (cb: MockSelectorParam) =>
-      cb?.({
-        route: 'signIn',
-      } as unknown as AuthenticatorMachineContext)[0] as unknown as UseAuthenticator;
-    useAuthenticatorSpy.mockImplementation(mockUseAuthenticator);
-
-    const { toJSON } = render(<Authenticator />);
-
-    expect(useAuthenticatorInitMachineSpy).toHaveBeenCalledTimes(1);
-    expect(useAuthenticatorSpy).toHaveBeenCalledTimes(1);
-    expect(useAuthenticatorSpy).toHaveBeenCalledWith(expect.any(Function));
-
-    expect(toJSON()).toMatchSnapshot();
-  });
-
-  it('handles `authStatus` of authenticated as expected', () => {
-    useAuthenticatorSpy.mockImplementation(
-      () => ({ authStatus: 'authenticated' } as unknown as UseAuthenticator)
-    );
-
-    const { getByTestId, toJSON } = render(
-      <Authenticator>
-        <TestChildren />
-      </Authenticator>
-    );
-
-    const children = getByTestId(CHILD_TEST_ID);
-
-    expect(children.type).toBe('Text');
-    expect(children.props.children).toBe(CHILD_CONTENT);
-
-    expect(toJSON()).toMatchSnapshot();
-  });
-
-  it.each(['unauthenticated', 'configuring'])(
-    'handles an authStatus of %s as expected',
-    (route) => {
-      useAuthenticatorSpy.mockImplementation(
-        () => ({ route } as unknown as UseAuthenticator)
-      );
-
-      const { container } = render(<Authenticator />);
-
-      expect(container.instance).toBeNull();
-    }
-  );
-
-  it('renders with custom slot components as expected', () => {
-    useAuthenticatorSpy.mockReturnValueOnce({
-      route: 'signIn',
-    } as unknown as UseAuthenticator);
-
-    const { getByTestId, toJSON } = render(
-      <Authenticator Container={Container} Footer={Footer} Header={Header} />
-    );
-
-    expect(getByTestId(CONTAINER_TEST_ID)).toBeDefined();
-    expect(getByTestId(FOOTER_TEST_ID)).toBeDefined();
-    expect(getByTestId(HEADER_TEST_ID)).toBeDefined();
-
-    expect(toJSON()).toMatchSnapshot();
-  });
-});

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

@@ -1,90 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Authenticator behaves as expected in the happy path 1`] = `
-<SafeAreaProvider>
-  <View
-    onLayout={[Function]}
-    style={
-      Array [
-        Array [
-          Object {
-            "alignContent": "center",
-            "backgroundColor": "hsl(0, 0%, 100%)",
-            "flex": 1,
-            "justifyContent": "center",
-          },
-          undefined,
-        ],
-        Object {
-          "paddingBottom": 0,
-        },
-      ]
-    }
-  >
-    <RCTScrollView
-      alwaysBounceVertical={false}
-      contentContainerStyle={
-        Array [
-          Object {
-            "alignContent": "center",
-            "flexGrow": 1,
-            "justifyContent": "center",
-            "paddingBottom": 44,
-            "paddingLeft": undefined,
-            "paddingRight": undefined,
-            "paddingTop": 47,
-          },
-          undefined,
-        ]
-      }
-      keyboardShouldPersistTaps="handled"
-      style={
-        Array [
-          Object {},
-          undefined,
-        ]
-      }
-    >
-      <View>
-        <View
-          style={
-            Object {
-              "marginHorizontal": 16,
-            }
-          }
-        />
-      </View>
-    </RCTScrollView>
-  </View>
-</SafeAreaProvider>
-`;
-
-exports[`Authenticator handles \`authStatus\` of authenticated as expected 1`] = `
-<Text
-  testID="child-test-id"
->
-  Test Children
-</Text>
-`;
-
-exports[`Authenticator renders with custom slot components as expected 1`] = `
-<SafeAreaProvider>
-  <View
-    testID="container-test-id"
-  >
-    <View
-      testID="header-test-id"
-    />
-    <View
-      style={
-        Object {
-          "marginHorizontal": 16,
-        }
-      }
-    />
-    <View
-      testID="footer-test-id"
-    />
-  </View>
-</SafeAreaProvider>
-`;

package/src/Authenticator/__tests__/__snapshots__/withAuthenticator.spec.tsx.snap

@@ -1,68 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`withAuthenticator renders as expected 1`] = `
-<SafeAreaProvider>
-  <View
-    onLayout={[Function]}
-    style={
-      Array [
-        Array [
-          Object {
-            "alignContent": "center",
-            "backgroundColor": "hsl(0, 0%, 100%)",
-            "flex": 1,
-            "justifyContent": "center",
-          },
-          undefined,
-        ],
-        Object {
-          "paddingBottom": 0,
-        },
-      ]
-    }
-  >
-    <RCTScrollView
-      alwaysBounceVertical={false}
-      contentContainerStyle={
-        Array [
-          Object {
-            "alignContent": "center",
-            "flexGrow": 1,
-            "justifyContent": "center",
-            "paddingBottom": 44,
-            "paddingLeft": undefined,
-            "paddingRight": undefined,
-            "paddingTop": 47,
-          },
-          undefined,
-        ]
-      }
-      keyboardShouldPersistTaps="handled"
-      style={
-        Array [
-          Object {},
-          undefined,
-        ]
-      }
-    >
-      <View>
-        <View
-          style={
-            Object {
-              "marginHorizontal": 16,
-            }
-          }
-        />
-      </View>
-    </RCTScrollView>
-  </View>
-</SafeAreaProvider>
-`;
-
-exports[`withAuthenticator renders children when route is authenticated 1`] = `
-<Text
-  testID="child-test-id"
->
-  Test Children
-</Text>
-`;

package/src/Authenticator/__tests__/withAuthenticator.spec.tsx

@@ -1,73 +0,0 @@
-import React from 'react';
-import { Text } from 'react-native';
-import { render } from '@testing-library/react-native';
-
-import * as UIReactCoreModule from '@aws-amplify/ui-react-core';
-import {
-  AuthenticatorMachineContext,
-  UseAuthenticator,
-} from '@aws-amplify/ui-react-core';
-
-import { withAuthenticator } from '..';
-
-const CHILD_TEST_ID = 'child-test-id';
-const CHILD_CONTENT = 'Test Children';
-
-function TestChildren() {
-  return <Text testID={CHILD_TEST_ID}>{CHILD_CONTENT}</Text>;
-}
-const TestComponent = () => {
-  return null;
-};
-
-const TestApp = withAuthenticator(TestChildren);
-
-const useAuthenticatorSpy = jest.spyOn(UIReactCoreModule, 'useAuthenticator');
-const useAuthenticatorRouteSpy = jest.spyOn(
-  UIReactCoreModule,
-  'useAuthenticatorRoute'
-);
-
-type MockSelectorParam =
-  | ((
-      context: AuthenticatorMachineContext
-    ) => AuthenticatorMachineContext[keyof AuthenticatorMachineContext][])
-  | undefined;
-
-describe('withAuthenticator', () => {
-  beforeEach(() => {
-    jest.clearAllMocks();
-
-    useAuthenticatorRouteSpy.mockReturnValue({
-      Component: TestComponent as any,
-      props: {} as any,
-    });
-  });
-
-  it('renders as expected', () => {
-    const mockUseAuthenticator = (cb: MockSelectorParam) =>
-      cb?.({
-        route: 'signIn',
-      } as unknown as AuthenticatorMachineContext)[0] as unknown as UseAuthenticator;
-    useAuthenticatorSpy.mockImplementation(mockUseAuthenticator);
-
-    const { toJSON, queryByTestId } = render(<TestApp />);
-
-    expect(queryByTestId(CHILD_TEST_ID)).toBeNull();
-    expect(toJSON()).toMatchSnapshot();
-  });
-
-  it('renders children when route is authenticated', () => {
-    useAuthenticatorSpy.mockImplementation(
-      () =>
-        ({
-          authStatus: 'authenticated',
-        } as unknown as UIReactCoreModule.UseAuthenticator)
-    );
-
-    const { toJSON, getByTestId } = render(<TestApp />);
-
-    expect(getByTestId(CHILD_TEST_ID)).toBeDefined();
-    expect(toJSON()).toMatchSnapshot();
-  });
-});

package/src/Authenticator/common/DefaultContainer/__tests__/DefaultContainer.spec.tsx

@@ -1,19 +0,0 @@
-import React from 'react';
-import { render } from '@testing-library/react-native';
-
-import { DefaultContainer } from '..';
-import { Button } from '../../../../primitives/Button';
-
-describe('DefaultContainer', () => {
-  it('renders as expected with children', () => {
-    const testID = 'testButton';
-    const { toJSON, getByTestId } = render(
-      <DefaultContainer>
-        <Button testID={testID} />
-      </DefaultContainer>
-    );
-    expect(toJSON()).toMatchSnapshot();
-
-    expect(getByTestId(testID)).toBeDefined();
-  });
-});

package/src/Authenticator/common/DefaultContainer/__tests__/__snapshots__/DefaultContainer.spec.tsx.snap

@@ -1,83 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`DefaultContainer renders as expected with children 1`] = `
-<View
-  onLayout={[Function]}
-  style={
-    Array [
-      Array [
-        Object {
-          "alignContent": "center",
-          "backgroundColor": "hsl(0, 0%, 100%)",
-          "flex": 1,
-          "justifyContent": "center",
-        },
-        undefined,
-      ],
-      Object {
-        "paddingBottom": 0,
-      },
-    ]
-  }
->
-  <RCTScrollView
-    alwaysBounceVertical={false}
-    contentContainerStyle={
-      Array [
-        Object {
-          "alignContent": "center",
-          "flexGrow": 1,
-          "justifyContent": "center",
-          "paddingBottom": 44,
-          "paddingLeft": undefined,
-          "paddingRight": undefined,
-          "paddingTop": 47,
-        },
-        undefined,
-      ]
-    }
-    keyboardShouldPersistTaps="handled"
-    style={
-      Array [
-        Object {},
-        undefined,
-      ]
-    }
-  >
-    <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,
-            undefined,
-          ]
-        }
-        testID="testButton"
-      />
-    </View>
-  </RCTScrollView>
-</View>
-`;

package/src/Authenticator/common/DefaultFooter/__tests__/DefaultFooter.spec.tsx

@@ -1,26 +0,0 @@
-import React from 'react';
-import { render } from '@testing-library/react-native';
-
-import { DefaultFooter } from '..';
-import { Button } from '../../../../primitives/Button';
-
-describe('DefaultFooter', () => {
-  it('renders as expected with children', () => {
-    const testID = 'testButton';
-    const { toJSON, getByTestId } = render(
-      <DefaultFooter>
-        <Button testID={testID} />
-      </DefaultFooter>
-    );
-    expect(toJSON()).toMatchSnapshot();
-
-    expect(getByTestId(testID)).toBeDefined();
-  });
-
-  it('renders as expected without children', () => {
-    const { toJSON } = render(<DefaultFooter />);
-    expect(toJSON()).toMatchSnapshot();
-
-    expect(toJSON()).toBe(null);
-  });
-});

package/src/Authenticator/common/DefaultFooter/__tests__/__snapshots__/DefaultFooter.spec.tsx.snap

@@ -1,40 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`DefaultFooter renders as expected with children 1`] = `
-<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,
-        undefined,
-      ]
-    }
-    testID="testButton"
-  />
-</View>
-`;
-
-exports[`DefaultFooter renders as expected without children 1`] = `null`;

package/src/Authenticator/common/DefaultFormFields/__tests__/DefaultFormFields.spec.tsx

@@ -1,15 +0,0 @@
-import React from 'react';
-import { render } from '@testing-library/react-native';
-
-import DefaultFormFields from '../DefaultTextFormFields';
-
-describe('DefaultFormFields', () => {
-  it('renders as expected', () => {
-    const { toJSON } = render(
-      <DefaultFormFields fields={[]} isPending={false} />
-    );
-    expect(toJSON()).toMatchSnapshot();
-
-    expect(toJSON()).toBeDefined();
-  });
-});

package/src/Authenticator/common/DefaultFormFields/__tests__/FieldErrors.spec.tsx

@@ -1,29 +0,0 @@
-import React from 'react';
-import { render } from '@testing-library/react-native';
-
-import { FieldErrors } from '../FieldErrors';
-
-describe('FieldErrors', () => {
-  it('renders as expected', () => {
-    const errors = ['error 1', 'error 2'];
-    const { toJSON, findByText } = render(
-      <FieldErrors
-        errors={errors}
-        errorStyle={{ color: 'red' }}
-        style={{ backgroundColor: 'black' }}
-      />
-    );
-
-    expect(findByText('error 1')).toBeDefined();
-    expect(findByText('error 2')).toBeDefined();
-
-    expect(toJSON()).toMatchSnapshot();
-  });
-
-  it('renders as expected with no errors', () => {
-    const { toJSON } = render(<FieldErrors errors={[]} />);
-    expect(toJSON()).toMatchSnapshot();
-
-    expect(toJSON()).toBe(null);
-  });
-});

package/src/Authenticator/common/DefaultFormFields/__tests__/__snapshots__/DefaultFormFields.spec.tsx.snap

@@ -1,3 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`DefaultFormFields renders as expected 1`] = `<View />`;

package/src/Authenticator/common/DefaultFormFields/__tests__/__snapshots__/FieldErrors.spec.tsx.snap

@@ -1,32 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`FieldErrors renders as expected 1`] = `
-<View
-  style={
-    Object {
-      "backgroundColor": "black",
-    }
-  }
->
-  <Text
-    style={
-      Object {
-        "color": "red",
-      }
-    }
-  >
-    error 1
-  </Text>
-  <Text
-    style={
-      Object {
-        "color": "red",
-      }
-    }
-  >
-    error 2
-  </Text>
-</View>
-`;
-
-exports[`FieldErrors renders as expected with no errors 1`] = `null`;

package/src/Authenticator/common/DefaultHeader/__tests__/DefaultHeader.spec.tsx

@@ -1,23 +0,0 @@
-import React from 'react';
-import { render } from '@testing-library/react-native';
-
-import { DefaultHeader } from '..';
-
-const heading = 'test';
-
-describe('DefaultHeader', () => {
-  it('renders as expected with children', () => {
-    const { toJSON, getByRole, getByText } = render(
-      <DefaultHeader>{heading}</DefaultHeader>
-    );
-    expect(toJSON()).toMatchSnapshot();
-
-    expect(getByRole('header')).toBeDefined();
-    expect(getByText(heading)).toBeDefined();
-  });
-
-  it('renders as expected without children', () => {
-    const { toJSON } = render(<DefaultHeader />);
-    expect(toJSON()).toMatchSnapshot();
-  });
-});

package/src/Authenticator/common/DefaultHeader/__tests__/__snapshots__/DefaultHeader.spec.tsx.snap

@@ -1,24 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`DefaultHeader renders as expected with children 1`] = `
-<Text
-  accessibilityRole="header"
-  style={
-    Array [
-      Object {
-        "color": "hsl(210, 50%, 10%)",
-      },
-      Object {
-        "fontSize": 24,
-        "fontWeight": "500",
-        "lineHeight": 36,
-      },
-      undefined,
-    ]
-  }
->
-  test
-</Text>
-`;
-
-exports[`DefaultHeader renders as expected without children 1`] = `null`;