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

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

@@ -1,527 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Checkbox applies label position prop 1`] = `
-<View
-  accessibilityRole="checkbox"
-  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",
-        "flexDirection": "column",
-        "padding": 8,
-      },
-      undefined,
-    ]
-  }
-  testID="checkboxTestID"
->
-  <Image
-    accessibilityRole="image"
-    source={
-      Object {
-        "testUri": "../../../src/assets/icons/checkboxOutline.png",
-      }
-    }
-    style={
-      Array [
-        Object {
-          "height": 24,
-          "resizeMode": "contain",
-          "tintColor": undefined,
-          "width": 24,
-        },
-        undefined,
-      ]
-    }
-  />
-  <Text
-    accessibilityRole="text"
-    style={
-      Array [
-        Object {
-          "fontSize": 16,
-          "fontWeight": "400",
-          "lineHeight": 24,
-        },
-        Object {
-          "color": "hsl(210, 50%, 10%)",
-        },
-        undefined,
-      ]
-    }
-  >
-    test
-  </Text>
-</View>
-`;
-
-exports[`Checkbox applies theme and style props 1`] = `
-<View
-  accessibilityRole="checkbox"
-  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",
-        "flexDirection": "row",
-        "padding": 8,
-      },
-      Object {
-        "padding": 10,
-      },
-    ]
-  }
-  testID="checkboxTestID"
->
-  <Image
-    accessibilityRole="image"
-    source={
-      Object {
-        "testUri": "../../../src/assets/icons/checkboxOutline.png",
-      }
-    }
-    style={
-      Array [
-        Object {
-          "height": 24,
-          "resizeMode": "contain",
-          "tintColor": undefined,
-          "width": 24,
-        },
-        Object {},
-      ]
-    }
-  />
-  <Text
-    accessibilityRole="text"
-    style={
-      Array [
-        Object {
-          "fontSize": 16,
-          "fontWeight": "400",
-          "lineHeight": 24,
-        },
-        Object {
-          "color": "hsl(210, 50%, 10%)",
-        },
-        Object {},
-      ]
-    }
-  >
-    test
-  </Text>
-</View>
-`;
-
-exports[`Checkbox renders as expected when disabled 1`] = `
-<View
-  accessibilityRole="checkbox"
-  accessibilityState={
-    Object {
-      "disabled": true,
-    }
-  }
-  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",
-        "flexDirection": "row",
-        "opacity": 0.6,
-        "padding": 8,
-      },
-      undefined,
-    ]
-  }
-  testID="checkboxTestID"
->
-  <Image
-    accessibilityRole="image"
-    source={
-      Object {
-        "testUri": "../../../src/assets/icons/checkboxOutline.png",
-      }
-    }
-    style={
-      Array [
-        Object {
-          "height": 24,
-          "resizeMode": "contain",
-          "tintColor": undefined,
-          "width": 24,
-        },
-        undefined,
-      ]
-    }
-  />
-  <Text
-    accessibilityRole="text"
-    style={
-      Array [
-        Object {
-          "fontSize": 16,
-          "fontWeight": "400",
-          "lineHeight": 24,
-        },
-        Object {
-          "color": "hsl(210, 50%, 10%)",
-        },
-        undefined,
-      ]
-    }
-  >
-    test
-  </Text>
-</View>
-`;
-
-exports[`Checkbox renders as expected when passing a number to the size prop 1`] = `
-<View
-  accessibilityRole="checkbox"
-  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",
-        "flexDirection": "row",
-        "padding": 8,
-      },
-      undefined,
-    ]
-  }
-  testID="checkboxTestID"
->
-  <Image
-    accessibilityRole="image"
-    source={
-      Object {
-        "testUri": "../../../src/assets/icons/checkboxOutline.png",
-      }
-    }
-    style={
-      Array [
-        Object {
-          "height": 42,
-          "resizeMode": "contain",
-          "tintColor": undefined,
-          "width": 42,
-        },
-        undefined,
-      ]
-    }
-  />
-  <Text
-    accessibilityRole="text"
-    style={
-      Array [
-        Object {
-          "fontSize": 16,
-          "fontWeight": "400",
-          "lineHeight": 24,
-        },
-        Object {
-          "color": "hsl(210, 50%, 10%)",
-        },
-        undefined,
-      ]
-    }
-  >
-    test
-  </Text>
-</View>
-`;
-
-exports[`Checkbox renders as expected when selected is false 1`] = `
-<View
-  accessibilityRole="checkbox"
-  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",
-        "flexDirection": "row",
-        "padding": 8,
-      },
-      undefined,
-    ]
-  }
-  testID="checkboxTestID"
->
-  <Image
-    accessibilityRole="image"
-    source={
-      Object {
-        "testUri": "../../../src/assets/icons/checkboxOutline.png",
-      }
-    }
-    style={
-      Array [
-        Object {
-          "height": 24,
-          "resizeMode": "contain",
-          "tintColor": undefined,
-          "width": 24,
-        },
-        undefined,
-      ]
-    }
-  />
-  <Text
-    accessibilityRole="text"
-    style={
-      Array [
-        Object {
-          "fontSize": 16,
-          "fontWeight": "400",
-          "lineHeight": 24,
-        },
-        Object {
-          "color": "hsl(210, 50%, 10%)",
-        },
-        undefined,
-      ]
-    }
-  >
-    test
-  </Text>
-</View>
-`;
-
-exports[`Checkbox renders as expected when selected is true 1`] = `
-<View
-  accessibilityRole="checkbox"
-  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",
-        "flexDirection": "row",
-        "padding": 8,
-      },
-      undefined,
-    ]
-  }
-  testID="checkboxTestID"
->
-  <Image
-    accessibilityRole="image"
-    source={
-      Object {
-        "testUri": "../../../src/assets/icons/checkboxFilled.png",
-      }
-    }
-    style={
-      Array [
-        Object {
-          "height": 24,
-          "resizeMode": "contain",
-          "tintColor": undefined,
-          "width": 24,
-        },
-        undefined,
-      ]
-    }
-  />
-  <Text
-    accessibilityRole="text"
-    style={
-      Array [
-        Object {
-          "fontSize": 16,
-          "fontWeight": "400",
-          "lineHeight": 24,
-        },
-        Object {
-          "color": "hsl(210, 50%, 10%)",
-        },
-        undefined,
-      ]
-    }
-  >
-    test
-  </Text>
-</View>
-`;
-
-exports[`Checkbox renders as expected with custom accessibilityRole 1`] = `
-<View
-  accessibilityRole="none"
-  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",
-        "flexDirection": "row",
-        "padding": 8,
-      },
-      undefined,
-    ]
-  }
-  testID="checkboxTestID"
->
-  <Image
-    accessibilityRole="image"
-    source={
-      Object {
-        "testUri": "../../../src/assets/icons/checkboxOutline.png",
-      }
-    }
-    style={
-      Array [
-        Object {
-          "height": 24,
-          "resizeMode": "contain",
-          "tintColor": undefined,
-          "width": 24,
-        },
-        undefined,
-      ]
-    }
-  />
-  <Text
-    accessibilityRole="text"
-    style={
-      Array [
-        Object {
-          "fontSize": 16,
-          "fontWeight": "400",
-          "lineHeight": 24,
-        },
-        Object {
-          "color": "hsl(210, 50%, 10%)",
-        },
-        undefined,
-      ]
-    }
-  >
-    test
-  </Text>
-</View>
-`;
-
-exports[`Checkbox renders as expected without a label 1`] = `
-<View
-  accessibilityRole="checkbox"
-  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",
-        "flexDirection": "row",
-        "padding": 8,
-      },
-      undefined,
-    ]
-  }
-  testID="checkboxTestID"
->
-  <Image
-    accessibilityRole="image"
-    source={
-      Object {
-        "testUri": "../../../src/assets/icons/checkboxOutline.png",
-      }
-    }
-    style={
-      Array [
-        Object {
-          "height": 24,
-          "resizeMode": "contain",
-          "tintColor": undefined,
-          "width": 24,
-        },
-        undefined,
-      ]
-    }
-  />
-</View>
-`;

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

@@ -1,50 +0,0 @@
-import React from 'react';
-import { render, renderHook } from '@testing-library/react-native';
-
-import { useTheme } from '../../../theme';
-import Divider, { DIVIDER_LINE_TEST_ID } from '../Divider';
-import { getThemedStyles } from '../styles';
-import { getThemedStyles as getThemedLabelStyles } from '../../Label/styles';
-
-const labelText = 'Divider label';
-
-describe('Divider', () => {
-  it('renders as expected with label', () => {
-    const { toJSON, queryByText } = render(<Divider>{labelText}</Divider>);
-    expect(toJSON()).toMatchSnapshot();
-
-    expect(queryByText(labelText)).toBeDefined();
-  });
-
-  it('renders as expected without label', () => {
-    const { toJSON } = render(<Divider />);
-    expect(toJSON()).toMatchSnapshot();
-  });
-
-  it('applies theme and style props', () => {
-    const customLabelStyle = { color: 'red' };
-    const customLineStyle = { backgroundColor: 'blue' };
-
-    const { toJSON, getByText, getByTestId } = render(
-      <Divider labelStyle={customLabelStyle} lineStyle={customLineStyle}>
-        {labelText}
-      </Divider>
-    );
-
-    const { result } = renderHook(() => useTheme());
-    const themedStyle = getThemedStyles(result.current);
-    const themedLabelStyle = getThemedLabelStyles(result.current);
-
-    const label = getByText(labelText);
-    const line = getByTestId(DIVIDER_LINE_TEST_ID);
-
-    expect(label.props.style).toStrictEqual([
-      themedLabelStyle.text,
-      themedLabelStyle.primary,
-      [themedStyle.label, customLabelStyle],
-    ]);
-
-    expect(line.props.style).toStrictEqual([themedStyle.line, customLineStyle]);
-    expect(toJSON()).toMatchSnapshot();
-  });
-});