import React from 'react';
import {shallow} from 'enzyme';
import QueryCount from 'app/components/queryCount';

describe('QueryCount', function() {
  it('displays count when no max', function() {
    const wrapper = shallow(<QueryCount count={5} />);
    expect(wrapper).toMatchSnapshot();
  });
  it('displays count when count < max', function() {
    const wrapper = shallow(<QueryCount count={5} max={500} />);
    expect(wrapper).toMatchSnapshot();
  });

  it('does not render if count is 0', function() {
    const wrapper = shallow(<QueryCount count={0} />);
    expect(wrapper).toMatchSnapshot();
  });

  it('can render when count is 0 when `hideIfEmpty` is false', function() {
    const wrapper = shallow(<QueryCount count={0} hideIfEmpty={false} />);
    expect(wrapper).toMatchSnapshot();
  });

  it('displays max count if count >= max', function() {
    const wrapper = shallow(<QueryCount count={500} max={500} />);
    expect(wrapper).toMatchSnapshot();
  });
});