import { renderHook, act } from '@testing-library/react'
import { useColumnResize } from '../../hooks/useColumnResize'

describe('useColumnResize', () => {
  describe('initialization', () => {
    it('should return empty widths by default', () => {
      const { result } = renderHook(() => useColumnResize())

      expect(result.current.columnWidths).toEqual({})
      expect(result.current.isResizing).toBe(false)
      expect(result.current.resizingColumn).toBe(null)
    })

    it('should use initial widths when provided', () => {
      const initialWidths = { col1: 100, col2: 200 }
      const { result } = renderHook(() =>
        useColumnResize({ initialWidths })
      )

      expect(result.current.columnWidths).toEqual(initialWidths)
    })
  })

  describe('getColumnWidth', () => {
    it('should return resized width when column has been resized', () => {
      const initialWidths = { col1: 150 }
      const { result } = renderHook(() =>
        useColumnResize({ enabled: true, initialWidths })
      )

      expect(result.current.getColumnWidth('col1')).toBe(150)
    })

    it('should return default width when column has not been resized', () => {
      const { result } = renderHook(() =>
        useColumnResize({ enabled: true })
      )

      expect(result.current.getColumnWidth('col1', 100)).toBe(100)
    })

    it('should return default width when disabled', () => {
      const initialWidths = { col1: 150 }
      const { result } = renderHook(() =>
        useColumnResize({ enabled: false, initialWidths })
      )

      expect(result.current.getColumnWidth('col1', 100)).toBe(100)
    })
  })

  describe('startResize', () => {
    it('should set resizing state when starting resize', () => {
      const { result } = renderHook(() =>
        useColumnResize({ enabled: true })
      )

      act(() => {
        result.current.startResize('col1', 100, 150)
      })

      expect(result.current.isResizing).toBe(true)
      expect(result.current.resizingColumn).toBe('col1')
    })

    it('should not start resize when disabled', () => {
      const { result } = renderHook(() =>
        useColumnResize({ enabled: false })
      )

      act(() => {
        result.current.startResize('col1', 100, 150)
      })

      expect(result.current.isResizing).toBe(false)
      expect(result.current.resizingColumn).toBe(null)
    })
  })

  describe('resetWidths', () => {
    it('should reset all widths to empty', () => {
      const onWidthChange = jest.fn()
      const { result } = renderHook(() =>
        useColumnResize({
          enabled: true,
          initialWidths: { col1: 100, col2: 200 },
          onWidthChange,
        })
      )

      expect(result.current.columnWidths).toEqual({ col1: 100, col2: 200 })

      act(() => {
        result.current.resetWidths()
      })

      expect(result.current.columnWidths).toEqual({})
      expect(onWidthChange).toHaveBeenCalledWith({})
    })
  })

  describe('minWidth enforcement', () => {
    it('should respect default minWidth of 50', () => {
      const { result } = renderHook(() =>
        useColumnResize({ enabled: true })
      )

      // minWidth is enforced during mouse move, not in startResize
      // The hook stores the minWidth and uses it during resize calculations
      expect(result.current.columnWidths).toEqual({})
    })

    it('should accept custom minWidth', () => {
      const { result } = renderHook(() =>
        useColumnResize({ enabled: true, minWidth: 100 })
      )

      // Custom minWidth is stored internally
      expect(result.current.columnWidths).toEqual({})
    })
  })
})