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

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

  test('displays template catalog', async ({ page }) => {
    await expect(page.locator('text=/templates/i')).toBeVisible()
    
    // Check for template cards
    const cards = page.locator('.MuiCard-root')
    await expect(cards.first()).toBeVisible()
  })

  test('shows pricing information', async ({ page }) => {
    await expect(page.locator('text=/€|EUR|cost|price/i')).toBeVisible()
  })

  test('displays template details', async ({ page }) => {
    // Wait for templates to load
    await page.waitForTimeout(1000)
    
    const text = await page.textContent('body')
    expect(text?.toLowerCase()).toMatch(/worker|database|memory|cpu/i)
  })
})