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

package/src/InAppMessaging/components/CarouselMessage/__tests__/CarouselMessageItem.spec.tsx

@@ -1,50 +0,0 @@
-import React from 'react';
-import { render } from '@testing-library/react-native';
-
-import { useDeviceOrientation } from '../../../../hooks';
-import { useMessageImage } from '../../../hooks/useMessageImage';
-
-import CarouselMessageItem from '../CarouselMessageItem';
-
-jest.mock('../../../../hooks');
-jest.mock('../../../hooks/useMessageImage');
-jest.mock('../../MessageLayout', () => ({ MessageLayout: 'MessageLayout' }));
-jest.mock('../../MessageWrapper', () => ({ MessageWrapper: 'MessageWrapper' }));
-
-const baseProps = { layout: 'CAROUSEL' as const };
-
-describe('CarouselMessageItem', () => {
-  beforeEach(() => {
-    jest.clearAllMocks();
-  });
-
-  it.each([
-    ['landscape', false],
-    ['portrait', true],
-  ])('renders as expected in %s mode', (deviceOrientation, isPortraitMode) => {
-    (useDeviceOrientation as jest.Mock).mockReturnValue({
-      deviceOrientation,
-      isPortraitMode,
-    });
-    (useMessageImage as jest.Mock).mockReturnValueOnce({
-      hasRenderableImage: false,
-      imageDimensions: { height: null, width: null },
-      isImageFetching: false,
-    });
-
-    const { toJSON } = render(<CarouselMessageItem {...baseProps} />);
-
-    expect(toJSON()).toMatchSnapshot();
-  });
-
-  it('returns null if message is not ready for rendering', () => {
-    (useMessageImage as jest.Mock).mockReturnValueOnce({
-      hasRenderableImage: false,
-      imageDimensions: { height: null, width: null },
-      isImageFetching: true,
-    });
-    const { toJSON } = render(<CarouselMessageItem {...baseProps} />);
-
-    expect(toJSON()).toBeNull();
-  });
-});

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

@@ -1,124 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`CarouselMessage allows style overrides 1`] = `
-<MessageWrapper
-  disableSafeAreaView={true}
->
-  <Carousel
-    data={Array []}
-    indicatorActiveStyle={
-      Array [
-        Object {
-          "backgroundColor": "#a1a1a1",
-          "borderRadius": 6,
-          "height": 12,
-          "margin": 4,
-          "width": 12,
-        },
-        Object {
-          "backgroundColor": "red",
-        },
-      ]
-    }
-    indicatorInactiveStyle={
-      Array [
-        Object {
-          "backgroundColor": "#d8d8d8",
-          "borderRadius": 6,
-          "height": 12,
-          "margin": 4,
-          "width": 12,
-        },
-        Object {
-          "backgroundColor": "blue",
-        },
-      ]
-    }
-    renderItem={[Function]}
-    testID="in-app-messaging--carousel"
-  />
-</MessageWrapper>
-`;
-
-exports[`CarouselMessage renders as expected 1`] = `
-<MessageWrapper
-  disableSafeAreaView={true}
->
-  <Carousel
-    data={Array []}
-    indicatorActiveStyle={
-      Array [
-        Object {
-          "backgroundColor": "#a1a1a1",
-          "borderRadius": 6,
-          "height": 12,
-          "margin": 4,
-          "width": 12,
-        },
-        undefined,
-      ]
-    }
-    indicatorInactiveStyle={
-      Array [
-        Object {
-          "backgroundColor": "#d8d8d8",
-          "borderRadius": 6,
-          "height": 12,
-          "margin": 4,
-          "width": 12,
-        },
-        undefined,
-      ]
-    }
-    renderItem={[Function]}
-    testID="in-app-messaging--carousel"
-  />
-</MessageWrapper>
-`;
-
-exports[`CarouselMessage renders as expected with minimal props 1`] = `
-<MessageWrapper
-  disableSafeAreaView={true}
->
-  <Carousel
-    data={Array []}
-    indicatorActiveStyle={
-      Array [
-        Object {
-          "backgroundColor": "#a1a1a1",
-          "borderRadius": 6,
-          "height": 12,
-          "margin": 4,
-          "width": 12,
-        },
-        undefined,
-      ]
-    }
-    indicatorInactiveStyle={
-      Array [
-        Object {
-          "backgroundColor": "#d8d8d8",
-          "borderRadius": 6,
-          "height": 12,
-          "margin": 4,
-          "width": 12,
-        },
-        undefined,
-      ]
-    }
-    renderItem={[Function]}
-    testID="in-app-messaging--carousel"
-  />
-</MessageWrapper>
-`;
-
-exports[`CarouselMessage renders items 1`] = `
-<CarouselMessageItem
-  image={
-    Object {
-      "src": "image-src",
-    }
-  }
-  layout="CAROUSEL"
-/>
-`;

package/src/InAppMessaging/components/CarouselMessage/__tests__/__snapshots__/CarouselMessageItem.spec.tsx.snap

@@ -1,248 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`CarouselMessageItem renders as expected in landscape mode 1`] = `
-<SafeAreaView
-  style={
-    Array [
-      Object {
-        "backgroundColor": "#fff",
-        "flex": 1,
-      },
-      Object {},
-      Object {},
-      Object {},
-    ]
-  }
->
-  <MessageLayout
-    hasButtons={false}
-    hasPrimaryButton={false}
-    hasRenderableImage={false}
-    hasSecondaryButton={false}
-    layout="CAROUSEL"
-    orientation="landscape"
-    shouldRenderMessage={true}
-    styles={
-      Object {
-        "body": Array [
-          Object {
-            "fontSize": 16,
-            "fontWeight": "400",
-            "lineHeight": 24,
-          },
-          Object {},
-          undefined,
-        ],
-        "buttonsContainer": Object {
-          "flexDirection": "row",
-          "justifyContent": "center",
-        },
-        "container": Array [
-          Array [
-            Object {
-              "flex": 1,
-              "padding": 16,
-            },
-            Object {},
-            Object {},
-          ],
-          Object {
-            "paddingBottom": 36,
-          },
-        ],
-        "contentContainer": Object {
-          "alignContent": "center",
-          "flex": 1,
-          "flexDirection": "row",
-          "justifyContent": "center",
-        },
-        "header": Array [
-          Object {
-            "fontSize": 18,
-            "fontWeight": "600",
-            "lineHeight": 27,
-          },
-          Object {},
-          undefined,
-        ],
-        "iconButton": Object {
-          "container": Array [
-            Object {
-              "alignSelf": "flex-start",
-              "marginBottom": 8,
-              "marginLeft": "auto",
-              "marginRight": 8,
-            },
-            undefined,
-          ],
-          "iconColor": undefined,
-        },
-        "image": Array [
-          Object {
-            "height": null,
-            "width": null,
-          },
-          undefined,
-        ],
-        "imageContainer": Object {
-          "alignItems": "center",
-          "justifyContent": "center",
-          "margin": 12,
-        },
-        "primaryButton": Object {
-          "container": [Function],
-          "text": Array [
-            Object {
-              "fontSize": 16,
-              "fontWeight": "400",
-              "lineHeight": 24,
-              "textAlign": "center",
-            },
-            Object {},
-            Object {},
-          ],
-        },
-        "secondaryButton": Object {
-          "container": [Function],
-          "text": Array [
-            Object {
-              "fontSize": 16,
-              "fontWeight": "400",
-              "lineHeight": 24,
-              "textAlign": "center",
-            },
-            Object {},
-            Object {},
-          ],
-        },
-        "textContainer": Object {
-          "flex": 1,
-          "justifyContent": "center",
-          "paddingHorizontal": 8,
-        },
-      }
-    }
-  />
-</SafeAreaView>
-`;
-
-exports[`CarouselMessageItem renders as expected in portrait mode 1`] = `
-<SafeAreaView
-  style={
-    Array [
-      Object {
-        "backgroundColor": "#fff",
-        "flex": 1,
-      },
-      Object {},
-      Object {},
-      Object {},
-    ]
-  }
->
-  <MessageLayout
-    hasButtons={false}
-    hasPrimaryButton={false}
-    hasRenderableImage={false}
-    hasSecondaryButton={false}
-    layout="CAROUSEL"
-    orientation="portrait"
-    shouldRenderMessage={true}
-    styles={
-      Object {
-        "body": Array [
-          Object {
-            "fontSize": 16,
-            "fontWeight": "400",
-            "lineHeight": 24,
-          },
-          Object {},
-          undefined,
-        ],
-        "buttonsContainer": Object {
-          "flexDirection": "row",
-          "justifyContent": "center",
-        },
-        "container": Array [
-          Array [
-            Object {
-              "flex": 1,
-              "padding": 16,
-            },
-            Object {},
-            Object {},
-          ],
-          Object {
-            "paddingBottom": 36,
-          },
-        ],
-        "contentContainer": Object {
-          "flex": 1,
-        },
-        "header": Array [
-          Object {
-            "fontSize": 18,
-            "fontWeight": "600",
-            "lineHeight": 27,
-          },
-          Object {},
-          undefined,
-        ],
-        "iconButton": Object {
-          "container": Array [
-            Object {
-              "alignSelf": "flex-start",
-              "marginBottom": 8,
-              "marginLeft": "auto",
-              "marginRight": 8,
-            },
-            undefined,
-          ],
-          "iconColor": undefined,
-        },
-        "image": Array [
-          Object {
-            "height": null,
-            "width": null,
-          },
-          undefined,
-        ],
-        "imageContainer": Object {
-          "alignItems": "center",
-          "margin": 12,
-        },
-        "primaryButton": Object {
-          "container": [Function],
-          "text": Array [
-            Object {
-              "fontSize": 16,
-              "fontWeight": "400",
-              "lineHeight": 24,
-              "textAlign": "center",
-            },
-            Object {},
-            Object {},
-          ],
-        },
-        "secondaryButton": Object {
-          "container": [Function],
-          "text": Array [
-            Object {
-              "fontSize": 16,
-              "fontWeight": "400",
-              "lineHeight": 24,
-              "textAlign": "center",
-            },
-            Object {},
-            Object {},
-          ],
-        },
-        "textContainer": Object {
-          "marginVertical": 12,
-          "paddingHorizontal": 8,
-        },
-      }
-    }
-  />
-</SafeAreaView>
-`;

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

@@ -1,53 +0,0 @@
-import React from 'react';
-import { render } from '@testing-library/react-native';
-
-import { useDeviceOrientation } from '../../../../hooks';
-import { useMessageImage } from '../../../hooks';
-
-import FullScreenMessage from '../FullScreenMessage';
-
-jest.mock('../../../../hooks');
-jest.mock('../../../hooks/useMessageImage');
-jest.mock('../../MessageWrapper', () => ({ MessageWrapper: 'MessageWrapper' }));
-jest.mock('../../MessageLayout', () => ({ MessageLayout: 'MessageLayout' }));
-
-const baseProps = { layout: 'FULL_SCREEN' as const };
-
-const mockUseMessageImage = useMessageImage as jest.Mock;
-
-describe('FullScreenMessage', () => {
-  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(<FullScreenMessage {...baseProps} />);
-
-    expect(toJSON()).toMatchSnapshot();
-  });
-
-  it('returns null while an image is fetching', () => {
-    mockUseMessageImage.mockReturnValueOnce({
-      hasRenderableImage: false,
-      imageDimensions: { height: null, width: null },
-      isImageFetching: true,
-    });
-
-    const { toJSON } = render(<FullScreenMessage {...baseProps} />);
-
-    expect(toJSON()).toBeNull();
-  });
-});

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

@@ -1,238 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`FullScreenMessage renders as expected in landscape mode 1`] = `
-<MessageWrapper
-  style={
-    Array [
-      Object {
-        "backgroundColor": "#fff",
-        "flex": 1,
-      },
-      Object {},
-      Object {},
-      Object {},
-    ]
-  }
->
-  <MessageLayout
-    hasButtons={false}
-    hasPrimaryButton={false}
-    hasRenderableImage={false}
-    hasSecondaryButton={false}
-    layout="FULL_SCREEN"
-    orientation="landscape"
-    shouldRenderMessage={true}
-    styles={
-      Object {
-        "body": Array [
-          Object {
-            "fontSize": 16,
-            "fontWeight": "400",
-            "lineHeight": 24,
-          },
-          Object {},
-          undefined,
-        ],
-        "buttonsContainer": Object {
-          "flexDirection": "row",
-          "justifyContent": "center",
-        },
-        "container": Array [
-          Object {
-            "flex": 1,
-            "padding": 16,
-          },
-          Object {},
-          Object {},
-        ],
-        "contentContainer": Object {
-          "flex": 1,
-          "flexDirection": "row",
-        },
-        "header": Array [
-          Object {
-            "fontSize": 18,
-            "fontWeight": "600",
-            "lineHeight": 27,
-          },
-          Object {},
-          undefined,
-        ],
-        "iconButton": Object {
-          "container": Array [
-            Object {
-              "alignSelf": "flex-start",
-              "marginBottom": 8,
-              "marginLeft": "auto",
-              "marginRight": 8,
-            },
-            undefined,
-          ],
-          "iconColor": undefined,
-        },
-        "image": Array [
-          Object {
-            "height": null,
-            "width": null,
-          },
-          undefined,
-        ],
-        "imageContainer": Object {
-          "alignItems": "center",
-          "justifyContent": "center",
-          "margin": 12,
-        },
-        "primaryButton": Object {
-          "container": [Function],
-          "text": Array [
-            Object {
-              "fontSize": 16,
-              "fontWeight": "400",
-              "lineHeight": 24,
-              "textAlign": "center",
-            },
-            Object {},
-            Object {},
-          ],
-        },
-        "secondaryButton": Object {
-          "container": [Function],
-          "text": Array [
-            Object {
-              "fontSize": 16,
-              "fontWeight": "400",
-              "lineHeight": 24,
-              "textAlign": "center",
-            },
-            Object {},
-            Object {},
-          ],
-        },
-        "textContainer": Object {
-          "flex": 1,
-          "justifyContent": "center",
-          "paddingHorizontal": 8,
-        },
-      }
-    }
-    testID="inappmessaging-fullscreen-dialog"
-  />
-</MessageWrapper>
-`;
-
-exports[`FullScreenMessage renders as expected in portrait mode 1`] = `
-<MessageWrapper
-  style={
-    Array [
-      Object {
-        "backgroundColor": "#fff",
-      },
-      Object {},
-      Object {},
-      Object {},
-    ]
-  }
->
-  <MessageLayout
-    hasButtons={false}
-    hasPrimaryButton={false}
-    hasRenderableImage={false}
-    hasSecondaryButton={false}
-    layout="FULL_SCREEN"
-    orientation="portrait"
-    shouldRenderMessage={true}
-    styles={
-      Object {
-        "body": Array [
-          Object {
-            "fontSize": 16,
-            "fontWeight": "400",
-            "lineHeight": 24,
-          },
-          Object {},
-          undefined,
-        ],
-        "buttonsContainer": Object {
-          "flexDirection": "row",
-          "justifyContent": "center",
-          "marginTop": "auto",
-        },
-        "container": Array [
-          Object {
-            "flex": 1,
-            "padding": 16,
-          },
-          Object {},
-          Object {},
-        ],
-        "contentContainer": Object {
-          "flex": 1,
-        },
-        "header": Array [
-          Object {
-            "fontSize": 18,
-            "fontWeight": "600",
-            "lineHeight": 27,
-          },
-          Object {},
-          undefined,
-        ],
-        "iconButton": Object {
-          "container": Array [
-            Object {
-              "alignSelf": "flex-start",
-              "marginBottom": 8,
-              "marginLeft": "auto",
-              "marginRight": 8,
-            },
-            undefined,
-          ],
-          "iconColor": undefined,
-        },
-        "image": Array [
-          Object {
-            "height": null,
-            "width": null,
-          },
-          undefined,
-        ],
-        "imageContainer": Object {
-          "alignItems": "center",
-          "margin": 12,
-        },
-        "primaryButton": Object {
-          "container": [Function],
-          "text": Array [
-            Object {
-              "fontSize": 16,
-              "fontWeight": "400",
-              "lineHeight": 24,
-              "textAlign": "center",
-            },
-            Object {},
-            Object {},
-          ],
-        },
-        "secondaryButton": Object {
-          "container": [Function],
-          "text": Array [
-            Object {
-              "fontSize": 16,
-              "fontWeight": "400",
-              "lineHeight": 24,
-              "textAlign": "center",
-            },
-            Object {},
-            Object {},
-          ],
-        },
-        "textContainer": Object {
-          "marginVertical": 12,
-          "paddingHorizontal": 8,
-        },
-      }
-    }
-    testID="inappmessaging-fullscreen-dialog"
-  />
-</MessageWrapper>
-`;