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

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

@@ -1,67 +0,0 @@
-import React from 'react';
-import { fireEvent, render, renderHook } from '@testing-library/react-native';
-
-import { icons } from '../../../../assets';
-import FederatedProviderButton from '../FederatedProviderButton';
-import { useTheme } from '../../../../theme';
-import { getThemedStyles as getButtonThemedStyles } from '../../../../primitives/Button/styles';
-import { styles } from '../styles';
-
-const signInText = 'Sign In with Amazon';
-
-describe('FederatedProviderButton', () => {
-  it('renders default button as expected', () => {
-    const { toJSON, getByRole } = render(
-      <FederatedProviderButton source={icons.amazonLogo}>
-        {signInText}
-      </FederatedProviderButton>
-    );
-    expect(toJSON()).toMatchSnapshot();
-
-    expect(getByRole('button')).toBeDefined();
-    const icon = getByRole('image');
-    expect(icon).toBeDefined();
-    expect(icon.props.source).toEqual(icons.amazonLogo);
-  });
-
-  it('handles an onPress callback', () => {
-    const toFederatedSignInMock = jest.fn();
-    const { getByText } = render(
-      <FederatedProviderButton
-        source={icons.amazonLogo}
-        onPress={toFederatedSignInMock}
-      >
-        {signInText}
-      </FederatedProviderButton>
-    );
-
-    const button = getByText(signInText);
-    fireEvent.press(button);
-
-    expect(toFederatedSignInMock).toHaveBeenCalledTimes(1);
-  });
-
-  it('applies style props', () => {
-    const customStyle = { backgroundColor: 'blue' };
-
-    const { toJSON, getByRole } = render(
-      <FederatedProviderButton source={icons.amazonLogo} style={customStyle}>
-        {signInText}
-      </FederatedProviderButton>
-    );
-
-    const { result } = renderHook(() => useTheme());
-    const buttonThemedStyle = getButtonThemedStyles(result.current);
-    expect(getByRole('button').props.style).toStrictEqual([
-      { ...buttonThemedStyle.container, ...buttonThemedStyle.containerDefault },
-      undefined, // button pressed styles
-      [
-        styles.container,
-        undefined, // pressed style
-        customStyle,
-      ],
-    ]);
-
-    expect(toJSON()).toMatchSnapshot();
-  });
-});

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

@@ -1,185 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`FederatedProviderButton applies style props 1`] = `
-<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,
-      Array [
-        Object {
-          "alignItems": "center",
-          "borderRadius": 4,
-          "borderWidth": 0.5,
-          "flexDirection": "row",
-          "justifyContent": "center",
-          "paddingVertical": 8,
-          "width": "100%",
-        },
-        undefined,
-        Object {
-          "backgroundColor": "blue",
-        },
-      ],
-    ]
-  }
->
-  <Image
-    accessibilityRole="image"
-    source={
-      Object {
-        "testUri": "../../../src/assets/icons/amazonLogo.png",
-      }
-    }
-    style={
-      Array [
-        Object {
-          "height": 20,
-          "resizeMode": "contain",
-          "tintColor": undefined,
-          "width": 20,
-        },
-        Object {
-          "paddingHorizontal": 16,
-        },
-      ]
-    }
-  />
-  <Text
-    accessibilityRole="text"
-    style={
-      Array [
-        Object {
-          "fontSize": 16,
-          "fontWeight": "400",
-          "lineHeight": 24,
-        },
-        Object {
-          "color": "hsl(210, 50%, 10%)",
-        },
-        Array [
-          Object {
-            "fontWeight": "400",
-          },
-          undefined,
-        ],
-      ]
-    }
-  >
-    Sign In with Amazon
-  </Text>
-</View>
-`;
-
-exports[`FederatedProviderButton renders default button as expected 1`] = `
-<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,
-      Array [
-        Object {
-          "alignItems": "center",
-          "borderRadius": 4,
-          "borderWidth": 0.5,
-          "flexDirection": "row",
-          "justifyContent": "center",
-          "paddingVertical": 8,
-          "width": "100%",
-        },
-        undefined,
-        undefined,
-      ],
-    ]
-  }
->
-  <Image
-    accessibilityRole="image"
-    source={
-      Object {
-        "testUri": "../../../src/assets/icons/amazonLogo.png",
-      }
-    }
-    style={
-      Array [
-        Object {
-          "height": 20,
-          "resizeMode": "contain",
-          "tintColor": undefined,
-          "width": 20,
-        },
-        Object {
-          "paddingHorizontal": 16,
-        },
-      ]
-    }
-  />
-  <Text
-    accessibilityRole="text"
-    style={
-      Array [
-        Object {
-          "fontSize": 16,
-          "fontWeight": "400",
-          "lineHeight": 24,
-        },
-        Object {
-          "color": "hsl(210, 50%, 10%)",
-        },
-        Array [
-          Object {
-            "fontWeight": "400",
-          },
-          undefined,
-        ],
-      ]
-    }
-  >
-    Sign In with Amazon
-  </Text>
-</View>
-`;

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

@@ -1,55 +0,0 @@
-import React from 'react';
-import { fireEvent, render } from '@testing-library/react-native';
-
-import FederatedProviderButtons from '../FederatedProviderButtons';
-
-const toFederatedSignIn = jest.fn();
-const providerButtonText = 'Sign In with Amazon';
-
-describe('FederatedProviderButtons', () => {
-  beforeEach(() => {
-    jest.resetAllMocks();
-  });
-
-  it('renders as expected', () => {
-    const { getByText, toJSON } = render(
-      <FederatedProviderButtons
-        socialProviders={['amazon']}
-        toFederatedSignIn={toFederatedSignIn}
-      />
-    );
-
-    const providerButton = getByText(providerButtonText);
-    expect(providerButton).toBeDefined();
-
-    expect(toJSON()).toMatchSnapshot();
-  });
-
-  it('renders null when socialProviders is empty', () => {
-    const { toJSON } = render(
-      <FederatedProviderButtons
-        socialProviders={[]}
-        toFederatedSignIn={toFederatedSignIn}
-      />
-    );
-
-    expect(toJSON()).toBe(null);
-  });
-
-  it('calls toFederatedSignIn with the expected provider on press', () => {
-    const provider = 'amazon';
-    const { getByText } = render(
-      <FederatedProviderButtons
-        socialProviders={[provider]}
-        toFederatedSignIn={toFederatedSignIn}
-      />
-    );
-
-    const providerButton = getByText(providerButtonText);
-    expect(providerButton).toBeDefined();
-
-    fireEvent.press(providerButton);
-
-    expect(toFederatedSignIn).toBeCalledWith({ provider });
-  });
-});

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

@@ -1,167 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`FederatedProviderButtons renders as expected 1`] = `
-<View
-  style={
-    Object {
-      "paddingVertical": 4,
-    }
-  }
->
-  <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,
-        Array [
-          Object {
-            "alignItems": "center",
-            "borderRadius": 4,
-            "borderWidth": 0.5,
-            "flexDirection": "row",
-            "justifyContent": "center",
-            "paddingVertical": 8,
-            "width": "100%",
-          },
-          undefined,
-          Object {
-            "marginVertical": 8,
-          },
-        ],
-      ]
-    }
-  >
-    <Image
-      accessibilityRole="image"
-      source={
-        Object {
-          "testUri": "../../../src/assets/icons/amazonLogo.png",
-        }
-      }
-      style={
-        Array [
-          Object {
-            "height": 20,
-            "resizeMode": "contain",
-            "tintColor": undefined,
-            "width": 20,
-          },
-          Object {
-            "paddingHorizontal": 16,
-          },
-        ]
-      }
-    />
-    <Text
-      accessibilityRole="text"
-      style={
-        Array [
-          Object {
-            "fontSize": 16,
-            "fontWeight": "400",
-            "lineHeight": 24,
-          },
-          Object {
-            "color": "hsl(210, 50%, 10%)",
-          },
-          Array [
-            Object {
-              "fontWeight": "400",
-            },
-            undefined,
-          ],
-        ]
-      }
-    >
-      Sign In with Amazon
-    </Text>
-  </View>
-  <View
-    style={
-      Array [
-        Object {
-          "alignItems": "center",
-          "flexDirection": "row",
-        },
-        undefined,
-      ]
-    }
-  >
-    <View
-      style={
-        Array [
-          Object {
-            "backgroundColor": "hsl(0, 0%, 0%)",
-            "flex": 1,
-            "height": 0.5,
-          },
-          undefined,
-        ]
-      }
-      testID="amplify__divider__line"
-    />
-    <Text
-      accessibilityRole="text"
-      style={
-        Array [
-          Object {
-            "fontSize": 16,
-            "fontWeight": "400",
-            "lineHeight": 24,
-          },
-          Object {
-            "color": "hsl(210, 50%, 10%)",
-          },
-          Array [
-            Object {
-              "fontSize": 16,
-              "margin": 16,
-              "textAlign": "center",
-            },
-            Object {
-              "paddingVertical": 8,
-              "textAlign": "center",
-            },
-          ],
-        ]
-      }
-    >
-      Or
-    </Text>
-    <View
-      style={
-        Array [
-          Object {
-            "backgroundColor": "hsl(0, 0%, 0%)",
-            "flex": 1,
-            "height": 0.5,
-          },
-          undefined,
-        ]
-      }
-    />
-  </View>
-</View>
-`;