import React, { ReactElement } from 'react';

import Banner from './index';

const Image = (): ReactElement => {
  return <></>;
};

const data = {
  title: 'Title',
  subtitle: 'Subtitle',
  description: 'Description',
};

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

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

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

  it('should render banner with image', () => {
    expect(wrapper.setProps({ ImageProps: {}, Image })).toMatchSnapshot();
  });
});
