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

test.describe('Scaling E2E - Comprehensive', () => {
  test.beforeEach(async ({ page }) => {
    await page.goto('http://localhost:5173/scaling')
    await page.waitForLoadState('networkidle')
  })

  test('displays scaling configuration UI', async ({ page }) => {
    await expect(page.locator('text=/scaling/i')).toBeVisible()
    
    // Check for form controls
    await expect(page.locator('[role="combobox"], select').first()).toBeVisible()
    
    // Check for sliders
    await expect(page.locator('text=/nodes|workers|database/i')).toBeVisible()
  })

  test('has provider selection', async ({ page }) => {
    await expect(page.locator('text=/provider|hetzner/i')).toBeVisible()
  })

  test('has create scaling plan button', async ({ page }) => {
    await expect(page.locator('button:has-text("Create"), button:has-text("Plan")')).toBeVisible()
  })
})