import React from 'react';
import { render } from '../../test-utils';
import { OverviewBanner } from '../index';
import 'jest-styled-components';
import { COLORS } from '../../styles';




describe('<OverviewBanner />', () => {
  it('Renders', async () => {
    const { queryByText, getByTestId } = render(
      <OverviewBanner testId="TestBanner">
        <h2>TestHeader</h2>
      </OverviewBanner>,
    );
    expect(queryByText('TestHeader')).toBeDefined();
    expect(getByTestId('TestBanner')).toHaveStyleRule('background-color', COLORS.primary_20);
  });
});