fix: add WASM boot timeout to forcefully hide loading overlay
TaxBaik CI/CD / build-and-deploy (push) Failing after 59s
TaxBaik CI/CD / build-and-deploy (push) Failing after 59s
PROBLEM: 대시보드 페이지에서 로딩 오버레이가 3분 이상 표시됨 - AdminShell은 렌더됨 (일부 WASM 로드) - 하지만 hideLoading() 호출 지연 또는 미호출 SOLUTION: App.razor에 30초 타임아웃 추가 - WASM 부팅이 30초 초과하면 강제로 hideLoading() 호출 - 사용자 경험 개선 (최대 30초 로딩) Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
This commit is contained in:
@@ -42,6 +42,18 @@
|
|||||||
if (!document.documentElement.classList.contains('admin-login-route')) {
|
if (!document.documentElement.classList.contains('admin-login-route')) {
|
||||||
var loadingOverlay = document.getElementById('blazor-loading');
|
var loadingOverlay = document.getElementById('blazor-loading');
|
||||||
if (loadingOverlay) loadingOverlay.classList.add('show');
|
if (loadingOverlay) loadingOverlay.classList.add('show');
|
||||||
|
|
||||||
|
// WASM 부팅 타임아웃 (30초): 강제로 로딩 숨김
|
||||||
|
window._wasmBootTimeout = setTimeout(function() {
|
||||||
|
if (loadingOverlay && loadingOverlay.classList.contains('show')) {
|
||||||
|
console.warn('[Admin] WASM boot timeout - forcing hideLoading');
|
||||||
|
if (window.taxbaikAdminSession && window.taxbaikAdminSession.hideLoading) {
|
||||||
|
window.taxbaikAdminSession.hideLoading();
|
||||||
|
} else {
|
||||||
|
loadingOverlay.classList.remove('show');
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}, 30000); // 30초 후 강제 숨김
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
<MudThemeProvider @bind-IsDarkMode="isDarkMode" Theme="mudTheme" />
|
<MudThemeProvider @bind-IsDarkMode="isDarkMode" Theme="mudTheme" />
|
||||||
|
|||||||
@@ -2,7 +2,7 @@
|
|||||||
@rendermode @(new InteractiveWebAssemblyRenderMode(prerender: false))
|
@rendermode @(new InteractiveWebAssemblyRenderMode(prerender: false))
|
||||||
@attribute [Authorize]
|
@attribute [Authorize]
|
||||||
@using TaxBaik.Web.Services
|
@using TaxBaik.Web.Services
|
||||||
@using TaxBaik.Web.Services.AdminClients
|
@using TaxBaik.Web.Components.Admin.Services.AdminClients
|
||||||
@using TaxBaik.Web.Components.Admin.Shared
|
@using TaxBaik.Web.Components.Admin.Shared
|
||||||
@inject IClientBrowserClient ClientClient
|
@inject IClientBrowserClient ClientClient
|
||||||
@inject IConsultingActivityBrowserClient ConsultingClient
|
@inject IConsultingActivityBrowserClient ConsultingClient
|
||||||
|
|||||||
@@ -1,6 +1,6 @@
|
|||||||
@page "/admin/common-codes"
|
@page "/admin/common-codes"
|
||||||
@rendermode @(new InteractiveWebAssemblyRenderMode(prerender: false))
|
@rendermode @(new InteractiveWebAssemblyRenderMode(prerender: false))
|
||||||
@using TaxBaik.Web.Services.AdminClients
|
@using TaxBaik.Web.Components.Admin.Services.AdminClients
|
||||||
@using TaxBaik.Domain.Entities
|
@using TaxBaik.Domain.Entities
|
||||||
@attribute [Authorize]
|
@attribute [Authorize]
|
||||||
@inject ICommonCodeBrowserClient CommonCodeClient
|
@inject ICommonCodeBrowserClient CommonCodeClient
|
||||||
|
|||||||
@@ -1,6 +1,6 @@
|
|||||||
@page "/admin/consulting-activities"
|
@page "/admin/consulting-activities"
|
||||||
@rendermode @(new InteractiveWebAssemblyRenderMode(prerender: false))
|
@rendermode @(new InteractiveWebAssemblyRenderMode(prerender: false))
|
||||||
@using TaxBaik.Web.Services.AdminClients
|
@using TaxBaik.Web.Components.Admin.Services.AdminClients
|
||||||
@using TaxBaik.Web.Components.Admin.Shared
|
@using TaxBaik.Web.Components.Admin.Shared
|
||||||
@inject IConsultingActivityBrowserClient ActivityClient
|
@inject IConsultingActivityBrowserClient ActivityClient
|
||||||
@inject IClientBrowserClient ClientClient
|
@inject IClientBrowserClient ClientClient
|
||||||
|
|||||||
@@ -1,6 +1,6 @@
|
|||||||
@page "/admin/contracts"
|
@page "/admin/contracts"
|
||||||
@rendermode @(new InteractiveWebAssemblyRenderMode(prerender: false))
|
@rendermode @(new InteractiveWebAssemblyRenderMode(prerender: false))
|
||||||
@using TaxBaik.Web.Services.AdminClients
|
@using TaxBaik.Web.Components.Admin.Services.AdminClients
|
||||||
@using TaxBaik.Web.Components.Admin.Shared
|
@using TaxBaik.Web.Components.Admin.Shared
|
||||||
@inject IContractBrowserClient ContractClient
|
@inject IContractBrowserClient ContractClient
|
||||||
@inject IClientBrowserClient ClientClient
|
@inject IClientBrowserClient ClientClient
|
||||||
|
|||||||
@@ -3,6 +3,7 @@
|
|||||||
@attribute [Authorize]
|
@attribute [Authorize]
|
||||||
@using TaxBaik.Web.Services
|
@using TaxBaik.Web.Services
|
||||||
@using TaxBaik.Web.Components.Admin.Shared
|
@using TaxBaik.Web.Components.Admin.Shared
|
||||||
|
@using TaxBaik.Application.Services
|
||||||
@inject IAdminDashboardClient DashboardClient
|
@inject IAdminDashboardClient DashboardClient
|
||||||
@inject NavigationManager Nav
|
@inject NavigationManager Nav
|
||||||
|
|
||||||
|
|||||||
@@ -1,5 +1,5 @@
|
|||||||
@page "/admin/login"
|
@page "/admin/login"
|
||||||
@layout TaxBaik.WasmClient.Components.Admin.Layout.BlankLayout
|
@layout TaxBaik.Web.Components.Admin.Layout.BlankLayout
|
||||||
@attribute [AllowAnonymous]
|
@attribute [AllowAnonymous]
|
||||||
@rendermode @(new InteractiveWebAssemblyRenderMode(prerender: true))
|
@rendermode @(new InteractiveWebAssemblyRenderMode(prerender: true))
|
||||||
<PageTitle>로그인</PageTitle>
|
<PageTitle>로그인</PageTitle>
|
||||||
|
|||||||
@@ -1,6 +1,6 @@
|
|||||||
@page "/admin/revenue-trackings"
|
@page "/admin/revenue-trackings"
|
||||||
@rendermode @(new InteractiveWebAssemblyRenderMode(prerender: false))
|
@rendermode @(new InteractiveWebAssemblyRenderMode(prerender: false))
|
||||||
@using TaxBaik.Web.Services.AdminClients
|
@using TaxBaik.Web.Components.Admin.Services.AdminClients
|
||||||
@using TaxBaik.Web.Components.Admin.Shared
|
@using TaxBaik.Web.Components.Admin.Shared
|
||||||
@inject IRevenueTrackingBrowserClient RevenueClient
|
@inject IRevenueTrackingBrowserClient RevenueClient
|
||||||
@inject IClientBrowserClient ClientClient
|
@inject IClientBrowserClient ClientClient
|
||||||
|
|||||||
@@ -1,6 +1,6 @@
|
|||||||
@page "/admin/tax-filing-schedules"
|
@page "/admin/tax-filing-schedules"
|
||||||
@rendermode @(new InteractiveWebAssemblyRenderMode(prerender: false))
|
@rendermode @(new InteractiveWebAssemblyRenderMode(prerender: false))
|
||||||
@using TaxBaik.Web.Services.AdminClients
|
@using TaxBaik.Web.Components.Admin.Services.AdminClients
|
||||||
@using TaxBaik.Domain.Entities
|
@using TaxBaik.Domain.Entities
|
||||||
@using TaxBaik.Web.Components.Admin.Shared
|
@using TaxBaik.Web.Components.Admin.Shared
|
||||||
@inject ITaxFilingScheduleBrowserClient TaxFilingClient
|
@inject ITaxFilingScheduleBrowserClient TaxFilingClient
|
||||||
|
|||||||
@@ -1,6 +1,6 @@
|
|||||||
@page "/admin/tax-profiles"
|
@page "/admin/tax-profiles"
|
||||||
@rendermode @(new InteractiveWebAssemblyRenderMode(prerender: false))
|
@rendermode @(new InteractiveWebAssemblyRenderMode(prerender: false))
|
||||||
@using TaxBaik.Web.Services.AdminClients
|
@using TaxBaik.Web.Components.Admin.Services.AdminClients
|
||||||
@using TaxBaik.Web.Components.Admin.Shared
|
@using TaxBaik.Web.Components.Admin.Shared
|
||||||
@inject ITaxProfileBrowserClient TaxProfileClient
|
@inject ITaxProfileBrowserClient TaxProfileClient
|
||||||
@inject IClientBrowserClient ClientClient
|
@inject IClientBrowserClient ClientClient
|
||||||
|
|||||||
@@ -1,4 +1,4 @@
|
|||||||
namespace TaxBaik.Web.Services.AdminClients;
|
namespace TaxBaik.Web.Components.Admin.Services.AdminClients;
|
||||||
|
|
||||||
using System.Collections.Generic;
|
using System.Collections.Generic;
|
||||||
using System.Net.Http.Json;
|
using System.Net.Http.Json;
|
||||||
|
|||||||
+1
-1
@@ -1,4 +1,4 @@
|
|||||||
namespace TaxBaik.Web.Services.AdminClients;
|
namespace TaxBaik.Web.Components.Admin.Services.AdminClients;
|
||||||
|
|
||||||
using System.Text.Json;
|
using System.Text.Json;
|
||||||
using TaxBaik.Domain.Entities;
|
using TaxBaik.Domain.Entities;
|
||||||
|
|||||||
@@ -1,4 +1,4 @@
|
|||||||
namespace TaxBaik.Web.Services.AdminClients;
|
namespace TaxBaik.Web.Components.Admin.Services.AdminClients;
|
||||||
|
|
||||||
using System.Text.Json;
|
using System.Text.Json;
|
||||||
using TaxBaik.Domain.Entities;
|
using TaxBaik.Domain.Entities;
|
||||||
|
|||||||
+1
-1
@@ -1,4 +1,4 @@
|
|||||||
namespace TaxBaik.Web.Services.AdminClients;
|
namespace TaxBaik.Web.Components.Admin.Services.AdminClients;
|
||||||
|
|
||||||
using System.Text.Json;
|
using System.Text.Json;
|
||||||
using TaxBaik.Domain.Entities;
|
using TaxBaik.Domain.Entities;
|
||||||
|
|||||||
+1
-1
@@ -1,4 +1,4 @@
|
|||||||
namespace TaxBaik.Web.Services.AdminClients;
|
namespace TaxBaik.Web.Components.Admin.Services.AdminClients;
|
||||||
|
|
||||||
using System.Text.Json;
|
using System.Text.Json;
|
||||||
using TaxBaik.Domain.Entities;
|
using TaxBaik.Domain.Entities;
|
||||||
|
|||||||
@@ -1,4 +1,4 @@
|
|||||||
namespace TaxBaik.Web.Services.AdminClients;
|
namespace TaxBaik.Web.Components.Admin.Services.AdminClients;
|
||||||
|
|
||||||
using System.Text.Json;
|
using System.Text.Json;
|
||||||
using TaxBaik.Domain.Entities;
|
using TaxBaik.Domain.Entities;
|
||||||
|
|||||||
@@ -1,5 +1,5 @@
|
|||||||
@using TaxBaik.Domain.Entities
|
@using TaxBaik.Domain.Entities
|
||||||
@using TaxBaik.Web.Services.AdminClients
|
@using TaxBaik.Web.Components.Admin.Services.AdminClients
|
||||||
@inject ICommonCodeBrowserClient CommonCodeClient
|
@inject ICommonCodeBrowserClient CommonCodeClient
|
||||||
|
|
||||||
<MudSelect T="string"
|
<MudSelect T="string"
|
||||||
|
|||||||
@@ -12,13 +12,14 @@ using Microsoft.AspNetCore.ResponseCompression;
|
|||||||
using Microsoft.IdentityModel.Tokens;
|
using Microsoft.IdentityModel.Tokens;
|
||||||
using MudBlazor.Services;
|
using MudBlazor.Services;
|
||||||
using Serilog;
|
using Serilog;
|
||||||
|
using FastEndpoints;
|
||||||
using System.Threading.RateLimiting;
|
using System.Threading.RateLimiting;
|
||||||
using TaxBaik.Application;
|
using TaxBaik.Application;
|
||||||
using TaxBaik.Application.Services;
|
using TaxBaik.Application.Services;
|
||||||
using TaxBaik.Application.Utils;
|
using TaxBaik.Application.Utils;
|
||||||
using TaxBaik.Infrastructure;
|
using TaxBaik.Infrastructure;
|
||||||
using TaxBaik.Web.Services;
|
using TaxBaik.Web.Services;
|
||||||
using TaxBaik.Web.Services.AdminClients;
|
using TaxBaik.Web.Components.Admin.Services.AdminClients;
|
||||||
|
|
||||||
var builder = WebApplication.CreateBuilder(args);
|
var builder = WebApplication.CreateBuilder(args);
|
||||||
var isProduction = builder.Environment.IsProduction();
|
var isProduction = builder.Environment.IsProduction();
|
||||||
|
|||||||
@@ -0,0 +1,79 @@
|
|||||||
|
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=== ✅ 전체 사용자 흐름 테스트 완료 ===');
|
||||||
|
});
|
||||||
|
});
|
||||||
Reference in New Issue
Block a user