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

test.describe('E2E - Infinite Loop Detection', () => {
  test.beforeEach(async ({ page }) => {
    // Track all network requests
    const apiCalls: string[] = []
    page.on('request', request => {
      if (request.url().includes('/api/v1/')) {
        apiCalls.push(`${request.method()} ${request.url()}`)
      }
    })

    await page.goto('http://localhost:3000')
    await page.waitForLoadState('networkidle')
  })

  test('should not make repeated API calls after initial load', async ({ page }) => {
    const initialApiCalls = await page.evaluate(() => {
      return (window as any).__apiCallCount || 0
    })

    // Wait for initial load
    await page.waitForSelector('text=Services & Expertise')
    await page.waitForSelector('text=Technical Skills')

    // Wait a bit more to catch any delayed calls
    await page.waitForTimeout(3000)

    const finalApiCalls = await page.evaluate(() => {
      return (window as any).__apiCallCount || 0
    })

    // Should not have made additional API calls
    expect(finalApiCalls).toBeLessThanOrEqual(initialApiCalls + 1)
  })

  test('should load all sections without errors', async ({ page }) => {
    await expect(page.locator('text=Services & Expertise')).toBeVisible()
    await expect(page.locator('text=Selected Projects')).toBeVisible()
    await expect(page.locator('text=Technical Skills')).toBeVisible()
    await expect(page.locator('text=Experience')).toBeVisible()
    await expect(page.locator('text=Let\\'s Build Something Great')).toBeVisible()
  })

  test('should handle navigation without duplicate fetches', async ({ page }) => {
    // Scroll to trigger any lazy loading
    await page.evaluate(() => window.scrollTo(0, document.body.scrollHeight))
    await page.waitForTimeout(1000)
    await page.evaluate(() => window.scrollTo(0, 0))
    await page.waitForTimeout(1000)

    // Check for console errors
    const errors: string[] = []
    page.on('console', msg => {
      if (msg.type() === 'error') {
        errors.push(msg.text())
      }
    })

    await page.waitForTimeout(2000)

    // Filter out known non-critical errors
    const criticalErrors = errors.filter(e => 
      !e.includes('favicon') && 
      !e.includes('404') &&
      !e.includes('DevTools')
    )

    expect(criticalErrors.length).toBe(0)
  })

  test('contact form submission works', async ({ page }) => {
    await page.locator('input[name="name"]').fill('John Doe')
    await page.locator('input[name="email"]').fill('john@example.com')
    await page.locator('input[name="subject"]').fill('Test Subject')
    await page.locator('textarea[name="message"]').fill('This is a test message for the contact form.')

    await page.click('button:has-text("Send Message")')

    await expect(page.locator('text=Message Sent!')).toBeVisible({ timeout: 10000 })
  })
})