import { render, screen } from '@testing-library/react'
import { describe, expect, it, vi } from 'vitest'
import PlayPage from './page'

vi.mock('@/lib/api-client', () => ({
  ApiClientError: class extends Error {
    status = 0
  },
  cardsApi: { themes: vi.fn(), random: vi.fn() },
}))

import { cardsApi } from '@/lib/api-client'

describe('PlayPage', () => {
  it('monte le jeu avec le sélecteur de thème et le tirage (F-01 à F-04, F-10)', async () => {
    vi.mocked(cardsApi.themes).mockResolvedValue(['git'])
    render(<PlayPage />)
    expect(screen.getByRole('button', { name: 'Tirer une carte' })).toBeInTheDocument()
    expect(screen.getByLabelText('Th\u00e8me')).toBeInTheDocument()
    await screen.findByRole('option', { name: 'git' })
  })
})