import { screen } from '@testing-library/react';
import { MemoryRouter } from 'react-router-dom';
import { identity } from 'ramda';
import { Mock } from 'ts-mockery';
import { formatISO } from 'date-fns';
import type { ShortUrlVisitsProps } from '../../src/visits/ShortUrlVisits';
import { ShortUrlVisits as createShortUrlVisits } from '../../src/visits/ShortUrlVisits';
import type { ShortUrlVisits as ShortUrlVisitsState } from '../../src/visits/reducers/shortUrlVisits';
import type { ShortUrlDetail } from '../../src/short-urls/reducers/shortUrlDetail';
import type { MercureBoundProps } from '../../src/mercure/helpers/boundToMercureHub';
import type { ReportExporter } from '../../src/common/services/ReportExporter';
import type { Visit } from '../../src/visits/types';
import type { Settings } from '../../src/settings/reducers/settings';
import { renderWithEvents } from '../__helpers__/setUpTest';
describe('', () => {
const getShortUrlVisitsMock = jest.fn();
const exportVisits = jest.fn();
const shortUrlVisits = Mock.of({ visits: [Mock.of({ date: formatISO(new Date()) })] });
const ShortUrlVisits = createShortUrlVisits(Mock.of({ exportVisits }));
const setUp = () => renderWithEvents(
()}
{...Mock.of({ mercureInfo: {} })}
getShortUrlDetail={identity}
getShortUrlVisits={getShortUrlVisitsMock}
shortUrlVisits={shortUrlVisits}
shortUrlDetail={Mock.all()}
settings={Mock.all()}
cancelGetShortUrlVisits={() => {}}
/>
,
);
it('wraps visits stats and header', () => {
setUp();
expect(screen.getAllByRole('heading')[0]).toHaveTextContent('Visits for');
expect(getShortUrlVisitsMock).toHaveBeenCalled();
});
it('exports visits when clicking the button', async () => {
const { user } = setUp();
const btn = screen.getByRole('button', { name: 'Export (1)' });
expect(exportVisits).not.toHaveBeenCalled();
expect(btn).toBeInTheDocument();
await user.click(btn);
expect(exportVisits).toHaveBeenCalledWith('short-url_undefined_visits.csv', expect.anything());
});
});