plex-playlist/frontend/tests/e2e/app.spec.ts

/**
 * End-to-end tests using Playwright
 */

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

// Helper function for network-resilient page navigation
async function navigateWithRetry(page: any, url: string, maxRetries = 3): Promise<void> {
  for (let i = 0; i < maxRetries; i++) {
    try {
      await page.goto(url, {
        waitUntil: 'networkidle',
        timeout: process.env.CI ? 45000 : 30000
      })
      return // Success
    } catch (error) {
      if (i === maxRetries - 1) throw error // Last attempt failed
      console.log(`Navigation attempt ${i + 1} failed, retrying...`)
      await page.waitForTimeout(2000) // Wait before retry
    }
  }
}

test.describe('Plex Playlist App', () => {
  test('should display app title', async ({ page }) => {
    await navigateWithRetry(page, '/')

    // Wait for the app to fully load with network resilience
    await page.waitForSelector('h1', { timeout: 15000 })
    await expect(page.locator('h1')).toContainText('Plex Playlist')
  })

  test('should have welcome message', async ({ page }) => {
    await navigateWithRetry(page, '/')

    // Wait for the welcome message to appear with network resilience
    await page.waitForSelector('p', { timeout: 15000 })
    await expect(page.locator('p')).toContainText('Welcome to the Plex Playlist Manager')
  })

  test('should load without errors', async ({ page }) => {
    const errors: string[] = []
    page.on('console', (msg) => {
      if (msg.type() === 'error') {
        // Filter out network-related errors that are acceptable in CI
        const errorText = msg.text()
        if (!errorText.includes('net::') && !errorText.includes('Failed to fetch')) {
          errors.push(errorText)
        }
      }
    })

    await navigateWithRetry(page, '/')

    // Wait for app to fully load with extra time for network instability
    await page.waitForLoadState('networkidle')

    // Give extra time for any async operations in unstable networks
    await page.waitForTimeout(process.env.CI ? 3000 : 1000)

    expect(errors).toHaveLength(0)
  })
})