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

package/src/InAppMessaging/components/InAppMessageDisplay/__tests__/InAppMessageDisplay.spec.tsx

@@ -1,34 +0,0 @@
-import React from 'react';
-import { Text, View } from 'react-native';
-import { render } from '@testing-library/react-native';
-import {
-  MessageLayout,
-  useMessage,
-} from '@aws-amplify/ui-react-core-notifications';
-
-import InAppMessageDisplay from '../InAppMessageDisplay';
-
-jest.mock('@aws-amplify/ui-react-core-notifications');
-
-const mockUseMessage = useMessage as jest.Mock;
-
-describe('InAppMessageDisplay', () => {
-  beforeEach(() => {
-    jest.clearAllMocks();
-  });
-
-  it('renders the expected component in the happy path', () => {
-    const Component = ({ layout }: { layout: MessageLayout }) => (
-      <View>
-        <Text>{layout}</Text>
-      </View>
-    );
-    const props = { layout: 'TEST_COMPONENT' };
-
-    mockUseMessage.mockReturnValueOnce({ Component, props });
-
-    const { toJSON } = render(<InAppMessageDisplay />);
-
-    expect(toJSON()).toMatchSnapshot();
-  });
-});

package/src/InAppMessaging/components/InAppMessageDisplay/__tests__/__snapshots__/InAppMessageDisplay.spec.tsx.snap

@@ -1,9 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`InAppMessageDisplay renders the expected component in the happy path 1`] = `
-<View>
-  <Text>
-    TEST_COMPONENT
-  </Text>
-</View>
-`;

package/src/InAppMessaging/components/InAppMessageDisplay/__tests__/handleMessageLinkAction.spec.ts

@@ -1,51 +0,0 @@
-import { Linking } from 'react-native';
-import { ConsoleLogger as Logger } from '@aws-amplify/core';
-
-import handleMessageLinkAction from '../handleMessageLinkAction';
-
-jest.mock('react-native', () => ({
-  Linking: { canOpenURL: jest.fn(), openURL: jest.fn() },
-}));
-
-// use empty mockImplementation to turn off console output
-const warnSpy = jest.spyOn(Logger.prototype, 'warn').mockImplementation();
-
-const url = 'https://docs.amplify.aws/';
-const error = 'ERROR';
-
-describe('handleAction', () => {
-  beforeEach(() => {
-    jest.clearAllMocks();
-  });
-
-  it('logs a warning when Linking.canOpenUrl returns false', async () => {
-    (Linking.canOpenURL as jest.Mock).mockResolvedValueOnce(false);
-
-    await handleMessageLinkAction(url);
-
-    expect(Linking.canOpenURL).toHaveBeenCalledTimes(1);
-    expect(warnSpy).toHaveBeenCalledWith(`Unsupported url provided: ${url}`);
-    expect(Linking.openURL).not.toHaveBeenCalled();
-  });
-
-  it('logs an error when Linking.canOpenUrl fails', async () => {
-    (Linking.canOpenURL as jest.Mock).mockRejectedValueOnce(error);
-
-    await handleMessageLinkAction(url);
-
-    expect(warnSpy).toHaveBeenCalledWith(
-      `Call to Linking.canOpenURL failed: ${error}`
-    );
-  });
-
-  it('logs an error when Linking.openUrl fails', async () => {
-    (Linking.canOpenURL as jest.Mock).mockResolvedValueOnce(true);
-    (Linking.openURL as jest.Mock).mockRejectedValue(error);
-
-    await handleMessageLinkAction(url);
-
-    expect(warnSpy).toHaveBeenCalledWith(
-      `Call to Linking.openURL failed: ${error}`
-    );
-  });
-});

package/src/InAppMessaging/components/MessageWrapper/__tests__/MessageWrapper.spec.tsx

@@ -1,19 +0,0 @@
-import React from 'react';
-import { render } from '@testing-library/react-native';
-import { Text } from 'react-native';
-
-import MessageWrapper from '../MessageWrapper';
-
-const Children = () => <Text>Children</Text>;
-
-describe('MessageWrapper', () => {
-  it('renders as expected', () => {
-    const { toJSON } = render(
-      <MessageWrapper>
-        <Children />
-      </MessageWrapper>
-    );
-
-    expect(toJSON()).toMatchSnapshot();
-  });
-});

package/src/InAppMessaging/components/MessageWrapper/__tests__/__snapshots__/MessageWrapper.spec.tsx.snap

@@ -1,35 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`MessageWrapper renders as expected 1`] = `
-<Modal
-  hardwareAccelerated={false}
-  supportedOrientations={
-    Array [
-      "portrait",
-      "portrait-upside-down",
-      "landscape",
-      "landscape-left",
-      "landscape-right",
-    ]
-  }
-  transparent={true}
-  visible={true}
->
-  <SafeAreaProvider>
-    <SafeAreaView
-      style={
-        Array [
-          Object {
-            "flex": 1,
-          },
-          undefined,
-        ]
-      }
-    >
-      <Text>
-        Children
-      </Text>
-    </SafeAreaView>
-  </SafeAreaProvider>
-</Modal>
-`;

package/src/InAppMessaging/components/ModalMessage/__tests__/ModalMessage.spec.tsx

@@ -1,169 +0,0 @@
-import React from 'react';
-import { fireEvent, render } from '@testing-library/react-native';
-
-import { IN_APP_MESSAGING_TEST_ID } from '../../../constants';
-import { useDeviceOrientation } from '../../../../hooks';
-import { useMessageImage } from '../../../hooks';
-
-import ModalMessage from '../ModalMessage';
-
-jest.mock('../../../../hooks/useDeviceOrientation');
-jest.mock('../../../hooks/useMessageImage');
-jest.mock('../../MessageWrapper', () => ({ MessageWrapper: 'MessageWrapper' }));
-
-const mockUseMessageImage = useMessageImage as jest.Mock;
-const onAction = jest.fn();
-const onClose = jest.fn();
-
-const baseProps = { layout: 'MODAL' as const, onClose };
-
-describe('ModalMessage', () => {
-  beforeEach(() => {
-    jest.clearAllMocks();
-  });
-
-  it.each([
-    ['landscape', false],
-    ['portrait', true],
-  ])('renders as expected in %s mode', (deviceOrientation, isPortraitMode) => {
-    (useDeviceOrientation as jest.Mock).mockReturnValue({
-      deviceOrientation,
-      isPortraitMode,
-    });
-    mockUseMessageImage.mockReturnValueOnce({
-      hasRenderableImage: false,
-      imageDimensions: { height: null, width: null },
-      isImageFetching: false,
-    });
-
-    const { toJSON } = render(<ModalMessage {...baseProps} />);
-
-    expect(toJSON()).toMatchSnapshot();
-  });
-
-  it('renders a message as expected with an image', () => {
-    (useDeviceOrientation as jest.Mock).mockReturnValue({
-      deviceOrientation: 'portrait',
-      isPortraitMode: true,
-    });
-    mockUseMessageImage.mockReturnValueOnce({
-      hasRenderableImage: true,
-      imageDimensions: { height: 100, width: 100 },
-      isImageFetching: false,
-    });
-
-    const src = 'asset.png';
-    const props = { ...baseProps, image: { src } };
-
-    const { toJSON, getByTestId } = render(<ModalMessage {...props} />);
-
-    const image = getByTestId(IN_APP_MESSAGING_TEST_ID.IMAGE);
-
-    expect(image.props).toEqual(
-      expect.objectContaining({ source: { uri: src } })
-    );
-    expect(toJSON()).toMatchSnapshot();
-  });
-
-  it('returns null while an image is fetching', () => {
-    (useDeviceOrientation as jest.Mock).mockReturnValue({
-      deviceOrientation: 'portrait',
-      isPortraitMode: true,
-    });
-    mockUseMessageImage.mockReturnValueOnce({
-      hasRenderableImage: false,
-      imageDimensions: { height: null, width: null },
-      isImageFetching: true,
-    });
-
-    const { toJSON } = render(<ModalMessage {...baseProps} />);
-
-    expect(toJSON()).toBeNull();
-  });
-
-  it.each([
-    [
-      'header',
-      IN_APP_MESSAGING_TEST_ID.HEADER,
-      {
-        testProps: { content: 'header content' },
-        expectedProps: { children: 'header content' },
-      },
-    ],
-    [
-      'body',
-      IN_APP_MESSAGING_TEST_ID.BODY,
-      {
-        testProps: { content: 'body content' },
-        expectedProps: { children: 'body content' },
-      },
-    ],
-  ])(
-    'correctly handles a %s prop',
-    (key, testID, { testProps, expectedProps }) => {
-      mockUseMessageImage.mockReturnValueOnce({
-        hasRenderableImage: false,
-        imageDimensions: { height: undefined, width: undefined },
-        isImageFetching: false,
-      });
-
-      const props = { ...baseProps, [key]: testProps };
-
-      const { getByTestId } = render(<ModalMessage {...props} />);
-      const testElement = getByTestId(testID);
-
-      for (const [key, value] of Object.entries(expectedProps)) {
-        expect(testElement.props[key]).toEqual(value);
-      }
-    }
-  );
-
-  it.each([
-    [
-      'primaryButton',
-      IN_APP_MESSAGING_TEST_ID.PRIMARY_BUTTON,
-      {
-        testProps: { onAction, title: 'primary button' },
-      },
-    ],
-    [
-      'secondaryButton',
-      IN_APP_MESSAGING_TEST_ID.SECONDARY_BUTTON,
-      {
-        testProps: { onAction, title: 'secondary button' },
-      },
-    ],
-  ])('correctly handles a %s prop', (key, testID, { testProps }) => {
-    mockUseMessageImage.mockReturnValueOnce({
-      hasRenderableImage: false,
-      imageDimensions: { height: undefined, width: undefined },
-      isImageFetching: false,
-    });
-
-    const props = { ...baseProps, [key]: testProps };
-    const { toJSON, getByRole, getByTestId, getByText, queryAllByRole } =
-      render(<ModalMessage {...props} />);
-
-    expect(toJSON()).toMatchSnapshot();
-    expect(queryAllByRole('button')).toHaveLength(2);
-    expect(getByTestId(testID)).toBeDefined();
-    expect(getByTestId(IN_APP_MESSAGING_TEST_ID.CLOSE_BUTTON)).toBeDefined();
-
-    expect(getByRole('image')).toBeDefined();
-    expect(getByText(testProps.title)).toBeDefined();
-  });
-
-  it('calls onClose when the close button is pressed', () => {
-    mockUseMessageImage.mockReturnValueOnce({
-      hasRenderableImage: false,
-      imageDimensions: { height: null, width: null },
-      isImageFetching: false,
-    });
-
-    const { getByTestId } = render(<ModalMessage {...baseProps} />);
-    const closeButton = getByTestId(IN_APP_MESSAGING_TEST_ID.CLOSE_BUTTON);
-
-    fireEvent.press(closeButton);
-    expect(onClose).toHaveBeenCalledTimes(1);
-  });
-});