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

package/src/primitives/Carousel/__tests__/__snapshots__/Carousel.spec.tsx.snap

@@ -1,310 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Carousel calls the orientation handler on orientation change 1`] = `
-Array [
-  <RCTScrollView
-    bounces={false}
-    data={
-      Array [
-        Object {
-          "key": 1,
-          "str": "qux",
-        },
-      ]
-    }
-    decelerationRate="fast"
-    disableIntervalMomentum={true}
-    getItem={[Function]}
-    getItemCount={[Function]}
-    horizontal={true}
-    keyExtractor={[Function]}
-    onContentSizeChange={[Function]}
-    onLayout={[Function]}
-    onMomentumScrollBegin={[Function]}
-    onMomentumScrollEnd={[Function]}
-    onScroll={[Function]}
-    onScrollBeginDrag={[Function]}
-    onScrollEndDrag={[Function]}
-    onViewableItemsChanged={[Function]}
-    removeClippedSubviews={false}
-    renderItem={[Function]}
-    renderToHardwareTextureAndroid={true}
-    scrollEventThrottle={50}
-    showsHorizontalScrollIndicator={false}
-    showsVerticalScrollIndicator={false}
-    snapToAlignment="start"
-    snapToInterval={350}
-    stickyHeaderIndices={Array []}
-    viewabilityConfig={
-      Object {
-        "itemVisiblePercentThreshold": 60,
-      }
-    }
-    viewabilityConfigCallbackPairs={
-      Array [
-        Object {
-          "onViewableItemsChanged": [Function],
-          "viewabilityConfig": Object {
-            "itemVisiblePercentThreshold": 60,
-          },
-        },
-      ]
-    }
-  >
-    <View>
-      <View
-        onLayout={[Function]}
-        style={
-          Array [
-            Object {
-              "flexDirection": "row",
-            },
-            null,
-          ]
-        }
-      >
-        <View
-          style={
-            Object {
-              "width": 350,
-            }
-          }
-        >
-          <Text>
-            qux
-          </Text>
-        </View>
-      </View>
-    </View>
-  </RCTScrollView>,
-  <CarouselPageIndicator
-    currentIndex={0}
-    numberOfItems={1}
-    style={
-      Object {
-        "bottom": 0,
-        "flexDirection": "row",
-        "justifyContent": "center",
-        "left": 0,
-        "position": "absolute",
-        "right": 0,
-      }
-    }
-  />,
-]
-`;
-
-exports[`Carousel renders with just one item in the data 1`] = `
-Array [
-  <RCTScrollView
-    bounces={false}
-    data={
-      Array [
-        Object {
-          "key": 1,
-          "str": "qux",
-        },
-      ]
-    }
-    decelerationRate="fast"
-    disableIntervalMomentum={true}
-    getItem={[Function]}
-    getItemCount={[Function]}
-    horizontal={true}
-    keyExtractor={[Function]}
-    onContentSizeChange={[Function]}
-    onLayout={[Function]}
-    onMomentumScrollBegin={[Function]}
-    onMomentumScrollEnd={[Function]}
-    onScroll={[Function]}
-    onScrollBeginDrag={[Function]}
-    onScrollEndDrag={[Function]}
-    onViewableItemsChanged={[Function]}
-    removeClippedSubviews={false}
-    renderItem={[Function]}
-    renderToHardwareTextureAndroid={true}
-    scrollEventThrottle={50}
-    showsHorizontalScrollIndicator={false}
-    showsVerticalScrollIndicator={false}
-    snapToAlignment="start"
-    snapToInterval={750}
-    stickyHeaderIndices={Array []}
-    viewabilityConfig={
-      Object {
-        "itemVisiblePercentThreshold": 60,
-      }
-    }
-    viewabilityConfigCallbackPairs={
-      Array [
-        Object {
-          "onViewableItemsChanged": [Function],
-          "viewabilityConfig": Object {
-            "itemVisiblePercentThreshold": 60,
-          },
-        },
-      ]
-    }
-  >
-    <View>
-      <View
-        onLayout={[Function]}
-        style={
-          Array [
-            Object {
-              "flexDirection": "row",
-            },
-            null,
-          ]
-        }
-      >
-        <View
-          style={
-            Object {
-              "width": 750,
-            }
-          }
-        >
-          <Text>
-            qux
-          </Text>
-        </View>
-      </View>
-    </View>
-  </RCTScrollView>,
-  <CarouselPageIndicator
-    currentIndex={0}
-    numberOfItems={1}
-    style={
-      Object {
-        "bottom": 0,
-        "flexDirection": "row",
-        "justifyContent": "center",
-        "left": 0,
-        "position": "absolute",
-        "right": 0,
-      }
-    }
-  />,
-]
-`;
-
-exports[`Carousel renders with multiple items in the data 1`] = `
-Array [
-  <RCTScrollView
-    bounces={false}
-    data={
-      Array [
-        Object {
-          "key": 1,
-          "str": "foo",
-        },
-        Object {
-          "key": 2,
-          "str": "bar",
-        },
-      ]
-    }
-    decelerationRate="fast"
-    disableIntervalMomentum={true}
-    getItem={[Function]}
-    getItemCount={[Function]}
-    horizontal={true}
-    keyExtractor={[Function]}
-    onContentSizeChange={[Function]}
-    onLayout={[Function]}
-    onMomentumScrollBegin={[Function]}
-    onMomentumScrollEnd={[Function]}
-    onScroll={[Function]}
-    onScrollBeginDrag={[Function]}
-    onScrollEndDrag={[Function]}
-    onViewableItemsChanged={[Function]}
-    removeClippedSubviews={false}
-    renderItem={[Function]}
-    renderToHardwareTextureAndroid={true}
-    scrollEventThrottle={50}
-    showsHorizontalScrollIndicator={false}
-    showsVerticalScrollIndicator={false}
-    snapToAlignment="start"
-    snapToInterval={750}
-    stickyHeaderIndices={Array []}
-    viewabilityConfig={
-      Object {
-        "itemVisiblePercentThreshold": 60,
-      }
-    }
-    viewabilityConfigCallbackPairs={
-      Array [
-        Object {
-          "onViewableItemsChanged": [Function],
-          "viewabilityConfig": Object {
-            "itemVisiblePercentThreshold": 60,
-          },
-        },
-      ]
-    }
-  >
-    <View>
-      <View
-        onLayout={[Function]}
-        style={
-          Array [
-            Object {
-              "flexDirection": "row",
-            },
-            null,
-          ]
-        }
-      >
-        <View
-          style={
-            Object {
-              "width": 750,
-            }
-          }
-        >
-          <Text>
-            foo
-          </Text>
-        </View>
-      </View>
-      <View
-        onLayout={[Function]}
-        style={
-          Array [
-            Object {
-              "flexDirection": "row",
-            },
-            null,
-          ]
-        }
-      >
-        <View
-          style={
-            Object {
-              "width": 750,
-            }
-          }
-        >
-          <Text>
-            bar
-          </Text>
-        </View>
-      </View>
-    </View>
-  </RCTScrollView>,
-  <CarouselPageIndicator
-    currentIndex={0}
-    numberOfItems={2}
-    style={
-      Object {
-        "bottom": 0,
-        "flexDirection": "row",
-        "justifyContent": "center",
-        "left": 0,
-        "position": "absolute",
-        "right": 0,
-      }
-    }
-  />,
-]
-`;

package/src/primitives/Carousel/__tests__/__snapshots__/CarouselPageIndicator.spec.tsx.snap

@@ -1,191 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`CarouselPageIndicator handles null index value 1`] = `
-<SafeAreaView>
-  <View
-    style={
-      Array [
-        Object {
-          "backgroundColor": "#a1a1a1",
-          "borderRadius": 6,
-          "height": 12,
-          "margin": 4,
-          "width": 12,
-        },
-        undefined,
-      ]
-    }
-  />
-  <View
-    style={
-      Array [
-        Object {
-          "backgroundColor": "#d8d8d8",
-          "borderRadius": 6,
-          "height": 12,
-          "margin": 4,
-          "width": 12,
-        },
-        undefined,
-      ]
-    }
-  />
-  <View
-    style={
-      Array [
-        Object {
-          "backgroundColor": "#d8d8d8",
-          "borderRadius": 6,
-          "height": 12,
-          "margin": 4,
-          "width": 12,
-        },
-        undefined,
-      ]
-    }
-  />
-  <View
-    style={
-      Array [
-        Object {
-          "backgroundColor": "#d8d8d8",
-          "borderRadius": 6,
-          "height": 12,
-          "margin": 4,
-          "width": 12,
-        },
-        undefined,
-      ]
-    }
-  />
-  <View
-    style={
-      Array [
-        Object {
-          "backgroundColor": "#d8d8d8",
-          "borderRadius": 6,
-          "height": 12,
-          "margin": 4,
-          "width": 12,
-        },
-        undefined,
-      ]
-    }
-  />
-</SafeAreaView>
-`;
-
-exports[`CarouselPageIndicator handles null numberOfItems value 1`] = `<SafeAreaView />`;
-
-exports[`CarouselPageIndicator renders indicator styles based on current index 1`] = `
-<SafeAreaView>
-  <View
-    style={
-      Array [
-        Object {
-          "backgroundColor": "#d8d8d8",
-          "borderRadius": 6,
-          "height": 12,
-          "margin": 4,
-          "width": 12,
-        },
-        undefined,
-      ]
-    }
-  />
-  <View
-    style={
-      Array [
-        Object {
-          "backgroundColor": "#a1a1a1",
-          "borderRadius": 6,
-          "height": 12,
-          "margin": 4,
-          "width": 12,
-        },
-        undefined,
-      ]
-    }
-  />
-  <View
-    style={
-      Array [
-        Object {
-          "backgroundColor": "#d8d8d8",
-          "borderRadius": 6,
-          "height": 12,
-          "margin": 4,
-          "width": 12,
-        },
-        undefined,
-      ]
-    }
-  />
-</SafeAreaView>
-`;
-
-exports[`CarouselPageIndicator renders with just one item 1`] = `
-<SafeAreaView>
-  <View
-    style={
-      Array [
-        Object {
-          "backgroundColor": "#a1a1a1",
-          "borderRadius": 6,
-          "height": 12,
-          "margin": 4,
-          "width": 12,
-        },
-        undefined,
-      ]
-    }
-  />
-</SafeAreaView>
-`;
-
-exports[`CarouselPageIndicator renders with multiple items 1`] = `
-<SafeAreaView>
-  <View
-    style={
-      Array [
-        Object {
-          "backgroundColor": "#a1a1a1",
-          "borderRadius": 6,
-          "height": 12,
-          "margin": 4,
-          "width": 12,
-        },
-        undefined,
-      ]
-    }
-  />
-  <View
-    style={
-      Array [
-        Object {
-          "backgroundColor": "#d8d8d8",
-          "borderRadius": 6,
-          "height": 12,
-          "margin": 4,
-          "width": 12,
-        },
-        undefined,
-      ]
-    }
-  />
-  <View
-    style={
-      Array [
-        Object {
-          "backgroundColor": "#d8d8d8",
-          "borderRadius": 6,
-          "height": 12,
-          "margin": 4,
-          "width": 12,
-        },
-        undefined,
-      ]
-    }
-  />
-</SafeAreaView>
-`;

package/src/primitives/Checkbox/__tests__/Checkbox.spec.tsx

@@ -1,150 +0,0 @@
-import React from 'react';
-import { fireEvent, render, renderHook } from '@testing-library/react-native';
-import { ImageStyle, ViewStyle } from 'react-native';
-
-import Checkbox from '../Checkbox';
-import { useTheme } from '../../../theme';
-import { getThemedStyles } from '../styles';
-import { icons } from '../../../assets';
-
-const onChange = jest.fn();
-const testID = 'checkboxTestID';
-const label = 'test';
-const props = {
-  testID,
-  onChange,
-  label,
-  value: '',
-};
-
-describe('Checkbox', () => {
-  beforeEach(() => {
-    onChange.mockClear();
-  });
-
-  [true, false].forEach((value) => {
-    it(`renders as expected when selected is ${value}`, () => {
-      const { toJSON, getByRole, getByText } = render(
-        <Checkbox {...props} selected={value} value={value} />
-      );
-      expect(toJSON()).toMatchSnapshot();
-
-      expect(getByRole('checkbox')).toBeDefined();
-
-      const icon = getByRole('image');
-      expect(icon).toBeDefined();
-      expect(icon.props.source).toEqual(
-        value ? icons.checkboxFilled : icons.checkboxOutline
-      );
-
-      expect(getByText(label)).toBeDefined();
-    });
-  });
-
-  it('renders as expected without a label', () => {
-    const { toJSON, getByRole, queryByRole } = render(
-      <Checkbox {...props} label={undefined} />
-    );
-    expect(toJSON()).toMatchSnapshot();
-
-    expect(getByRole('checkbox')).toBeDefined();
-    expect(queryByRole('text')).toBeNull();
-    const icon = getByRole('image');
-    expect(icon).toBeDefined();
-    expect(icon.props.source).toEqual(icons.checkboxOutline);
-  });
-
-  it('renders as expected when disabled', () => {
-    const { toJSON, getByTestId } = render(<Checkbox {...props} disabled />);
-    expect(toJSON()).toMatchSnapshot();
-
-    expect(getByTestId(testID).props.accessibilityState).toHaveProperty(
-      'disabled',
-      true
-    );
-  });
-
-  it('renders as expected with custom accessibilityRole', () => {
-    const { toJSON, getByRole, queryByRole } = render(
-      <Checkbox {...props} accessibilityRole={'none'} />
-    );
-    expect(toJSON()).toMatchSnapshot();
-
-    expect(getByRole('none')).toBeDefined();
-    expect(queryByRole('checkbox')).toBeNull();
-  });
-
-  it('calls the expected handler when selected', () => {
-    const { getByTestId } = render(<Checkbox {...props} />);
-    const checkbox = getByTestId(testID);
-    fireEvent.press(checkbox);
-    expect(onChange).toHaveBeenCalledTimes(1);
-  });
-
-  it('does nothing when disabled', () => {
-    const { getByTestId } = render(<Checkbox {...props} disabled />);
-    const checkbox = getByTestId(testID);
-    fireEvent.press(checkbox);
-    expect(onChange).not.toHaveBeenCalled();
-  });
-
-  it('renders as expected when passing a number to the size prop', () => {
-    const customSize = 42;
-
-    const { toJSON, getByTestId, getByRole } = render(
-      <Checkbox {...props} size={customSize} />
-    );
-
-    expect(toJSON()).toMatchSnapshot();
-
-    const { result } = renderHook(() => useTheme());
-    const themedStyle = getThemedStyles(result.current, 'end');
-
-    expect(getByTestId(testID).props.style).toStrictEqual([
-      themedStyle.container,
-      undefined,
-    ]);
-
-    const iconStyle = (getByRole('image').props.style as ImageStyle[])[0];
-    expect(iconStyle.height).toBe(customSize);
-    expect(iconStyle.width).toBe(customSize);
-  });
-
-  it('applies label position prop', () => {
-    const customLabelPosition = 'bottom';
-    const { toJSON, getByTestId } = render(
-      <Checkbox {...props} labelPosition={customLabelPosition} />
-    );
-
-    expect(toJSON()).toMatchSnapshot();
-
-    const checkboxStyle = (getByTestId(testID).props.style as ViewStyle[])[0];
-    expect(checkboxStyle.flexDirection).toBe('column');
-  });
-
-  it('applies theme and style props', () => {
-    const labelPosition = 'end';
-    const customStyle = { container: { padding: 10 }, icon: {}, label: {} };
-
-    const { toJSON, getByTestId } = render(
-      <Checkbox
-        {...props}
-        style={customStyle.container}
-        iconStyle={customStyle.icon}
-        labelStyle={customStyle.label}
-        labelPosition={labelPosition}
-      />
-    );
-
-    const { result } = renderHook(() => useTheme());
-    const themedStyle = getThemedStyles(result.current, labelPosition);
-
-    expect(toJSON()).toMatchSnapshot();
-
-    const checkbox = getByTestId(testID);
-    expect(checkbox.props.style).toStrictEqual([
-      themedStyle.container,
-      customStyle.container,
-    ]);
-  });
-});