425 lines
19 KiB
JavaScript
425 lines
19 KiB
JavaScript
|
#!/usr/bin/env node
|
|||
|
|
/**
|
|||
|
|
* 다운로드 버튼 상세 디버깅 스크립트
|
|||
|
|
*
|
|||
|
|
* 각 페이지의 다운로드 버튼 클릭 시 실제로 무엇이 일어나는지 추적
|
|||
|
|
* - 모든 네트워크 요청 로깅
|
|||
|
|
* - Blob URL 생성 감지
|
|||
|
|
* - 새 탭/팝업 감지
|
|||
|
|
* - Console 메시지 캡처
|
|||
|
|
*/
|
|||
|
|
|
|||
|
|
const fs = require('fs');
|
|||
|
|
const path = require('path');
|
|||
|
|
|
|||
|
|
const SAM_ROOT = path.resolve(__dirname, '..', '..');
|
|||
|
|
const PW_PATH = path.join(SAM_ROOT, 'react', 'node_modules', 'playwright');
|
|||
|
|
const { chromium } = require(PW_PATH);
|
|||
|
|
|
|||
|
|
const BASE_URL = 'https://dev.codebridge-x.com';
|
|||
|
|
const AUTH = { username: 'TestUser5', password: 'password123!' };
|
|||
|
|
const RESULTS_DIR = path.join(SAM_ROOT, 'e2e', 'results', 'hotfix');
|
|||
|
|
const DOWNLOAD_DIR = path.join(RESULTS_DIR, 'downloads');
|
|||
|
|
|
|||
|
|
const C = {
|
|||
|
|
green: t => `\x1b[32m${t}\x1b[0m`,
|
|||
|
|
red: t => `\x1b[31m${t}\x1b[0m`,
|
|||
|
|
yellow: t => `\x1b[33m${t}\x1b[0m`,
|
|||
|
|
cyan: t => `\x1b[36m${t}\x1b[0m`,
|
|||
|
|
dim: t => `\x1b[2m${t}\x1b[0m`,
|
|||
|
|
bold: t => `\x1b[1m${t}\x1b[0m`,
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
function sleep(ms) { return new Promise(r => setTimeout(r, ms)); }
|
|||
|
|
|
|||
|
|
function getTimestamp() {
|
|||
|
|
const n = new Date();
|
|||
|
|
const pad = v => v.toString().padStart(2, '0');
|
|||
|
|
return `${n.getFullYear()}-${pad(n.getMonth() + 1)}-${pad(n.getDate())}_${pad(n.getHours())}-${pad(n.getMinutes())}-${pad(n.getSeconds())}`;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// 실패한 페이지만 재검증 (버튼은 있는데 다운로드 실패한 것)
|
|||
|
|
const DEBUG_TARGETS = [
|
|||
|
|
{ id: 'acc-daily-report', level1: '회계관리', level2: '일일 일보' },
|
|||
|
|
{ id: 'acc-bank-tx', level1: '회계관리', level2: '계좌입출금내역' },
|
|||
|
|
{ id: 'acc-card-history', level1: '회계관리', level2: '카드사용내역' },
|
|||
|
|
{ id: 'acc-tax', level1: '회계관리', level2: '세금계산서관리' },
|
|||
|
|
{ id: 'acc-receivable', level1: '회계관리', level2: '미수금현황' },
|
|||
|
|
{ id: 'acc-vendor-ledger', level1: '회계관리', level2: '거래처원장' },
|
|||
|
|
{ id: 'material-stock', level1: '자재관리', level2: '재고현황' },
|
|||
|
|
// NO_BUTTON 페이지도 재확인 - 실제 어떤 버튼들이 있는지
|
|||
|
|
{ id: 'acc-purchase', level1: '회계관리', level2: '매입관리', scanOnly: true },
|
|||
|
|
{ id: 'acc-expense', level1: '회계관리', level2: '지출예상내역서', scanOnly: true },
|
|||
|
|
{ id: 'acc-payment', level1: '회계관리', level2: '결제내역', scanOnly: true },
|
|||
|
|
{ id: 'acc-sales', level1: '회계관리', level2: '매출관리', scanOnly: true },
|
|||
|
|
{ id: 'acc-withdrawal', level1: '회계관리', level2: '출금관리', scanOnly: true },
|
|||
|
|
{ id: 'hr-attendance', level1: '인사관리', level2: '근태현황', scanOnly: true },
|
|||
|
|
{ id: 'purchase-status', level1: '구매관리', level2: '구매현황', scanOnly: true },
|
|||
|
|
{ id: 'sales-pricing', level1: '판매관리', level2: '단가관리', scanOnly: true },
|
|||
|
|
{ id: 'sales-client', level1: '판매관리', level2: '거래처관리', scanOnly: true },
|
|||
|
|
{ id: 'sales-quotation', level1: '판매관리', level2: '견적관리', scanOnly: true },
|
|||
|
|
];
|
|||
|
|
|
|||
|
|
async function main() {
|
|||
|
|
[DOWNLOAD_DIR].forEach(d => {
|
|||
|
|
if (!fs.existsSync(d)) fs.mkdirSync(d, { recursive: true });
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
console.log(C.bold('\n╔══════════════════════════════════════════════════╗'));
|
|||
|
|
console.log(C.bold('║ 🔍 다운로드 버튼 상세 디버깅 ║'));
|
|||
|
|
console.log(C.bold('╚══════════════════════════════════════════════════╝\n'));
|
|||
|
|
|
|||
|
|
const browser = await chromium.launch({
|
|||
|
|
headless: false,
|
|||
|
|
args: ['--window-position=1920,0', '--window-size=1920,1080'],
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
const context = await browser.newContext({
|
|||
|
|
viewport: { width: 1920, height: 1080 },
|
|||
|
|
locale: 'ko-KR',
|
|||
|
|
acceptDownloads: true,
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
const page = await context.newPage();
|
|||
|
|
|
|||
|
|
// 로그인
|
|||
|
|
console.log(C.cyan('🔐 로그인...'));
|
|||
|
|
await page.goto(`${BASE_URL}/login`, { waitUntil: 'networkidle', timeout: 30000 });
|
|||
|
|
await page.fill('input[type="text"], input[name="username"], #username', AUTH.username);
|
|||
|
|
await page.fill('input[type="password"], input[name="password"], #password', AUTH.password);
|
|||
|
|
await page.click('button[type="submit"]');
|
|||
|
|
await page.waitForURL('**/dashboard**', { timeout: 15000 });
|
|||
|
|
console.log(C.green('✅ 로그인 성공\n'));
|
|||
|
|
|
|||
|
|
const allResults = [];
|
|||
|
|
|
|||
|
|
for (let i = 0; i < DEBUG_TARGETS.length; i++) {
|
|||
|
|
const target = DEBUG_TARGETS[i];
|
|||
|
|
console.log(C.bold(`\n[${ i + 1}/${DEBUG_TARGETS.length}] ${target.level1} > ${target.level2} ${target.scanOnly ? '(버튼 스캔만)' : '(다운로드 디버깅)'}`));
|
|||
|
|
console.log(C.dim('─'.repeat(60)));
|
|||
|
|
|
|||
|
|
// 대시보드로 이동
|
|||
|
|
await page.goto(`${BASE_URL}/dashboard`, { waitUntil: 'domcontentloaded', timeout: 15000 });
|
|||
|
|
await sleep(1000);
|
|||
|
|
|
|||
|
|
// 메뉴 탐색
|
|||
|
|
const navOk = await navigateViaMenu(page, target.level1, target.level2);
|
|||
|
|
if (!navOk) {
|
|||
|
|
console.log(C.red(' ❌ 메뉴 탐색 실패'));
|
|||
|
|
allResults.push({ ...target, status: 'NAV_FAIL' });
|
|||
|
|
continue;
|
|||
|
|
}
|
|||
|
|
await sleep(2500);
|
|||
|
|
|
|||
|
|
const currentUrl = page.url();
|
|||
|
|
console.log(C.dim(` 📍 ${currentUrl}`));
|
|||
|
|
|
|||
|
|
if (target.scanOnly) {
|
|||
|
|
// 버튼 스캔만
|
|||
|
|
const buttons = await page.evaluate(() => {
|
|||
|
|
const allBtns = Array.from(document.querySelectorAll('button, a[role="button"], [role="button"]'));
|
|||
|
|
return allBtns
|
|||
|
|
.filter(b => {
|
|||
|
|
const rect = b.getBoundingClientRect();
|
|||
|
|
return rect.width > 0 && rect.height > 0;
|
|||
|
|
})
|
|||
|
|
.map(b => ({
|
|||
|
|
text: (b.innerText?.trim() || '').substring(0, 50),
|
|||
|
|
ariaLabel: b.getAttribute('aria-label') || '',
|
|||
|
|
className: (b.className || '').substring(0, 60),
|
|||
|
|
tagName: b.tagName,
|
|||
|
|
}))
|
|||
|
|
.filter(b => b.text || b.ariaLabel);
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
// 다운로드 관련 버튼 필터
|
|||
|
|
const dlKeywords = ['엑셀', 'Excel', 'excel', '다운로드', 'download', 'Download', 'PDF', 'pdf', 'Export', 'export', '내보내기', '출력', '인쇄', 'CSV', 'csv'];
|
|||
|
|
const dlButtons = buttons.filter(b => {
|
|||
|
|
const combined = `${b.text} ${b.ariaLabel}`;
|
|||
|
|
return dlKeywords.some(kw => combined.includes(kw));
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
if (dlButtons.length > 0) {
|
|||
|
|
console.log(C.yellow(` 📋 다운로드 관련 버튼 발견 ${dlButtons.length}개:`));
|
|||
|
|
dlButtons.forEach(b => console.log(C.yellow(` "${b.text}" (aria: ${b.ariaLabel || 'none'})`)));
|
|||
|
|
} else {
|
|||
|
|
console.log(C.dim(` ℹ️ 다운로드 관련 버튼 없음`));
|
|||
|
|
// 전체 버튼 목록 출력 (디버깅용)
|
|||
|
|
console.log(C.dim(` 전체 버튼 ${buttons.length}개: ${buttons.slice(0, 10).map(b => `"${b.text}"`).join(', ')}${buttons.length > 10 ? '...' : ''}`));
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
allResults.push({ ...target, status: dlButtons.length > 0 ? 'HAS_BUTTON' : 'NO_BUTTON', buttons: dlButtons, allButtons: buttons.slice(0, 15) });
|
|||
|
|
continue;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// ───── 다운로드 디버깅 (FAIL 페이지) ─────
|
|||
|
|
// 1. 다운로드 버튼 찾기
|
|||
|
|
const dlButtons = await page.evaluate(() => {
|
|||
|
|
const kw = ['엑셀', 'Excel', 'excel', '다운로드', 'download', 'PDF', 'pdf', 'Export', 'export', '내보내기', '출력', 'CSV'];
|
|||
|
|
const allBtns = Array.from(document.querySelectorAll('button, a[role="button"], [role="button"], a'));
|
|||
|
|
const found = [];
|
|||
|
|
for (const btn of allBtns) {
|
|||
|
|
const text = btn.innerText?.trim() || '';
|
|||
|
|
const ariaLabel = btn.getAttribute('aria-label') || '';
|
|||
|
|
const href = btn.getAttribute('href') || '';
|
|||
|
|
const combined = `${text} ${ariaLabel} ${href}`;
|
|||
|
|
const rect = btn.getBoundingClientRect();
|
|||
|
|
if (rect.width <= 0 || rect.height <= 0) continue;
|
|||
|
|
if (kw.some(k => combined.includes(k))) {
|
|||
|
|
found.push({
|
|||
|
|
text: text.substring(0, 50),
|
|||
|
|
ariaLabel,
|
|||
|
|
href,
|
|||
|
|
tagName: btn.tagName,
|
|||
|
|
disabled: btn.disabled || btn.getAttribute('aria-disabled') === 'true',
|
|||
|
|
index: allBtns.indexOf(btn),
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
return found;
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
if (dlButtons.length === 0) {
|
|||
|
|
console.log(C.yellow(' ⚠️ 다운로드 버튼 없음'));
|
|||
|
|
allResults.push({ ...target, status: 'NO_BUTTON' });
|
|||
|
|
continue;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
for (const btn of dlButtons) {
|
|||
|
|
console.log(C.cyan(` 🔘 버튼: "${btn.text}" (tag: ${btn.tagName}, disabled: ${btn.disabled})`));
|
|||
|
|
|
|||
|
|
if (btn.disabled) {
|
|||
|
|
console.log(C.yellow(` ⚠️ 버튼 비활성화 상태`));
|
|||
|
|
allResults.push({ ...target, status: 'DISABLED', button: btn.text });
|
|||
|
|
continue;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// 2. 네트워크 요청 감시 시작
|
|||
|
|
const networkLogs = [];
|
|||
|
|
const reqHandler = req => {
|
|||
|
|
const url = req.url();
|
|||
|
|
if (!url.includes('_next/static') && !url.includes('favicon') && !url.includes('chunk')) {
|
|||
|
|
networkLogs.push({ type: 'request', method: req.method(), url: url.substring(0, 120) });
|
|||
|
|
}
|
|||
|
|
};
|
|||
|
|
const resHandler = res => {
|
|||
|
|
const url = res.url();
|
|||
|
|
if (!url.includes('_next/static') && !url.includes('favicon') && !url.includes('chunk')) {
|
|||
|
|
networkLogs.push({
|
|||
|
|
type: 'response', status: res.status(), url: url.substring(0, 120),
|
|||
|
|
contentType: res.headers()['content-type']?.substring(0, 50) || '',
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
page.on('request', reqHandler);
|
|||
|
|
page.on('response', resHandler);
|
|||
|
|
|
|||
|
|
// Console 로그 감시
|
|||
|
|
const consoleLogs = [];
|
|||
|
|
const consoleHandler = msg => consoleLogs.push(`[${msg.type()}] ${msg.text().substring(0, 100)}`);
|
|||
|
|
page.on('console', consoleHandler);
|
|||
|
|
|
|||
|
|
// 다운로드 이벤트 감시
|
|||
|
|
let downloadEvent = null;
|
|||
|
|
const downloadHandler = dl => { downloadEvent = dl; };
|
|||
|
|
page.on('download', downloadHandler);
|
|||
|
|
|
|||
|
|
// 팝업 감시
|
|||
|
|
let popupPage = null;
|
|||
|
|
const popupHandler = p => { popupPage = p; };
|
|||
|
|
context.on('page', popupHandler);
|
|||
|
|
|
|||
|
|
// 3. 버튼 클릭
|
|||
|
|
await page.evaluate((idx) => {
|
|||
|
|
const allBtns = Array.from(document.querySelectorAll('button, a[role="button"], [role="button"], a'));
|
|||
|
|
if (allBtns[idx]) allBtns[idx].click();
|
|||
|
|
}, btn.index);
|
|||
|
|
|
|||
|
|
// 4. 8초 대기
|
|||
|
|
await sleep(8000);
|
|||
|
|
|
|||
|
|
// 5. 다운로드 처리
|
|||
|
|
if (downloadEvent) {
|
|||
|
|
const fname = downloadEvent.suggestedFilename();
|
|||
|
|
const savePath = path.join(DOWNLOAD_DIR, `${target.id}_${fname}`);
|
|||
|
|
await downloadEvent.saveAs(savePath);
|
|||
|
|
const stat = fs.statSync(savePath);
|
|||
|
|
console.log(C.green(` ✅ 다운로드 성공: ${fname} (${(stat.size / 1024).toFixed(1)}KB)`));
|
|||
|
|
allResults.push({ ...target, status: 'PASS', button: btn.text, file: fname, size: stat.size });
|
|||
|
|
} else if (popupPage) {
|
|||
|
|
console.log(C.yellow(` 📋 새 탭/팝업 열림: ${popupPage.url().substring(0, 80)}`));
|
|||
|
|
try { await popupPage.close(); } catch {}
|
|||
|
|
allResults.push({ ...target, status: 'POPUP', button: btn.text, popupUrl: popupPage.url() });
|
|||
|
|
} else {
|
|||
|
|
// 네트워크 로그 분석
|
|||
|
|
const apiCalls = networkLogs.filter(l => l.type === 'response' && !l.url.includes('_next'));
|
|||
|
|
console.log(C.dim(` 네트워크 응답 ${apiCalls.length}건:`));
|
|||
|
|
apiCalls.forEach(l => {
|
|||
|
|
const icon = l.status >= 200 && l.status < 300 ? '🟢' : l.status >= 400 ? '🔴' : '🟡';
|
|||
|
|
console.log(C.dim(` ${icon} ${l.status} ${l.url} [${l.contentType}]`));
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
// Blob URL 또는 토스트 확인
|
|||
|
|
const blobCheck = await page.evaluate(() => {
|
|||
|
|
const toast = document.querySelector('[class*="toast"], [class*="Toastify"], [role="alert"]');
|
|||
|
|
const anchors = Array.from(document.querySelectorAll('a')).filter(a => a.href?.startsWith('blob:'));
|
|||
|
|
return {
|
|||
|
|
toast: toast?.innerText?.trim() || null,
|
|||
|
|
blobUrls: anchors.map(a => a.href),
|
|||
|
|
};
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
if (blobCheck.toast) console.log(C.yellow(` 📌 토스트: "${blobCheck.toast}"`));
|
|||
|
|
if (blobCheck.blobUrls.length > 0) console.log(C.cyan(` 📎 Blob URL 발견: ${blobCheck.blobUrls.length}개`));
|
|||
|
|
|
|||
|
|
if (consoleLogs.length > 0) {
|
|||
|
|
const interesting = consoleLogs.filter(l => !l.includes('[info]') || l.includes('download') || l.includes('export') || l.includes('error'));
|
|||
|
|
if (interesting.length > 0) {
|
|||
|
|
console.log(C.dim(` Console: ${interesting.slice(0, 3).join('; ')}`));
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// 서버 액션 POST 확인
|
|||
|
|
const serverActions = networkLogs.filter(l => l.type === 'request' && l.method === 'POST');
|
|||
|
|
if (serverActions.length > 0) {
|
|||
|
|
console.log(C.yellow(` 📤 POST 요청 ${serverActions.length}건:`));
|
|||
|
|
serverActions.forEach(l => console.log(C.dim(` ${l.url}`)));
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
allResults.push({ ...target, status: 'NO_DOWNLOAD', button: btn.text, network: apiCalls, serverActions });
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// 리스너 해제
|
|||
|
|
page.off('request', reqHandler);
|
|||
|
|
page.off('response', resHandler);
|
|||
|
|
page.off('console', consoleHandler);
|
|||
|
|
page.off('download', downloadHandler);
|
|||
|
|
context.off('page', popupHandler);
|
|||
|
|
|
|||
|
|
// 모달 닫기
|
|||
|
|
await page.evaluate(async () => {
|
|||
|
|
for (let i = 0; i < 3; i++) {
|
|||
|
|
const modal = document.querySelector("[role='dialog'], [aria-modal='true'], [class*='modal']:not([class*='tooltip'])");
|
|||
|
|
if (!modal || modal.getBoundingClientRect().width === 0) break;
|
|||
|
|
const closeBtn = modal.querySelector("button[class*='close'], [aria-label='닫기']")
|
|||
|
|
|| Array.from(modal.querySelectorAll('button')).find(b => ['닫기', 'Close', '취소', '확인'].some(t => b.innerText?.includes(t)));
|
|||
|
|
if (closeBtn) closeBtn.click();
|
|||
|
|
else document.dispatchEvent(new KeyboardEvent('keydown', { key: 'Escape', keyCode: 27, bubbles: true }));
|
|||
|
|
await new Promise(r => setTimeout(r, 500));
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
await sleep(500);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// ─── 결과 요약 ─────────────────────────────────────────────
|
|||
|
|
console.log(C.bold('\n══════════════════════════════════════════════════'));
|
|||
|
|
console.log(C.bold('📊 다운로드 디버깅 결과 요약'));
|
|||
|
|
console.log(C.bold('══════════════════════════════════════════════════\n'));
|
|||
|
|
|
|||
|
|
const pass = allResults.filter(r => r.status === 'PASS');
|
|||
|
|
const noBtn = allResults.filter(r => r.status === 'NO_BUTTON');
|
|||
|
|
const hasBtn = allResults.filter(r => r.status === 'HAS_BUTTON');
|
|||
|
|
const noDl = allResults.filter(r => r.status === 'NO_DOWNLOAD');
|
|||
|
|
const disabled = allResults.filter(r => r.status === 'DISABLED');
|
|||
|
|
|
|||
|
|
console.log(` ${C.green(`✅ 다운로드 성공: ${pass.length}개`)} ${pass.map(r => r.id).join(', ')}`);
|
|||
|
|
console.log(` ${C.red(`❌ 버튼 있으나 다운로드 안됨: ${noDl.length}개`)} ${noDl.map(r => r.id).join(', ')}`);
|
|||
|
|
console.log(` ${C.yellow(`⚠️ 버튼 비활성화: ${disabled.length}개`)}`);
|
|||
|
|
console.log(` ${C.yellow(`🔘 다운로드 버튼 발견(스캔): ${hasBtn.length}개`)} ${hasBtn.map(r => `${r.id}(${r.buttons.map(b=>b.text).join(',')})`).join(', ')}`);
|
|||
|
|
console.log(` ${C.dim(`⏭️ 버튼 없음: ${noBtn.length}개`)} ${noBtn.map(r => r.id).join(', ')}`);
|
|||
|
|
|
|||
|
|
// 리포트 저장
|
|||
|
|
const ts = getTimestamp();
|
|||
|
|
const reportLines = ['# 🔍 다운로드 디버깅 상세 리포트\n', `**실행 시간**: ${ts}\n`];
|
|||
|
|
|
|||
|
|
reportLines.push('## 카테고리별 결과\n');
|
|||
|
|
|
|||
|
|
if (pass.length > 0) {
|
|||
|
|
reportLines.push('### ✅ 다운로드 성공\n');
|
|||
|
|
pass.forEach(r => reportLines.push(`- **${r.level1} > ${r.level2}**: ${r.button} → ${r.file} (${(r.size/1024).toFixed(1)}KB)\n`));
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
if (noDl.length > 0) {
|
|||
|
|
reportLines.push('\n### ❌ 버튼 있으나 다운로드 미동작\n');
|
|||
|
|
noDl.forEach(r => {
|
|||
|
|
reportLines.push(`- **${r.level1} > ${r.level2}**: "${r.button}"\n`);
|
|||
|
|
if (r.network?.length > 0) {
|
|||
|
|
reportLines.push(` - 네트워크 응답: ${r.network.map(n => `${n.status} ${n.url}`).join('; ')}\n`);
|
|||
|
|
}
|
|||
|
|
if (r.serverActions?.length > 0) {
|
|||
|
|
reportLines.push(` - Server Actions: ${r.serverActions.map(s => s.url).join('; ')}\n`);
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
if (hasBtn.length > 0) {
|
|||
|
|
reportLines.push('\n### 🔘 버튼 발견 (스캔 결과)\n');
|
|||
|
|
hasBtn.forEach(r => {
|
|||
|
|
reportLines.push(`- **${r.level1} > ${r.level2}**: ${r.buttons.map(b => `"${b.text}"`).join(', ')}\n`);
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
if (noBtn.length > 0) {
|
|||
|
|
reportLines.push('\n### ⏭️ 다운로드 버튼 없음\n');
|
|||
|
|
noBtn.forEach(r => {
|
|||
|
|
const sample = r.allButtons?.slice(0, 8).map(b => `"${b.text}"`).join(', ') || 'N/A';
|
|||
|
|
reportLines.push(`- **${r.level1} > ${r.level2}**: 주요 버튼: ${sample}\n`);
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
const reportPath = path.join(RESULTS_DIR, `Download-Debug_${ts}.md`);
|
|||
|
|
fs.writeFileSync(reportPath, reportLines.join(''), 'utf-8');
|
|||
|
|
console.log(C.cyan(`\n📄 리포트: ${reportPath}`));
|
|||
|
|
|
|||
|
|
await browser.close();
|
|||
|
|
console.log(C.dim('🔒 브라우저 닫힘\n'));
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// ─── 사이드바 메뉴 탐색 ─────────────────────────────────────
|
|||
|
|
async function navigateViaMenu(page, level1, level2) {
|
|||
|
|
try {
|
|||
|
|
await page.evaluate(() => {
|
|||
|
|
const sidebar = document.querySelector('.sidebar-scroll, [class*="sidebar"], nav');
|
|||
|
|
if (sidebar) sidebar.scrollTo({ top: 0, behavior: 'instant' });
|
|||
|
|
});
|
|||
|
|
await sleep(300);
|
|||
|
|
|
|||
|
|
for (let scroll = 0; scroll < 15; scroll++) {
|
|||
|
|
const found = await page.evaluate((l1) => {
|
|||
|
|
const btns = Array.from(document.querySelectorAll('button, [role="button"], a'));
|
|||
|
|
const btn = btns.find(b => b.innerText?.trim().startsWith(l1));
|
|||
|
|
if (btn) { btn.click(); return true; }
|
|||
|
|
return false;
|
|||
|
|
}, level1);
|
|||
|
|
|
|||
|
|
if (found) {
|
|||
|
|
await sleep(500);
|
|||
|
|
const nav2 = await page.evaluate((l2) => {
|
|||
|
|
const items = Array.from(document.querySelectorAll('a, button'));
|
|||
|
|
const item = items.find(el => el.innerText?.trim() === l2);
|
|||
|
|
if (item) { item.click(); return true; }
|
|||
|
|
return false;
|
|||
|
|
}, level2);
|
|||
|
|
if (nav2) {
|
|||
|
|
await sleep(2000);
|
|||
|
|
return true;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
await page.evaluate(() => {
|
|||
|
|
const sidebar = document.querySelector('.sidebar-scroll, [class*="sidebar"], nav');
|
|||
|
|
if (sidebar) sidebar.scrollBy({ top: 150, behavior: 'instant' });
|
|||
|
|
});
|
|||
|
|
await sleep(100);
|
|||
|
|
}
|
|||
|
|
return false;
|
|||
|
|
} catch { return false; }
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
main().catch(err => {
|
|||
|
|
console.error(C.red(`💥 오류: ${err.message}`));
|
|||
|
|
process.exit(1);
|
|||
|
|
});
|