import * as React from 'react';
import { customRender, fireEvent } from 'test-utils';
import Pager from '../components/Pager';

describe('<TablePager />', () => {
  beforeEach(() => {
    jest.resetAllMocks();
  });

  it('should show results text', () => {
    const resultsText = '1 - 10 de 1000 résultats';
    const { container } = customRender(<Pager>{resultsText}</Pager>);
    expect(container).toHaveTextContent(resultsText);
  });

  it('should accept click on previous button', () => {
    const mockClick = jest.fn();
    const { getByTestId } = customRender(<Pager handlePrevious={mockClick} />);

    fireEvent.click(getByTestId('table-pager-previous'));
    expect(mockClick).toHaveBeenCalledTimes(1);
  });

  it('should accept click on next button', () => {
    const mockClick = jest.fn();
    const { getByTestId } = customRender(<Pager handleNext={mockClick} />);

    fireEvent.click(getByTestId('table-pager-next'));
    expect(mockClick).toHaveBeenCalledTimes(1);
  });
});