import { test, expect } from '@playwright/test';
import path from 'path';
import { fileURLToPath } from 'url';

const __filename = fileURLToPath(import.meta.url);
const __dirname = path.dirname(__filename);

test.describe('Vite SPA 어드민 템플릿 네비게이션 E2E 테스트', () => {
  test('프로토타입 갤러리 진입 및 카드 목록 확인', async ({ page }) => {
    // 1. 로컬 개발 서버 진입
    await page.goto('http://localhost:5173/templates');

    // 2. 갤러리 타이틀 렌더링 확인
    const header = page.locator('h2');
    await expect(header).toContainText('상용화 프로토타입 템플릿 갤러리');

    // 3. 카드 수 검증 (9대 템플릿)
    const cardLinks = page.locator('a:has-text("템플릿 화면 보기")');
    await expect(cardLinks).toHaveCount(9);

    // 4. Playwright E2E 스크린샷 캡쳐 (범용 아티팩트 경로 생성)
    const screenshotPath = path.resolve(__dirname, '../../../../antigravity-cli/brain/4ffb3a8c-b0d4-4610-9caa-b043a85a33af/templates_gallery_screenshot.png');
    await page.screenshot({ path: screenshotPath, fullPage: true });

    console.log('✓ E2E 검증 통과: 9대 CRUD/엑셀/OLAP 프로토타입 카드가 100% 정상 활성화되었습니다.');
    console.log(`✓ 스크린샷 증빙 파일 생성 완료: ${screenshotPath}`);
  });
});