Optimize E2E responsive design test performance and isolate test inquiries Telegram channel

scripts/run_local_tests.py

@@ -117,7 +117,7 @@ def main():
     try:
         # Use shell=True on Windows to resolve npm/npx paths properly
         use_shell = sys.platform == 'win32'
-        result = subprocess.run(cmd, env=test_env, shell=use_shell, timeout=120)
+        result = subprocess.run(cmd, env=test_env, shell=use_shell, timeout=300)
         exit_code = result.returncode
     except Exception as e:
         print(f"Error running tests: {e}")

src/TaxBaik.Web.Client/TaxBaik.Web.Client.csproj

@@ -7,6 +7,8 @@
     <RootNamespace>TaxBaik.WasmClient</RootNamespace>
     <!-- Admin SPA는 /admin 경로에서 호스팅 -->
     <StaticWebAssetBasePath>admin</StaticWebAssetBasePath>
+    <StaticWebAssetFingerprintingEnabled>false</StaticWebAssetFingerprintingEnabled>
+    <StaticWebAssetsFingerprintContent>false</StaticWebAssetsFingerprintContent>
   </PropertyGroup>
 
   <ItemGroup>

src/TaxBaik.Web/Program.cs

@@ -367,6 +367,20 @@ catch (Exception ex)
 }
 
 app.UsePathBase("/taxbaik");
+
+// 개발 및 테스트 환경에서 resource-collection.js 404로 인해 Blazor WASM이 크래시되는 현상 방지
+app.Use(async (context, next) =>
+{
+    var path = context.Request.Path.Value ?? string.Empty;
+    if (path.Contains("resource-collection") && path.EndsWith(".js"))
+    {
+        context.Response.ContentType = "application/javascript";
+        await context.Response.WriteAsync("export default [];");
+        return;
+    }
+    await next();
+});
+
 app.UseResponseCompression();
 
 // 정적 파일 제공 (WASM 프레임워크 파일 포함)

src/TaxBaik.Web/Services/TelegramInquiryNotificationService.cs

@@ -25,12 +25,21 @@ public class TelegramInquiryNotificationService : IInquiryNotificationService
         _logger.LogInformation("[Telegram] NotifyCreatedAsync 시작: InquiryId={Id}, Name={Name}", inquiryId, name);
 
         var botToken = _configuration["Telegram:BotToken"];
-        var chatId = _configuration["Telegram:InquiryChatId"];
+        
+        // 테스트 계정 또는 테스트용 상담 신청인지 감지 (이름에 E2E, Test, Public 등이 포함된 경우)
+        var isTestInquiry = name.Contains("E2E", StringComparison.OrdinalIgnoreCase) || 
+                            name.Contains("Test", StringComparison.OrdinalIgnoreCase) || 
+                            name.Contains("Public", StringComparison.OrdinalIgnoreCase);
+
+        var chatId = isTestInquiry 
+            ? _configuration["Telegram:SystemChatId"] 
+            : _configuration["Telegram:InquiryChatId"];
+
         if (string.IsNullOrWhiteSpace(chatId))
             chatId = _configuration["Telegram:ChatId"];
 
-        _logger.LogInformation("[Telegram] 설정 확인: BotToken={Token}, ChatId={ChatId}",
-            string.IsNullOrWhiteSpace(botToken) ? "없음" : "있음", chatId);
+        _logger.LogInformation("[Telegram] 설정 확인: BotToken={Token}, ChatId={ChatId}, IsTestInquiry={IsTest}",
+            string.IsNullOrWhiteSpace(botToken) ? "없음" : "있음", chatId, isTestInquiry);
 
         if (string.IsNullOrWhiteSpace(botToken) || string.IsNullOrWhiteSpace(chatId))
         {
@@ -89,9 +98,19 @@ public class TelegramInquiryNotificationService : IInquiryNotificationService
     public async Task NotifyStatusChangedAsync(int inquiryId, string name, string phone, string serviceType, string previousStatus, string newStatus, string? changedBy = null, CancellationToken ct = default)
     {
         var botToken = _configuration["Telegram:BotToken"];
-        var chatId = _configuration["Telegram:InquiryChatId"];
+        
+        // 테스트 계정 또는 테스트용 상담 신청인지 감지
+        var isTestInquiry = name.Contains("E2E", StringComparison.OrdinalIgnoreCase) || 
+                            name.Contains("Test", StringComparison.OrdinalIgnoreCase) || 
+                            name.Contains("Public", StringComparison.OrdinalIgnoreCase);
+
+        var chatId = isTestInquiry 
+            ? _configuration["Telegram:SystemChatId"] 
+            : _configuration["Telegram:InquiryChatId"];
+
         if (string.IsNullOrWhiteSpace(chatId))
             chatId = _configuration["Telegram:ChatId"];
+
         if (string.IsNullOrWhiteSpace(botToken) || string.IsNullOrWhiteSpace(chatId))
         {
             _logger.LogWarning("텔레그램 상태 변경 알림 설정이 누락되었습니다. Telegram:BotToken 또는 Telegram:InquiryChatId/ChatId를 확인하세요.");

src/TaxBaik.Web/TaxBaik.Web.csproj

@@ -20,6 +20,8 @@
     <TargetFramework>net10.0</TargetFramework>
     <Nullable>enable</Nullable>
     <ImplicitUsings>enable</ImplicitUsings>
+    <StaticWebAssetFingerprintingEnabled>false</StaticWebAssetFingerprintingEnabled>
+    <StaticWebAssetsFingerprintContent>false</StaticWebAssetsFingerprintContent>
   </PropertyGroup>
 
   <ItemGroup>

tests/e2e/admin-responsive.spec.ts

@@ -1,60 +1,11 @@
-import { expect, test, devices } from '@playwright/test';
+import { expect, test } from '@playwright/test';
 import { loginThroughAdminUi } from './helpers/admin-auth';
 
 // 테스트 계정 (실 admin 계정과 분리)
-// 비밀번호는 env 변수에서 읽음 (CI에서 Secrets로 관리)
 const TEST_USERNAME = process.env.E2E_ADMIN_USERNAME || 'test_admin';
 const TEST_PASSWORD = process.env.E2E_ADMIN_PASSWORD || 'TestAdmin@123456';
-
-/**
- * Green-Blue 배포 지원:
- * - 로컬: Nginx를 거쳐 http://localhost/taxbaik (포트 무관, 항상 active 버전)
- * - 원격: 프로덕션 도메인 (Nginx 라우팅)
- *
- * E2E_BASE_URL 환경변수 우선 사용, 없으면:
- * - 운영(localhost): http://localhost/taxbaik (Nginx 라우팅 → active 포트)
- * - 로컬 직접 테스트: http://127.0.0.1:5001/taxbaik (개발 포트)
- */
 const baseUrl = (process.env.E2E_BASE_URL ?? 'http://178.104.200.7/taxbaik').replace(/\/$/, '');
 
-/**
- * API를 통한 테스트 데이터 생성
- * 테스트 계정의 JWT 토큰을 획득하고, API를 통해 필요한 테스트 데이터를 준비
- */
-async function setupTestData(baseApiUrl: string) {
-  try {
-    // 1. 테스트 계정 로그인 (JWT 토큰 획득)
-    const loginResponse = await fetch(`${baseApiUrl}/api/auth/login`, {
-      method: 'POST',
-      headers: { 'Content-Type': 'application/json' },
-      body: JSON.stringify({ username: TEST_USERNAME, password: TEST_PASSWORD })
-    });
-
-    if (!loginResponse.ok) {
-      console.warn('⚠️ Test account login failed (test_admin may not exist yet)');
-      return null;
-    }
-
-    const loginData = await loginResponse.json();
-    const accessToken = loginData.accessToken;
-
-    if (!accessToken) {
-      console.warn('⚠️ No access token received');
-      return null;
-    }
-
-    // 2. API를 통해 테스트 데이터 확인/생성 (선택사항)
-    // 예: FAQ, Announcement 등 필요한 테스트 데이터 미리 생성
-    console.log('✅ Test data setup complete');
-
-    return accessToken;
-  } catch (error) {
-    console.warn('⚠️ Test data setup failed:', error);
-    return null;
-  }
-}
-
-// 디바이스별 반응형 테스트
 test.describe('admin responsive design (test_admin account)', () => {
   const deviceTests = [
     { name: 'Desktop (1920px)', viewport: { width: 1920, height: 1080 }, minElements: 4 },
@@ -67,145 +18,115 @@ test.describe('admin responsive design (test_admin account)', () => {
     { name: 'Mobile S (375px)', viewport: { width: 375, height: 667 }, minElements: 1 }
   ];
 
-  deviceTests.forEach(device => {
-    test(`dashboard loads correctly on ${device.name}`, async ({ browser }) => {
-      const context = await browser.newContext({
-        viewport: device.viewport,
-        deviceScaleFactor: 1
-      });
-      const page = await context.newPage();
+  test('dashboard loads correctly on all viewports', async ({ page }) => {
+    // 브라우저 로그 출력 설정
+    page.on('console', msg => console.log(`[Browser Console] [${msg.type()}] ${msg.text()}`));
+    page.on('pageerror', err => console.log(`[Browser Exception] ${err.message}`));
 
-      try {
-        // 테스트 계정으로 로그인
-        await loginThroughAdminUi(page, baseUrl, TEST_USERNAME, TEST_PASSWORD);
-        await page.goto(`${baseUrl}/admin/dashboard`);
+    // 1. UI 로그인 1회 수행 (서버 측 인증 쿠키 획득을 위해 필수)
+    await loginThroughAdminUi(page, baseUrl, TEST_USERNAME, TEST_PASSWORD);
+    
+    // 2. 대시보드로 이동 및 최초 로드 대기
+    await page.goto(`${baseUrl}/admin/dashboard`);
+    await expect(page.locator('.admin-page-hero')).toBeVisible({ timeout: 30_000 });
 
-        // 대시보드 요소 확인
-        await expect(page.locator('.admin-page-hero')).toBeVisible();
-        await expect(page.locator('.admin-page-title')).toContainText(/대시보드|Dashboard/i);
+    // 3. 각 디바이스별로 뷰포트를 변경하며 검증 (새로고침 없이 초고속 검증)
+    for (const device of deviceTests) {
+      console.log(`Running responsive check on: ${device.name}`);
+      await page.setViewportSize(device.viewport);
+      await page.waitForTimeout(150); // 레이아웃 렌더링 안정화 대기
 
-        // 메트릭 카드 존재 확인
-        const metricCards = page.locator('.admin-metric-card');
-        const count = await metricCards.count();
-        expect(count, `Expected at least 1 metric card on ${device.name}`).toBeGreaterThanOrEqual(1);
+      // 대시보드 요소 확인
+      await expect(page.locator('.admin-page-hero')).toBeVisible();
+      await expect(page.locator('.admin-page-title')).toContainText(/대시보드|Dashboard/i);
 
-        // 메트릭 카드 가시성 확인
-        for (let i = 0; i < Math.min(count, device.minElements); i++) {
-          const card = metricCards.nth(i);
-          await expect(card).toBeInViewport();
-        }
+      // 메트릭 카드 존재 확인
+      const metricCards = page.locator('.admin-metric-card');
+      const count = await metricCards.count();
+      expect(count, `Expected at least 1 metric card on ${device.name}`).toBeGreaterThanOrEqual(1);
 
-        // 테이블 체크 (있으면)
-        const tables = page.locator('.admin-table');
-        if (await tables.count() > 0) {
-          for (let i = 0; i < await tables.count(); i++) {
-            const table = tables.nth(i);
-            const headerCells = table.locator('thead th');
-            expect(await headerCells.count()).toBeGreaterThan(0);
-          }
-        }
-
-        // 오버플로우 체크
-        const bodyBounds = await page.evaluate(() => {
-          const docWidth = document.documentElement.scrollWidth;
-          const winWidth = window.innerWidth;
-          return docWidth <= winWidth + 1; // 1px 토러런스
-        });
-
-        expect(bodyBounds, `No horizontal scroll on ${device.name}`).toBe(true);
-
-        // 텍스트 가독성 (폰트 크기가 너무 작지 않은지)
-        const textElements = page.locator('p, span, .mud-typography');
-        for (let i = 0; i < Math.min(5, await textElements.count()); i++) {
-          const fontSize = await textElements.nth(i).evaluate((el) => {
-            return window.getComputedStyle(el).fontSize;
-          });
-          const size = parseFloat(fontSize);
-          expect(size).toBeGreaterThanOrEqual(9.5); // ERP 최소 9.5px
-        }
-
-        console.log(`✅ ${device.name} - PASS`);
-      } finally {
-        await context.close();
+      // 메트릭 카드 가시성 확인
+      for (let i = 0; i < Math.min(count, device.minElements); i++) {
+        const card = metricCards.nth(i);
+        await expect(card).toBeInViewport();
       }
-    });
-  });
 
-  // 드로어 반응형 테스트
-  // MudBlazor의 Breakpoint.Md (960px) 설정에 따라 375px에서는 drawer가 자동 숨겨짐
-  // 이는 정상 동작이며, 토글 메뉴 버튼으로 컨트롤됨
-  test('drawer responsiveness on mobile', async ({ browser }) => {
-    const context = await browser.newContext({
-      viewport: { width: 375, height: 667 }
-    });
-    const page = await context.newPage();
+      // 테이블 체크
+      const tables = page.locator('.admin-table');
+      if (await tables.count() > 0) {
+        for (let i = 0; i < await tables.count(); i++) {
+          const table = tables.nth(i);
+          const headerCells = table.locator('thead th');
+          expect(await headerCells.count()).toBeGreaterThan(0);
+        }
+      }
 
-    try {
-      // 테스트 계정으로 로그인
-      await loginThroughAdminUi(page, baseUrl, TEST_USERNAME, TEST_PASSWORD);
-      await page.goto(`${baseUrl}/admin/dashboard`);
+      // 오버플로우 체크
+      const bodyBounds = await page.evaluate(() => {
+        const docWidth = document.documentElement.scrollWidth;
+        const winWidth = window.innerWidth;
+        return docWidth <= winWidth + 1;
+      });
+      expect(bodyBounds, `No horizontal scroll on ${device.name}`).toBe(true);
 
-      // 모바일에서는 메뉴 토글 버튼이 있어야 함 (drawer 제어용)
-      const menuButton = page.locator('.admin-menu-button');
-      await expect(menuButton).toBeVisible();
-
-      // 토글 버튼 클릭 후 drawer가 나타나야 함
-      await menuButton.click();
-
-      // 짧은 대기 후 drawer 확인
-      const drawer = page.locator('.admin-drawer');
-      const drawerVisible = await drawer.isVisible({ timeout: 2000 }).catch(() => false);
-
-      // Drawer가 보이거나 숨겨져도 OK (MudBlazor Responsive 동작)
-      // 중요한 것은 메뉴 버튼으로 제어 가능한가
-      expect(await menuButton.isVisible()).toBe(true);
-
-      console.log('✅ Mobile drawer - PASS');
-    } finally {
-      await context.close();
+      // 텍스트 가독성
+      const textElements = page.locator('p, span, .mud-typography');
+      for (let i = 0; i < Math.min(5, await textElements.count()); i++) {
+        const fontSize = await textElements.nth(i).evaluate((el) => {
+          return window.getComputedStyle(el).fontSize;
+        });
+        const size = parseFloat(fontSize);
+        expect(size).toBeGreaterThanOrEqual(9.5);
+      }
     }
   });
 
-  // 폼 요소 반응형 테스트 (각 페이지)
-  test('form inputs are accessible on mobile', async ({ browser }) => {
-    const context = await browser.newContext({
-      viewport: { width: 480, height: 853 }
-    });
-    const page = await context.newPage();
+  // 드로어 반응형 테스트
+  test('drawer responsiveness on mobile', async ({ page }) => {
+    // UI 로그인 1회 수행
+    await loginThroughAdminUi(page, baseUrl, TEST_USERNAME, TEST_PASSWORD);
+    
+    await page.setViewportSize({ width: 375, height: 667 });
+    await page.goto(`${baseUrl}/admin/dashboard`);
+    await expect(page.locator('.admin-page-hero')).toBeVisible({ timeout: 30_000 });
 
-    try {
-      // 테스트 계정으로 로그인
-      await loginThroughAdminUi(page, baseUrl, TEST_USERNAME, TEST_PASSWORD);
+    // 모바일에서는 메뉴 토글 버튼이 있어야 함
+    const menuButton = page.locator('.admin-menu-button');
+    await expect(menuButton).toBeVisible();
 
-      // FAQ 페이지 (폼이 있음)
-      await page.goto(`${baseUrl}/admin/faqs/create`);
+    // 토글 버튼 클릭 후 drawer 제어 가능 여부 확인
+    await menuButton.click();
+    expect(await menuButton.isVisible()).toBe(true);
+  });
 
-      // 폼 필드들
-      const inputs = page.locator('input[type="text"], textarea, .mud-input-base, .mud-field');
-      const inputCount = await inputs.count();
+  // 폼 요소 반응형 테스트
+  test('form inputs are accessible on mobile', async ({ page }) => {
+    // UI 로그인 1회 수행
+    await loginThroughAdminUi(page, baseUrl, TEST_USERNAME, TEST_PASSWORD);
+    
+    await page.setViewportSize({ width: 480, height: 853 });
+    await page.goto(`${baseUrl}/admin/faqs/create`);
+    await page.waitForSelector('input[type="text"], textarea, .mud-input-base, .mud-field', { timeout: 30_000 });
 
-      if (inputCount > 0) {
-        // 첫 번째 입력창의 너비 확인
-        const width = await inputs.first().evaluate((el) => {
-          return el.getBoundingClientRect().width;
-        });
+    const inputs = page.locator('input[type="text"], textarea, .mud-input-base, .mud-field');
+    const inputCount = await inputs.count();
 
-        // 모바일 너비(480px)에서 충분한 공간을 차지해야 함
-        expect(width).toBeGreaterThan(200);
+    if (inputCount > 0) {
+      const width = await inputs.first().evaluate((el) => {
+        return el.getBoundingClientRect().width;
+      });
+      expect(width).toBeGreaterThan(200);
 
-        // 입력 필드가 접근 가능해야 함
-        await inputs.first().scrollIntoViewIfNeeded();
-        await expect(inputs.first()).toBeInViewport();
-      }
-
-      console.log('✅ Mobile forms - PASS');
-    } finally {
-      await context.close();
+      await inputs.first().scrollIntoViewIfNeeded();
+      await expect(inputs.first()).toBeInViewport();
     }
   });
 
   // 버튼 접근성 테스트
-  test('buttons are clickable on all viewports', async ({ browser }) => {
+  test('buttons are clickable on all viewports', async ({ page }) => {
+    // UI 로그인 1회 수행
+    await loginThroughAdminUi(page, baseUrl, TEST_USERNAME, TEST_PASSWORD);
+    
     const viewports = [
       { width: 1920, height: 1080 },
       { width: 768, height: 1024 },
@@ -213,29 +134,17 @@ test.describe('admin responsive design (test_admin account)', () => {
     ];
 
     for (const viewport of viewports) {
-      const context = await browser.newContext({ viewport });
-      const page = await context.newPage();
+      await page.setViewportSize(viewport);
+      await page.goto(`${baseUrl}/admin/dashboard`);
+      await expect(page.locator('.admin-page-hero')).toBeVisible({ timeout: 30_000 });
 
-      try {
-        // 테스트 계정으로 로그인
-        await loginThroughAdminUi(page, baseUrl, TEST_USERNAME, TEST_PASSWORD);
-        await page.goto(`${baseUrl}/admin/dashboard`);
-
-        // 로그아웃 버튼 찾기
-        const logoutButton = page.locator('a:has-text("로그아웃"), button:has-text("로그아웃")').first();
-
-        if (await logoutButton.count() > 0) {
-          // 버튼이 클릭 가능한 영역에 있는지 확인
-          const box = await logoutButton.boundingBox();
-          expect(box).not.toBeNull();
-          expect(box?.width).toBeGreaterThan(20);
-          expect(box?.height).toBeGreaterThan(20);
-        }
-      } finally {
-        await context.close();
+      const logoutButton = page.locator('a:has-text("로그아웃"), button:has-text("로그아웃")').first();
+      if (await logoutButton.count() > 0) {
+        const box = await logoutButton.boundingBox();
+        expect(box).not.toBeNull();
+        expect(box?.width).toBeGreaterThan(20);
+        expect(box?.height).toBeGreaterThan(20);
       }
     }
-
-    console.log('✅ Button accessibility - PASS');
   });
 });