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

test.describe('Logo Screenshot', () => {
  test('capture custom SVG logo', async ({ page }) => {
    // Navigate to the landing page
    await page.goto('/')
    
    // Wait for page to load
    await page.waitForLoadState('networkidle')
    
    // Find the header
    const header = page.locator('header')
    await expect(header).toBeVisible()
    
    // Take screenshot of the entire header
    await header.screenshot({ path: 'frontend/test-results/screenshots/custom-logo-header.png' })
    
    // Take a close-up of just the logo area
    const logoArea = header.locator('div').first()
    await logoArea.screenshot({ path: 'frontend/test-results/screenshots/custom-logo-closeup.png' })
    
    console.log('✅ Screenshots saved to frontend/test-results/screenshots/')
  })
})