navidrome/ui/src/plugin/PluginList.test.jsx

import React from 'react'
import {
  render,
  screen,
  fireEvent,
  waitFor,
  within,
} from '@testing-library/react'
import { describe, it, expect, vi, beforeEach } from 'vitest'

const mockNotify = vi.fn()
const mockRefresh = vi.fn()

// Mock react-admin hooks
vi.mock('react-admin', async () => {
  const actual = await vi.importActual('react-admin')
  return {
    ...actual,
    useUpdate: vi.fn(() => [vi.fn(), { loading: false }]),
    useNotify: vi.fn(() => mockNotify),
    useRefresh: vi.fn(() => mockRefresh),
    useTranslate: vi.fn(() => (key) => key),
    useResourceContext: vi.fn(() => 'plugin'),
    useRecordContext: vi.fn(() => ({
      id: 'test-plugin',
      manifest: JSON.stringify({
        name: 'Test Plugin',
        version: '1.0.0',
        description: 'Test plugin',
      }),
      enabled: true,
      lastError: null,
    })),
    Button: ({ onClick, disabled, label, children }) => (
      <button onClick={onClick} disabled={disabled} data-testid="rescan-button">
        {children}
        {label}
      </button>
    ),
    TopToolbar: ({ children }) => (
      <div data-testid="top-toolbar">{children}</div>
    ),
    Empty: () => <div data-testid="ra-empty">No resources</div>,
    Datagrid: ({ children }) => <div data-testid="datagrid">{children}</div>,
    TextField: ({ source }) => <span data-testid={`text-${source}`} />,
  }
})

// Mock common components
vi.mock('../common', async () => {
  return {
    List: ({ children, actions, empty, ...props }) => (
      <div data-testid="list">
        {actions}
        {empty && <div data-testid="empty-state">{empty}</div>}
        {children}
      </div>
    ),
    DateField: ({ source }) => <span data-testid={`date-${source}`} />,
    SimpleList: ({ primaryText, secondaryText }) => (
      <div data-testid="simple-list" />
    ),
    useResourceRefresh: vi.fn(),
  }
})

// Mock Material-UI
vi.mock('@material-ui/core', async () => {
  const actual = await vi.importActual('@material-ui/core')
  return {
    ...actual,
    useMediaQuery: vi.fn(() => false),
  }
})

// Mock ToggleEnabledSwitch
vi.mock('./ToggleEnabledSwitch', () => ({
  default: () => <span data-testid="toggle-switch" />,
}))

// Mock httpClient
const mockHttpClient = vi.fn()
vi.mock('../dataProvider', () => ({
  httpClient: (...args) => mockHttpClient(...args),
}))

import PluginList from './PluginList'

describe('PluginList', () => {
  beforeEach(() => {
    vi.clearAllMocks()
    mockHttpClient.mockResolvedValue({})
  })

  it('renders the list component', () => {
    render(<PluginList />)
    expect(screen.getByTestId('list')).toBeInTheDocument()
  })

  it('renders the datagrid on desktop', () => {
    render(<PluginList />)
    expect(screen.getByTestId('datagrid')).toBeInTheDocument()
  })

  it('renders the rescan button in the toolbar', () => {
    render(<PluginList />)
    const toolbar = screen.getByTestId('top-toolbar')
    expect(within(toolbar).getByTestId('rescan-button')).toBeInTheDocument()
  })

  it('calls rescan endpoint when rescan button is clicked', async () => {
    render(<PluginList />)
    const toolbar = screen.getByTestId('top-toolbar')
    const rescanButton = within(toolbar).getByTestId('rescan-button')

    fireEvent.click(rescanButton)

    await waitFor(() => {
      expect(mockHttpClient).toHaveBeenCalledWith('/api/plugin/rescan', {
        method: 'POST',
      })
    })
  })

  it('calls refresh after successful rescan', async () => {
    render(<PluginList />)
    const toolbar = screen.getByTestId('top-toolbar')
    const rescanButton = within(toolbar).getByTestId('rescan-button')

    fireEvent.click(rescanButton)

    await waitFor(() => {
      expect(mockRefresh).toHaveBeenCalled()
    })
  })

  it('shows error notification on rescan failure', async () => {
    mockHttpClient.mockRejectedValue(new Error('Network error'))

    render(<PluginList />)
    const toolbar = screen.getByTestId('top-toolbar')
    const rescanButton = within(toolbar).getByTestId('rescan-button')

    fireEvent.click(rescanButton)

    await waitFor(() => {
      expect(mockNotify).toHaveBeenCalledWith('Network error', {
        type: 'warning',
      })
    })
  })

  it('renders a rescan button in the empty state', () => {
    render(<PluginList />)
    const emptyState = screen.getByTestId('empty-state')
    expect(emptyState).toBeInTheDocument()
    expect(within(emptyState).getByTestId('rescan-button')).toBeInTheDocument()
  })

  it('empty state rescan button triggers rescan', async () => {
    render(<PluginList />)
    const emptyState = screen.getByTestId('empty-state')
    const rescanButton = within(emptyState).getByTestId('rescan-button')

    fireEvent.click(rescanButton)

    await waitFor(() => {
      expect(mockHttpClient).toHaveBeenCalledWith('/api/plugin/rescan', {
        method: 'POST',
      })
    })
  })
})