import { describe, it, expect, beforeEach, vi } from 'vitest'
import { renderHook, waitFor } from '@testing-library/react'
import { QueryClient, QueryClientProvider } from '@tanstack/react-query'
import { useSourceStore } from '../providers/sources/store'
import type { QuerySource, Source } from '../providers/sources/types'
import { getTimeSeries, useTimeSeries } from './time-series'
import type { TimeSeriesWidgetProps } from './types'

/**
 * End-to-end parity check: a value warmed by calling
 * `queryClient.prefetchQuery(getTimeSeries(...))` is read by `useTimeSeries`
 * on the first render with no fetching.
 */
describe('getTimeSeries ↔ useTimeSeries parity', () => {
  beforeEach(() => {
    useSourceStore.setState({ sources: {}, filters: {} })
  })

  it('useTimeSeries returns prefetched data on first render without re-fetching', async () => {
    const queryClient = new QueryClient({
      defaultOptions: { queries: { retry: false, staleTime: Infinity } },
    })

    const expected = [
      { name: '2026-01', value: 1 },
      { name: '2026-02', value: 2 },
    ]
    const widgetSpy = vi.fn().mockResolvedValue(expected)

    const widgetProps: TimeSeriesWidgetProps = {
      column: 'created_at',
      stepSize: 'month',
      operation: 'count',
    }

    const sourceConfig: Omit<Source<QuerySource>, 'id'> = {
      type: 'query',
      data: 'SELECT 1',
      connectionName: 'conn',
      apiBaseUrl: 'http://api',
    }
    useSourceStore.getState().setSource<QuerySource>('demo', sourceConfig)

    const source = useSourceStore.getState().sources.demo
    if (source?.widgets) {
      source.widgets.getTimeSeries = widgetSpy
    }

    await queryClient.prefetchQuery(
      getTimeSeries({
        accessToken: 'tok',
        sourceId: 'demo',
        widgetProps,
      }),
    )

    expect(widgetSpy).toHaveBeenCalledOnce()

    const wrapper = ({ children }: { children: React.ReactNode }) => (
      <QueryClientProvider client={queryClient}>{children}</QueryClientProvider>
    )

    const { result } = renderHook(
      () =>
        useTimeSeries({
          accessToken: 'tok',
          sourceId: 'demo',
          widgetProps,
        }),
      { wrapper },
    )

    await waitFor(() => {
      expect(result.current.data).toEqual(expected)
    })

    expect(widgetSpy).toHaveBeenCalledOnce()
  })
})
