import React from 'react';
import { render } from '~/testUtils/helpers';
import { Flex } from '..';

describe('<Flex />', () => {
  it('matches a snapshot when used without properties', () => {
    const { container } = render(<Flex />);

    expect(container.firstChild).toMatchSnapshot();
  });

  it('matches a snapshot when properties passed', () => {
    const { container } = render(
      <Flex
        bg="limegreen"
        height={40}
        flexDirection="row"
        justifyContent="space-between"
      >
        content
      </Flex>
    );

    expect(container.firstChild).toMatchSnapshot();
  });
});
