import { render, screen } from '@testing-library/react';
import { MemoryRouter } from 'react-router';
import { ScrollToTop } from '../../src/common/ScrollToTop';
import { checkAccessibility } from '../__helpers__/accessibility';

describe('<ScrollToTop />', () => {
  const setUp = (children = 'Foo') =>
    render(
      <MemoryRouter>
        <ScrollToTop>{children}</ScrollToTop>
      </MemoryRouter>,
    );

  it('passes a11y checks', () => checkAccessibility(setUp()));

  it.each([['Foobar'], ['Barfoo'], ['Something']])('just renders children', (children) => {
    setUp(children);
    expect(screen.getByText(children)).toBeInTheDocument();
  });
});
