import { render } from '@testing-library/react';
import { TrackPlaceView } from '@/components/places/TrackPlaceView';

const trackMock = jest.fn();
jest.mock('@/lib/analytics', () => ({
  track: (...args: unknown[]) => trackMock(...args),
  getNavigationSource: () => 'search',
}));

describe('TrackPlaceView', () => {
  beforeEach(() => trackMock.mockClear());

  it('reports which kind of location page was viewed', () => {
    /*
     * `kind` is the reason this event exists. Whether to keep investing in the
     * location layer turns on which *sort* of page earns engagement — towns,
     * authorities or postcode districts — and a bare pageview cannot say,
     * because all four families share the /schools/ prefix.
     */
    render(<TrackPlaceView kind="authority" slug="kent" count={412} />);
    expect(trackMock).toHaveBeenCalledWith('place_viewed', {
      kind: 'authority', slug: 'kent', phase: 'all',
      school_count: 412, from: 'search',
    });
  });

  it('names the phase when the page is a phase variant', () => {
    render(<TrackPlaceView kind="town" slug="brentwood" count={29} phase="primary" />);
    expect(trackMock).toHaveBeenCalledWith('place_viewed',
      expect.objectContaining({ phase: 'primary' }));
  });

  it('fires once, not once per render', () => {
    const { rerender } = render(
      <TrackPlaceView kind="town" slug="brentwood" count={29} />);
    rerender(<TrackPlaceView kind="town" slug="brentwood" count={29} />);
    expect(trackMock).toHaveBeenCalledTimes(1);
  });

  it('renders nothing', () => {
    const { container } = render(
      <TrackPlaceView kind="town" slug="brentwood" count={29} />);
    expect(container).toBeEmptyDOMElement();
  });
});