import React from 'react';

import Content from './index';

const data = {};

describe('Content', () => {
  const defaultElement = <Content {...data} />;
  let wrapper;

  beforeEach(() => {
    wrapper = shallow(defaultElement);
  });

  it('should render correctly', () => {
    expect(wrapper).toMatchSnapshot();
  });

  it('should render with background', () => {
    expect(wrapper.setProps({ background: { grey: true } })).toMatchSnapshot();
  });

  it('should render with no padding', () => {
    expect(wrapper.setProps({ noPadding: true })).toMatchSnapshot();
  });

  it('should render with no padding bottom', () => {
    expect(wrapper.setProps({ noPaddingBottom: true })).toMatchSnapshot();
  });
});
