import { screen } from '@testing-library/react'; import { fromPartial } from '@total-typescript/shoehorn'; import { formatISO } from 'date-fns'; import { MemoryRouter } from 'react-router-dom'; import type { MercureBoundProps } from '../../src/shlink-web-component/mercure/helpers/boundToMercureHub'; import { NonOrphanVisits as createNonOrphanVisits } from '../../src/shlink-web-component/visits/NonOrphanVisits'; import type { VisitsInfo } from '../../src/shlink-web-component/visits/reducers/types'; import { renderWithEvents } from '../__helpers__/setUpTest'; describe('', () => { const exportVisits = vi.fn(); const getNonOrphanVisits = vi.fn(); const cancelGetNonOrphanVisits = vi.fn(); const nonOrphanVisits = fromPartial({ visits: [{ date: formatISO(new Date()) }] }); const NonOrphanVisits = createNonOrphanVisits(fromPartial({ exportVisits })); const setUp = () => renderWithEvents( ({ mercureInfo: {} })} getNonOrphanVisits={getNonOrphanVisits} cancelGetNonOrphanVisits={cancelGetNonOrphanVisits} nonOrphanVisits={nonOrphanVisits} settings={fromPartial({})} /> , ); it('wraps visits stats and header', () => { setUp(); expect(screen.getByRole('heading', { name: 'Non-orphan visits' })).toBeInTheDocument(); expect(getNonOrphanVisits).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('non_orphan_visits.csv', expect.anything()); }); });