import { test, expect } from '@playwright/test'

test.describe('fight replay', () => {
  test('arena page loads without JS errors', async ({ page }) => {
    const jsErrors: string[] = []
    page.on('pageerror', err => jsErrors.push(err.message))

    await page.goto('/arena')
    await page.waitForTimeout(2000)

    // Filter out expected errors (e.g., missing API data in test env)
    const criticalErrors = jsErrors.filter(e =>
      e.includes('TypeError') || e.includes('ReferenceError') || e.includes('SyntaxError')
    )
    expect(criticalErrors).toHaveLength(0)
  })

  test('fight page with invalid ID shows error gracefully', async ({ page }) => {
    const jsErrors: string[] = []
    page.on('pageerror', err => jsErrors.push(err.message))

    await page.goto('/arena/nonexistent-fight-id')
    await page.waitForTimeout(2000)

    // Should not crash — may show error state or redirect
    const criticalErrors = jsErrors.filter(e =>
      e.includes('ReferenceError') || e.includes('SyntaxError')
    )
    expect(criticalErrors).toHaveLength(0)
  })
})