@sproutsocial/racine 12.23.0 → 13.0.2

package/__flow__/systemProps/tests/border.test.js

@@ -1,299 +0,0 @@
-// @flow strict-local
-import React from 'react';
-import styled from 'styled-components';
-import {render} from '../../utils/react-testing-library';
-import type {TypeTheme} from '../../types/theme.flow';
-import {borderSystemProps, type TypeBorderSystemProps} from '../border';
-
-describe('border system props', () => {
-  const Component = styled<TypeBorderSystemProps, TypeTheme, 'div'>('div')`
-    ${borderSystemProps}
-  `;
-
-  test('border', () => {
-    const {container} = render(
-      <>
-        <Component border="string" />
-        <Component border={1} />
-      </>
-    );
-    expect(container).toMatchSnapshot();
-  });
-
-  test('borderBottom', () => {
-    const {container} = render(
-      <>
-        <Component borderBottom="string" />
-        <Component borderBottom={1} />
-      </>
-    );
-    expect(container).toMatchSnapshot();
-  });
-
-  test('borderBottomColor', () => {
-    const {container} = render(
-      <>
-        <Component borderBottomColor="string" />
-      </>
-    );
-    expect(container).toMatchSnapshot();
-  });
-
-  test('borderBottomLeftRadius', () => {
-    const {container} = render(
-      <>
-        <Component borderBottomLeftRadius="string" />
-        <Component borderBottomLeftRadius={1} />
-      </>
-    );
-    expect(container).toMatchSnapshot();
-  });
-
-  test('borderBottomRightRadius', () => {
-    const {container} = render(
-      <>
-        <Component borderBottomRightRadius="string" />
-        <Component borderBottomRightRadius={1} />
-      </>
-    );
-    expect(container).toMatchSnapshot();
-  });
-
-  test('borderBottomStyle', () => {
-    const {container} = render(
-      <>
-        <Component borderBottomStyle="dashed" />
-        <Component
-          // $FlowExpectedError
-          borderBottomStyle="string"
-        />
-      </>
-    );
-    expect(container).toMatchSnapshot();
-  });
-
-  test('borderBottomWidth', () => {
-    const {container} = render(
-      <>
-        <Component borderBottomWidth="thick" />
-        <Component borderBottomWidth={1} />
-        <Component
-          // $FlowExpectedError
-          borderBottomWidth="string"
-        />
-      </>
-    );
-    expect(container).toMatchSnapshot();
-  });
-
-  test('borderColor', () => {
-    const {container} = render(
-      <>
-        <Component borderColor="string" />
-      </>
-    );
-    expect(container).toMatchSnapshot();
-  });
-
-  test('borderLeft', () => {
-    const {container} = render(
-      <>
-        <Component borderLeft="string" />
-        <Component borderLeft={1} />
-      </>
-    );
-    expect(container).toMatchSnapshot();
-  });
-
-  test('borderLeftColor', () => {
-    const {container} = render(
-      <>
-        <Component borderLeftColor="string" />
-      </>
-    );
-    expect(container).toMatchSnapshot();
-  });
-
-  test('borderLeftStyle', () => {
-    const {container} = render(
-      <>
-        <Component borderLeftStyle="dashed" />
-        <Component
-          // $FlowExpectedError
-          borderLeftStyle="string"
-        />
-      </>
-    );
-    expect(container).toMatchSnapshot();
-  });
-
-  test('borderLeftWidth', () => {
-    const {container} = render(
-      <>
-        <Component borderLeftWidth="thick" />
-        <Component borderLeftWidth={1} />
-        <Component
-          // $FlowExpectedError
-          borderLeftWidth="string"
-        />
-      </>
-    );
-    expect(container).toMatchSnapshot();
-  });
-
-  test('borderRadius', () => {
-    const {container} = render(
-      <>
-        <Component borderRadius="string" />
-      </>
-    );
-    expect(container).toMatchSnapshot();
-  });
-
-  test('borderRight', () => {
-    const {container} = render(
-      <>
-        <Component borderRight="string" />
-      </>
-    );
-    expect(container).toMatchSnapshot();
-  });
-
-  test('borderRightColor', () => {
-    const {container} = render(
-      <>
-        <Component borderRightColor="string" />
-      </>
-    );
-    expect(container).toMatchSnapshot();
-  });
-
-  test('borderRightStyle', () => {
-    const {container} = render(
-      <>
-        <Component borderRightStyle="dashed" />
-        <Component
-          // $FlowExpectedError
-          borderRightStyle="string"
-        />
-      </>
-    );
-    expect(container).toMatchSnapshot();
-  });
-
-  test('borderRightWidth', () => {
-    const {container} = render(
-      <>
-        <Component borderRightWidth="thick" />
-        <Component borderRightWidth={1} />
-        <Component
-          // $FlowExpectedError
-          borderRightWidth="string"
-        />
-      </>
-    );
-    expect(container).toMatchSnapshot();
-  });
-
-  test('borderStyle', () => {
-    const {container} = render(
-      <>
-        <Component borderStyle="string" />
-      </>
-    );
-    expect(container).toMatchSnapshot();
-  });
-
-  test('borderTop', () => {
-    const {container} = render(
-      <>
-        <Component borderTop="string" />
-      </>
-    );
-    expect(container).toMatchSnapshot();
-  });
-
-  test('borderTopColor', () => {
-    const {container} = render(
-      <>
-        <Component borderTopColor="string" />
-      </>
-    );
-    expect(container).toMatchSnapshot();
-  });
-
-  test('borderTopLeftRadius', () => {
-    const {container} = render(
-      <>
-        <Component borderTopLeftRadius="string" />
-      </>
-    );
-    expect(container).toMatchSnapshot();
-  });
-
-  test('borderTopRightRadius', () => {
-    const {container} = render(
-      <>
-        <Component borderTopRightRadius="string" />
-      </>
-    );
-    expect(container).toMatchSnapshot();
-  });
-
-  test('borderTopStyle', () => {
-    const {container} = render(
-      <>
-        <Component borderTopStyle="dashed" />
-        <Component
-          // $FlowExpectedError
-          borderTopStyle="string"
-        />
-      </>
-    );
-    expect(container).toMatchSnapshot();
-  });
-
-  test('borderTopWidth', () => {
-    const {container} = render(
-      <>
-        <Component borderTopWidth="thick" />
-        <Component borderTopWidth={1} />
-        <Component
-          // $FlowExpectedError
-          borderTopWidth="string"
-        />
-      </>
-    );
-    expect(container).toMatchSnapshot();
-  });
-
-  test('borderWidth', () => {
-    const {container} = render(
-      <>
-        <Component borderWidth="string" />
-        <Component borderWidth={1} />
-      </>
-    );
-    expect(container).toMatchSnapshot();
-  });
-
-  test('borderX', () => {
-    const {container} = render(
-      <>
-        <Component borderX="string" />
-        <Component borderX={1} />
-      </>
-    );
-    expect(container).toMatchSnapshot();
-  });
-
-  test('borderY', () => {
-    const {container} = render(
-      <>
-        <Component borderY="string" />
-        <Component borderY={1} />
-      </>
-    );
-    expect(container).toMatchSnapshot();
-  });
-});

package/__flow__/systemProps/tests/color.test.js

@@ -1,49 +0,0 @@
-// @flow strict-local
-import React from 'react';
-import styled from 'styled-components';
-import {render} from '../../utils/react-testing-library';
-import type {TypeTheme} from '../../types/theme.flow';
-import {colorSystemProps, type TypeColorSystemProps} from '../color';
-
-describe('color system props', () => {
-  const Component = styled<TypeColorSystemProps, TypeTheme, 'div'>('div')`
-    ${colorSystemProps}
-  `;
-
-  test('backgroundColor', () => {
-    const {container} = render(
-      <>
-        <Component backgroundColor="string" />
-      </>
-    );
-    expect(container).toMatchSnapshot();
-  });
-
-  test('bg', () => {
-    const {container} = render(
-      <>
-        <Component bg="string" />
-      </>
-    );
-    expect(container).toMatchSnapshot();
-  });
-
-  test('color', () => {
-    const {container} = render(
-      <>
-        <Component color="string" />
-      </>
-    );
-    expect(container).toMatchSnapshot();
-  });
-
-  test('opacity', () => {
-    const {container} = render(
-      <>
-        <Component opacity="0" />
-        <Component opacity={0} />
-      </>
-    );
-    expect(container).toMatchSnapshot();
-  });
-});

package/__flow__/systemProps/tests/custom.test.js

@@ -1,38 +0,0 @@
-// @flow strict-local
-import React from 'react';
-import styled from 'styled-components';
-import {render} from '../../utils/react-testing-library';
-import type {TypeTheme} from '../../types/theme.flow';
-import {customSystemProps, type TypeCustomSystemProps} from '../custom';
-
-describe('custom system props', () => {
-  const Component = styled<TypeCustomSystemProps, TypeTheme, 'div'>('div')`
-    ${customSystemProps}
-  `;
-
-  test('cursor', () => {
-    const {container} = render(
-      <>
-        <Component cursor="string" />
-      </>
-    );
-    expect(container).toMatchSnapshot();
-  });
-
-  test('whiteSpace', () => {
-    const {container} = render(
-      <>
-        <Component whiteSpace="nowrap" />
-        <Component
-          // $FlowExpectedError
-          whiteSpace="string"
-        />
-        <Component
-          // not sure why is this not erroring
-          whiteSpace={['string']}
-        />
-      </>
-    );
-    expect(container).toMatchSnapshot();
-  });
-});

package/__flow__/systemProps/tests/flexbox.test.js

@@ -1,150 +0,0 @@
-// @flow strict-local
-import React from 'react';
-import styled from 'styled-components';
-import {render} from '../../utils/react-testing-library';
-import type {TypeTheme} from '../../types/theme.flow';
-import {flexboxSystemProps, type TypeFlexboxSystemProps} from '../flexbox';
-
-describe('flexbox system props', () => {
-  const Component = styled<TypeFlexboxSystemProps, TypeTheme, 'div'>('div')`
-    ${flexboxSystemProps}
-  `;
-
-  test('alignItems', () => {
-    const {container} = render(
-      <>
-        <Component alignItems="string" />
-      </>
-    );
-    expect(container).toMatchSnapshot();
-  });
-
-  test('alignContent', () => {
-    const {container} = render(
-      <>
-        <Component alignContent="string" />
-      </>
-    );
-    expect(container).toMatchSnapshot();
-  });
-
-  test('justifyItems', () => {
-    const {container} = render(
-      <>
-        <Component justifyItems="string" />
-      </>
-    );
-    expect(container).toMatchSnapshot();
-  });
-
-  test('justifyContent', () => {
-    const {container} = render(
-      <>
-        <Component justifyContent="string" />
-      </>
-    );
-    expect(container).toMatchSnapshot();
-  });
-
-  test('flexWrap', () => {
-    const {container} = render(
-      <>
-        <Component flexWrap="wrap" />
-        <Component
-          // $FlowExpectedError
-          flexWrap="string"
-        />
-      </>
-    );
-    expect(container).toMatchSnapshot();
-  });
-
-  test('flexDirection', () => {
-    const {container} = render(
-      <>
-        <Component flexDirection="column" />
-        <Component
-          // $FlowExpectedError
-          flexDirection="string"
-        />
-      </>
-    );
-    expect(container).toMatchSnapshot();
-  });
-
-  test('flex', () => {
-    const {container} = render(
-      <>
-        <Component flex="string" />
-        <Component flex={1} />
-      </>
-    );
-    expect(container).toMatchSnapshot();
-  });
-
-  test('flexGrow', () => {
-    const {container} = render(
-      <>
-        <Component flexGrow={1} />
-        <Component
-          // $FlowExpectedError
-          flexGrow="string"
-        />
-      </>
-    );
-    expect(container).toMatchSnapshot();
-  });
-
-  test('flexShrink', () => {
-    const {container} = render(
-      <>
-        <Component flexShrink={1} />
-        <Component
-          // $FlowExpectedError
-          flexShrink="string"
-        />
-      </>
-    );
-    expect(container).toMatchSnapshot();
-  });
-
-  test('flexBasis', () => {
-    const {container} = render(
-      <>
-        <Component flexBasis="string" />
-      </>
-    );
-    expect(container).toMatchSnapshot();
-  });
-
-  test('justifySelf', () => {
-    const {container} = render(
-      <>
-        <Component justifySelf="string" />
-      </>
-    );
-    expect(container).toMatchSnapshot();
-  });
-
-  test('alignSelf', () => {
-    const {container} = render(
-      <>
-        <Component alignSelf="string" />
-      </>
-    );
-    expect(container).toMatchSnapshot();
-  });
-
-  test('order', () => {
-    const {container} = render(
-      <>
-        <Component order={1} />
-        <Component
-          // $FlowExpectedError
-          order="string"
-        />
-      </>
-    );
-    expect(container).toMatchSnapshot();
-  });
-});

package/__flow__/systemProps/tests/grid.test.js

@@ -1,123 +0,0 @@
-// @flow strict-local
-import React from 'react';
-import styled from 'styled-components';
-import {render} from '../../utils/react-testing-library';
-import type {TypeTheme} from '../../types/theme.flow';
-import {gridSystemProps, type TypeGridSystemProps} from '../grid';
-
-describe('grid system props', () => {
-  const Component = styled<TypeGridSystemProps, TypeTheme, 'div'>('div')`
-    ${gridSystemProps}
-  `;
-
-  test('gridArea', () => {
-    const {container} = render(
-      <>
-        <Component gridArea="string" />
-        <Component gridArea={1} />
-      </>
-    );
-    expect(container).toMatchSnapshot();
-  });
-
-  test('gridAutoColumns', () => {
-    const {container} = render(
-      <>
-        <Component gridAutoColumns="string" />
-      </>
-    );
-    expect(container).toMatchSnapshot();
-  });
-
-  test('gridAutoFlow', () => {
-    const {container} = render(
-      <>
-        <Component gridAutoFlow="string" />
-      </>
-    );
-    expect(container).toMatchSnapshot();
-  });
-
-  test('gridAutoRows', () => {
-    const {container} = render(
-      <>
-        <Component gridAutoRows="string" />
-      </>
-    );
-    expect(container).toMatchSnapshot();
-  });
-
-  test('gridColumn', () => {
-    const {container} = render(
-      <>
-        <Component gridColumn="string" />
-        <Component gridColumn={1} />
-      </>
-    );
-    expect(container).toMatchSnapshot();
-  });
-
-  test('gridColumnGap', () => {
-    const {container} = render(
-      <>
-        <Component gridColumnGap="string" />
-      </>
-    );
-    expect(container).toMatchSnapshot();
-  });
-
-  test('gridGap', () => {
-    const {container} = render(
-      <>
-        <Component gridGap="string" />
-      </>
-    );
-    expect(container).toMatchSnapshot();
-  });
-
-  test('gridRow', () => {
-    const {container} = render(
-      <>
-        <Component gridRow="string" />
-        <Component gridRow={1} />
-      </>
-    );
-    expect(container).toMatchSnapshot();
-  });
-
-  test('gridRowGap', () => {
-    const {container} = render(
-      <>
-        <Component gridRowGap="string" />
-      </>
-    );
-    expect(container).toMatchSnapshot();
-  });
-
-  test('gridTemplateAreas', () => {
-    const {container} = render(
-      <>
-        <Component gridTemplateAreas="string" />
-      </>
-    );
-    expect(container).toMatchSnapshot();
-  });
-
-  test('gridTemplateColumns', () => {
-    const {container} = render(
-      <>
-        <Component gridTemplateColumns="string" />
-      </>
-    );
-    expect(container).toMatchSnapshot();
-  });
-
-  test('gridTemplateRows', () => {
-    const {container} = render(
-      <>
-        <Component gridTemplateRows="string" />
-      </>
-    );
-    expect(container).toMatchSnapshot();
-  });
-});