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

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

@@ -1,618 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`BannerMessage correctly handles a primaryButton button prop 1`] = `
-<MessageWrapper
-  style={
-    Object {
-      "backgroundColor": "transparent",
-      "flex": 1,
-      "justifyContent": "flex-start",
-    }
-  }
->
-  <View
-    style={
-      Array [
-        Object {
-          "backgroundColor": "#fff",
-          "elevation": 3,
-          "margin": 16,
-          "shadowColor": "#000",
-          "shadowOffset": Object {
-            "height": 2,
-            "width": 2,
-          },
-          "shadowOpacity": 0.1,
-          "shadowRadius": 2,
-        },
-        Object {},
-        Object {},
-      ]
-    }
-    testID="inappmessaging-topbanner-dialog"
-  >
-    <View
-      style={
-        Object {
-          "flexDirection": "row",
-          "padding": 12,
-        }
-      }
-    >
-      <View
-        style={
-          Object {
-            "flex": 1,
-            "paddingHorizontal": 8,
-          }
-        }
-      />
-      <View
-        accessibilityRole="button"
-        accessible={true}
-        collapsable={false}
-        focusable={true}
-        hitSlop={
-          Object {
-            "bottom": 10,
-            "left": 10,
-            "right": 10,
-            "top": 10,
-          }
-        }
-        onBlur={[Function]}
-        onClick={[Function]}
-        onFocus={[Function]}
-        onResponderGrant={[Function]}
-        onResponderMove={[Function]}
-        onResponderRelease={[Function]}
-        onResponderTerminate={[Function]}
-        onResponderTerminationRequest={[Function]}
-        onStartShouldSetResponder={[Function]}
-        style={
-          Array [
-            Object {},
-            undefined,
-            Array [
-              Object {
-                "alignSelf": "flex-start",
-                "marginLeft": "auto",
-              },
-              undefined,
-            ],
-          ]
-        }
-        testID="in-app-messaging--close-button"
-      >
-        <Image
-          accessibilityRole="image"
-          source={
-            Object {
-              "testUri": "../../../src/assets/icons/close.png",
-            }
-          }
-          style={
-            Array [
-              Object {
-                "height": 20,
-                "resizeMode": "contain",
-                "tintColor": undefined,
-                "width": 20,
-              },
-              undefined,
-            ]
-          }
-        />
-      </View>
-    </View>
-    <View
-      style={
-        Object {
-          "flexDirection": "row",
-          "justifyContent": "center",
-          "padding": 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 {},
-              Object {
-                "backgroundColor": "#e8e8e8",
-                "borderRadius": 4,
-                "flex": 1,
-                "margin": 8,
-                "padding": 12,
-              },
-              Object {},
-              Object {},
-            ],
-          ]
-        }
-        testID="in-app-messaging--primary-button"
-      >
-        <Text
-          style={
-            Array [
-              Object {
-                "color": "hsl(210, 50%, 10%)",
-                "fontSize": 16,
-                "fontWeight": "700",
-                "textAlign": "center",
-              },
-              Array [
-                Object {
-                  "fontSize": 16,
-                  "fontWeight": "400",
-                  "lineHeight": 24,
-                  "textAlign": "center",
-                },
-                Object {},
-                Object {},
-              ],
-            ]
-          }
-        >
-          primary button
-        </Text>
-      </View>
-    </View>
-  </View>
-</MessageWrapper>
-`;
-
-exports[`BannerMessage correctly handles a secondaryButton button prop 1`] = `
-<MessageWrapper
-  style={
-    Object {
-      "backgroundColor": "transparent",
-      "flex": 1,
-      "justifyContent": "flex-start",
-    }
-  }
->
-  <View
-    style={
-      Array [
-        Object {
-          "backgroundColor": "#fff",
-          "elevation": 3,
-          "margin": 16,
-          "shadowColor": "#000",
-          "shadowOffset": Object {
-            "height": 2,
-            "width": 2,
-          },
-          "shadowOpacity": 0.1,
-          "shadowRadius": 2,
-        },
-        Object {},
-        Object {},
-      ]
-    }
-    testID="inappmessaging-topbanner-dialog"
-  >
-    <View
-      style={
-        Object {
-          "flexDirection": "row",
-          "padding": 12,
-        }
-      }
-    >
-      <View
-        style={
-          Object {
-            "flex": 1,
-            "paddingHorizontal": 8,
-          }
-        }
-      />
-      <View
-        accessibilityRole="button"
-        accessible={true}
-        collapsable={false}
-        focusable={true}
-        hitSlop={
-          Object {
-            "bottom": 10,
-            "left": 10,
-            "right": 10,
-            "top": 10,
-          }
-        }
-        onBlur={[Function]}
-        onClick={[Function]}
-        onFocus={[Function]}
-        onResponderGrant={[Function]}
-        onResponderMove={[Function]}
-        onResponderRelease={[Function]}
-        onResponderTerminate={[Function]}
-        onResponderTerminationRequest={[Function]}
-        onStartShouldSetResponder={[Function]}
-        style={
-          Array [
-            Object {},
-            undefined,
-            Array [
-              Object {
-                "alignSelf": "flex-start",
-                "marginLeft": "auto",
-              },
-              undefined,
-            ],
-          ]
-        }
-        testID="in-app-messaging--close-button"
-      >
-        <Image
-          accessibilityRole="image"
-          source={
-            Object {
-              "testUri": "../../../src/assets/icons/close.png",
-            }
-          }
-          style={
-            Array [
-              Object {
-                "height": 20,
-                "resizeMode": "contain",
-                "tintColor": undefined,
-                "width": 20,
-              },
-              undefined,
-            ]
-          }
-        />
-      </View>
-    </View>
-    <View
-      style={
-        Object {
-          "flexDirection": "row",
-          "justifyContent": "center",
-          "padding": 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 {},
-              Object {
-                "backgroundColor": "#e8e8e8",
-                "borderRadius": 4,
-                "flex": 1,
-                "margin": 8,
-                "padding": 12,
-              },
-              Object {},
-              Object {},
-            ],
-          ]
-        }
-        testID="in-app-messaging--secondary-button"
-      >
-        <Text
-          style={
-            Array [
-              Object {
-                "color": "hsl(210, 50%, 10%)",
-                "fontSize": 16,
-                "fontWeight": "700",
-                "textAlign": "center",
-              },
-              Array [
-                Object {
-                  "fontSize": 16,
-                  "fontWeight": "400",
-                  "lineHeight": 24,
-                  "textAlign": "center",
-                },
-                Object {},
-                Object {},
-              ],
-            ]
-          }
-        >
-          secondary button
-        </Text>
-      </View>
-    </View>
-  </View>
-</MessageWrapper>
-`;
-
-exports[`BannerMessage renders a message as expected with an image 1`] = `
-<MessageWrapper
-  style={
-    Object {
-      "backgroundColor": "transparent",
-      "flex": 1,
-      "justifyContent": "flex-start",
-    }
-  }
->
-  <View
-    style={
-      Array [
-        Object {
-          "backgroundColor": "#fff",
-          "elevation": 3,
-          "margin": 16,
-          "shadowColor": "#000",
-          "shadowOffset": Object {
-            "height": 2,
-            "width": 2,
-          },
-          "shadowOpacity": 0.1,
-          "shadowRadius": 2,
-        },
-        Object {},
-        Object {},
-      ]
-    }
-    testID="inappmessaging-topbanner-dialog"
-  >
-    <View
-      style={
-        Object {
-          "flexDirection": "row",
-          "padding": 12,
-        }
-      }
-    >
-      <View
-        style={
-          Object {
-            "justifyContent": "center",
-          }
-        }
-      >
-        <Image
-          source={
-            Object {
-              "uri": "asset.png",
-            }
-          }
-          style={
-            Array [
-              Object {
-                "height": 100,
-                "width": 100,
-              },
-              undefined,
-            ]
-          }
-          testID="in-app-messaging--image"
-        />
-      </View>
-      <View
-        style={
-          Object {
-            "flex": 1,
-            "paddingHorizontal": 8,
-          }
-        }
-      />
-      <View
-        accessibilityRole="button"
-        accessible={true}
-        collapsable={false}
-        focusable={true}
-        hitSlop={
-          Object {
-            "bottom": 10,
-            "left": 10,
-            "right": 10,
-            "top": 10,
-          }
-        }
-        onBlur={[Function]}
-        onClick={[Function]}
-        onFocus={[Function]}
-        onResponderGrant={[Function]}
-        onResponderMove={[Function]}
-        onResponderRelease={[Function]}
-        onResponderTerminate={[Function]}
-        onResponderTerminationRequest={[Function]}
-        onStartShouldSetResponder={[Function]}
-        style={
-          Array [
-            Object {},
-            undefined,
-            Array [
-              Object {
-                "alignSelf": "flex-start",
-                "marginLeft": "auto",
-              },
-              undefined,
-            ],
-          ]
-        }
-        testID="in-app-messaging--close-button"
-      >
-        <Image
-          accessibilityRole="image"
-          source={
-            Object {
-              "testUri": "../../../src/assets/icons/close.png",
-            }
-          }
-          style={
-            Array [
-              Object {
-                "height": 20,
-                "resizeMode": "contain",
-                "tintColor": undefined,
-                "width": 20,
-              },
-              undefined,
-            ]
-          }
-        />
-      </View>
-    </View>
-  </View>
-</MessageWrapper>
-`;
-
-exports[`BannerMessage renders a message as expected without an image 1`] = `
-<MessageWrapper
-  style={
-    Object {
-      "backgroundColor": "transparent",
-      "flex": 1,
-      "justifyContent": "flex-start",
-    }
-  }
->
-  <View
-    style={
-      Array [
-        Object {
-          "backgroundColor": "#fff",
-          "elevation": 3,
-          "margin": 16,
-          "shadowColor": "#000",
-          "shadowOffset": Object {
-            "height": 2,
-            "width": 2,
-          },
-          "shadowOpacity": 0.1,
-          "shadowRadius": 2,
-        },
-        Object {},
-        Object {},
-      ]
-    }
-    testID="inappmessaging-topbanner-dialog"
-  >
-    <View
-      style={
-        Object {
-          "flexDirection": "row",
-          "padding": 12,
-        }
-      }
-    >
-      <View
-        style={
-          Object {
-            "flex": 1,
-            "paddingHorizontal": 8,
-          }
-        }
-      />
-      <View
-        accessibilityRole="button"
-        accessible={true}
-        collapsable={false}
-        focusable={true}
-        hitSlop={
-          Object {
-            "bottom": 10,
-            "left": 10,
-            "right": 10,
-            "top": 10,
-          }
-        }
-        onBlur={[Function]}
-        onClick={[Function]}
-        onFocus={[Function]}
-        onResponderGrant={[Function]}
-        onResponderMove={[Function]}
-        onResponderRelease={[Function]}
-        onResponderTerminate={[Function]}
-        onResponderTerminationRequest={[Function]}
-        onStartShouldSetResponder={[Function]}
-        style={
-          Array [
-            Object {},
-            undefined,
-            Array [
-              Object {
-                "alignSelf": "flex-start",
-                "marginLeft": "auto",
-              },
-              undefined,
-            ],
-          ]
-        }
-        testID="in-app-messaging--close-button"
-      >
-        <Image
-          accessibilityRole="image"
-          source={
-            Object {
-              "testUri": "../../../src/assets/icons/close.png",
-            }
-          }
-          style={
-            Array [
-              Object {
-                "height": 20,
-                "resizeMode": "contain",
-                "tintColor": undefined,
-                "width": 20,
-              },
-              undefined,
-            ]
-          }
-        />
-      </View>
-    </View>
-  </View>
-</MessageWrapper>
-`;

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

@@ -1,92 +0,0 @@
-import React, { ReactElement } from 'react';
-import { render } from '@testing-library/react-native';
-
-import { IN_APP_MESSAGING_TEST_ID } from '../../../constants';
-import CarouselMessage from '../CarouselMessage';
-import { defaultStyle } from '../styles';
-import { ReactTestRendererJSON } from 'react-test-renderer';
-
-jest.mock('../../../../primitives', () => ({ Carousel: 'Carousel' }));
-jest.mock('../../MessageWrapper', () => ({ MessageWrapper: 'MessageWrapper' }));
-jest.mock('../CarouselMessageItem', () => 'CarouselMessageItem');
-
-const baseProps = {
-  layout: 'CAROUSEL' as const,
-  data: [],
-};
-
-describe('CarouselMessage', () => {
-  it('renders as expected', () => {
-    const { toJSON, getByTestId } = render(<CarouselMessage {...baseProps} />);
-
-    expect(toJSON()).toMatchSnapshot();
-
-    const carousel = getByTestId(IN_APP_MESSAGING_TEST_ID.CAROUSEL);
-    expect(carousel).toBeDefined();
-    expect(carousel.props.data).toStrictEqual(baseProps.data);
-    expect(carousel.props.indicatorActiveStyle).toContain(
-      defaultStyle.pageIndicatorActive
-    );
-    expect(carousel.props.indicatorInactiveStyle).toContain(
-      defaultStyle.pageIndicatorInactive
-    );
-  });
-
-  it('renders as expected with minimal props', () => {
-    const { toJSON, getByTestId } = render(
-      <CarouselMessage layout={baseProps.layout} />
-    );
-
-    expect(toJSON()).toMatchSnapshot();
-
-    const carousel = getByTestId(IN_APP_MESSAGING_TEST_ID.CAROUSEL);
-    expect(carousel).toBeDefined();
-    expect(carousel.props.data).toEqual([]);
-    expect(carousel.props.indicatorActiveStyle).toContain(
-      defaultStyle.pageIndicatorActive
-    );
-    expect(carousel.props.indicatorInactiveStyle).toContain(
-      defaultStyle.pageIndicatorInactive
-    );
-  });
-
-  it('allows style overrides', () => {
-    const overrides = {
-      pageIndicatorActive: { backgroundColor: 'red' },
-      pageIndicatorInactive: { backgroundColor: 'blue' },
-    };
-    const { toJSON, getByTestId } = render(
-      <CarouselMessage {...baseProps} style={overrides} />
-    );
-
-    expect(toJSON()).toMatchSnapshot();
-
-    const carousel = getByTestId(IN_APP_MESSAGING_TEST_ID.CAROUSEL);
-    expect(carousel.props.indicatorActiveStyle).toContain(
-      overrides.pageIndicatorActive
-    );
-    expect(carousel.props.indicatorInactiveStyle).toContain(
-      overrides.pageIndicatorInactive
-    );
-  });
-
-  it('renders items', () => {
-    const { getByTestId } = render(<CarouselMessage {...baseProps} />);
-
-    const carousel = getByTestId(IN_APP_MESSAGING_TEST_ID.CAROUSEL);
-    const image = { src: 'image-src' };
-    const Item = () =>
-      (
-        carousel.props as { renderItem: (data: any) => ReactElement }
-      ).renderItem({
-        item: { image },
-      });
-    const { toJSON } = render(<Item />);
-    const carouselMessageItem = toJSON();
-    expect(carouselMessageItem).toMatchSnapshot();
-
-    const { props } = toJSON() as ReactTestRendererJSON;
-    expect(props.layout).toEqual(baseProps.layout);
-    expect(props.image).toEqual({ src: 'image-src' });
-  });
-});