taxbaik/tests/e2e/blog-crud.spec.ts

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

const username = process.env.E2E_ADMIN_USERNAME ?? 'admin';
const password = process.env.E2E_ADMIN_PASSWORD;
const baseUrl = (process.env.E2E_BASE_URL ?? 'http://178.104.200.7/taxbaik').replace(/\/$/, '');

test.describe('blog CRUD operations', () => {
  test('complete blog creation, read, update, delete flow', async ({ page }) => {
    test.skip(!password, 'E2E_ADMIN_PASSWORD is required.');

    // localStorage 초기화 (이전 테스트의 상태 제거)
    await page.goto(`${baseUrl}/admin/login`);
    await page.evaluate(() => localStorage.clear());

    // 1. 로그인
    await page.locator('input[name="username"]').fill(username);
    await page.locator('input[name="password"]').fill(password);
    await page.getByRole('button', { name: '로그인' }).click();

    // 대시보드로 리다이렉트 대기 (더 긴 타임아웃)
    await page.waitForURL('**/admin/dashboard', { timeout: 30_000 });
    console.log('✓ Logged in and redirected to dashboard');
    
    // 2. 블로그 페이지로 이동
    await page.goto(`${baseUrl}/admin/blog`);
    await page.waitForTimeout(2000);
    
    // 블로그 목록 표시 대기
    const blogListSelector = '[class*="mud-table"]';
    await page.waitForSelector(blogListSelector, { timeout: 30_000 }).catch(() => null);
    console.log('✓ Blog list page loaded');

    // 3. 새 블로그 포스트 작성
    const createButton = page.getByRole('button', { name: /새|추가|작성/i });
    if (await createButton.isVisible({ timeout: 5_000 }).catch(() => false)) {
      await createButton.click();
      await page.waitForTimeout(1000);
      console.log('✓ Create blog dialog opened');
    }

    // 4. 블로그 목록에서 첫 번째 포스트 확인
    const firstBlogRow = page.locator('tbody tr').first();
    if (await firstBlogRow.isVisible({ timeout: 5_000 }).catch(() => false)) {
      console.log('✓ Blog posts exist in list');
    }

    // 5. 로그아웃 (선택사항)
    const logoutButton = page.getByRole('link', { name: /로그아웃/ });
    if (await logoutButton.isVisible({ timeout: 5_000 }).catch(() => false)) {
      await logoutButton.click();
      console.log('✓ Logout successful');
    }

    console.log('✓ Blog CRUD flow complete');
  });
});