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

test.describe('프로덕션 사용자 흐름 테스트', () => {
  test('홈페이지 → 로그인 → 대시보드 → 블로그 CRUD', async ({ page }) => {
    const baseUrl = process.env.E2E_BASE_URL || 'https://taxbaik.com/taxbaik';
    const username = process.env.E2E_ADMIN_USERNAME || 'test_admin';
    const password = process.env.E2E_ADMIN_PASSWORD || 'TestAdmin@123456';

    console.log('=== 1단계: 홈페이지 접속 ===');
    await page.goto(baseUrl);
    await expect(page).toHaveURL(/\/taxbaik\/?$/);
    console.log('✓ 홈페이지 로드됨');

    // 홈페이지 콘텐츠 확인
    const pageTitle = await page.title();
    console.log(`✓ 페이지 제목: ${pageTitle}`);

    // 로그인 링크 찾기
    console.log('\n=== 2단계: 로그인 페이지 이동 ===');
    await page.goto(`${baseUrl}/admin/login`);
    await expect(page).toHaveURL(/\/admin\/login$/);
    console.log('✓ 로그인 페이지 접속');

    // 로그인 폼 입력
    console.log('\n=== 3단계: 로그인 수행 ===');
    await page.fill('input[name="username"]', username);
    await page.fill('input[name="password"]', password);
    console.log(`✓ 입력: ${username}`);

    // 로그인 버튼 클릭
    await page.click('button[type="submit"]');
    await page.waitForNavigation({ timeout: 10000 }).catch(() => {});

    // 대시보드로 리다이렉트 확인
    console.log('\n=== 4단계: 대시보드 확인 ===');
    await page.waitForURL(/\/admin\/dashboard/, { timeout: 20000 });
    console.log('✓ 대시보드 URL 도착');

    // 대시보드 컴포넌트 로드 확인
    await page.waitForSelector('text=로그아웃', { timeout: 30000 });
    console.log('✓ 로그아웃 버튼 표시 (인증 완료)');

    // 네비게이션 메뉴 확인
    const blogLink = page.locator('text=블로그 관리');
    await expect(blogLink).toBeVisible({ timeout: 30000 });
    console.log('✓ 블로그 관리 메뉴 표시');

    // 블로그 페이지로 이동
    console.log('\n=== 5단계: 블로그 관리 페이지 이동 ===');
    await blogLink.click();
    await page.waitForURL(/\/admin\/blog/, { timeout: 20000 });
    console.log('✓ 블로그 관리 페이지 접속');

    // 블로그 목록 로드 확인
    console.log('\n=== 6단계: 블로그 목록 확인 ===');
    await page.waitForSelector('[role="grid"]', { timeout: 30000 }).catch(() => {
      console.log('⚠️ 데이터 그리드를 찾을 수 없음 (로딩 중일 수 있음)');
    });

    // 새 포스트 버튼 찾기
    const createBtn = page.locator('button:has-text("새")').first();
    await expect(createBtn).toBeVisible({ timeout: 30000 });
    console.log('✓ 블로그 목록 로드됨');

    // 스크린샷
    console.log('\n=== 7단계: 스크린샷 저장 ===');
    await page.screenshot({ path: 'test-results/production-blog-page.png' });
    console.log('✓ 스크린샷 저장됨: test-results/production-blog-page.png');

    // 로그아웃
    console.log('\n=== 8단계: 로그아웃 ===');
    const logoutBtn = page.locator('text=로그아웃');
    await logoutBtn.click();
    await page.waitForURL(/\/admin\/login/, { timeout: 10000 }).catch(() => {});
    console.log('✓ 로그아웃 완료');

    console.log('\n=== ✅ 전체 사용자 흐름 테스트 완료 ===');
  });
});