86 lines
3.6 KiB
JavaScript
86 lines
3.6 KiB
JavaScript
|
/**
|
||
|
|
* BOM Screen - Restoration Verification
|
||
|
|
* Screen 4168 - verify split panel, BOM list, and tree with child items
|
||
|
|
*/
|
||
|
|
import { chromium } from 'playwright';
|
||
|
|
import { mkdirSync, existsSync } from 'fs';
|
||
|
|
import { join } from 'path';
|
||
|
|
|
||
|
|
const SCREENSHOT_DIR = join(process.cwd(), 'bom-detail-test-screenshots');
|
||
|
|
|
||
|
|
async function ensureDir(dir) {
|
||
|
|
if (!existsSync(dir)) mkdirSync(dir, { recursive: true });
|
||
|
|
}
|
||
|
|
|
||
|
|
async function screenshot(page, name) {
|
||
|
|
ensureDir(SCREENSHOT_DIR);
|
||
|
|
await page.screenshot({ path: join(SCREENSHOT_DIR, `${name}.png`), fullPage: true });
|
||
|
|
console.log(` [Screenshot] ${name}.png`);
|
||
|
|
}
|
||
|
|
|
||
|
|
async function sleep(ms) {
|
||
|
|
return new Promise((r) => setTimeout(r, ms));
|
||
|
|
}
|
||
|
|
|
||
|
|
async function main() {
|
||
|
|
const browser = await chromium.launch({ headless: true });
|
||
|
|
const page = await browser.newPage({ viewport: { width: 1400, height: 900 } });
|
||
|
|
|
||
|
|
try {
|
||
|
|
console.log('\n--- Step 1-2: Login ---');
|
||
|
|
await page.goto('http://localhost:9771/login', { waitUntil: 'load', timeout: 45000 });
|
||
|
|
await page.locator('input[type="text"], input[placeholder*="ID"]').first().fill('topseal_admin');
|
||
|
|
await page.locator('input[type="password"]').first().fill('qlalfqjsgh11');
|
||
|
|
await Promise.all([
|
||
|
|
page.waitForNavigation({ waitUntil: 'domcontentloaded', timeout: 20000 }).catch(() => {}),
|
||
|
|
page.locator('button:has-text("로그인")').first().click(),
|
||
|
|
]);
|
||
|
|
await sleep(3000);
|
||
|
|
|
||
|
|
console.log('\n--- Step 4-5: Navigate to screen 4168 ---');
|
||
|
|
await page.goto('http://localhost:9771/screens/4168', { waitUntil: 'load', timeout: 45000 });
|
||
|
|
await sleep(5000);
|
||
|
|
|
||
|
|
console.log('\n--- Step 6: Screenshot after load ---');
|
||
|
|
await screenshot(page, '10-bom-4168-initial');
|
||
|
|
|
||
|
|
const hasBomList = (await page.locator('text="BOM 목록"').count()) > 0;
|
||
|
|
const hasSplitPanel = (await page.locator('text="BOM 상세정보"').count()) > 0 || hasBomList;
|
||
|
|
const rowCount = await page.locator('table tbody tr').count();
|
||
|
|
const hasBomRows = rowCount > 0;
|
||
|
|
|
||
|
|
console.log('\n========== INITIAL STATE (Step 7) ==========');
|
||
|
|
console.log('BOM management screen loaded:', hasBomList || hasSplitPanel ? 'YES' : 'CHECK');
|
||
|
|
console.log('Split panel (BOM list left):', hasSplitPanel ? 'YES' : 'NO');
|
||
|
|
console.log('BOM data rows visible:', hasBomRows ? `YES (${rowCount} rows)` : 'NO');
|
||
|
|
|
||
|
|
if (hasBomRows) {
|
||
|
|
console.log('\n--- Step 8-9: Click first row ---');
|
||
|
|
await page.locator('table tbody tr').first().click();
|
||
|
|
await sleep(5000);
|
||
|
|
|
||
|
|
console.log('\n--- Step 10: Screenshot after row click ---');
|
||
|
|
await screenshot(page, '11-bom-4168-after-click');
|
||
|
|
|
||
|
|
const noDataMsg = (await page.locator('text="등록된 하위 품목이 없습니다"').count()) > 0;
|
||
|
|
const treeArea = page.locator('div:has-text("BOM 구성"), div:has-text("BOM 상세정보")').first();
|
||
|
|
const treeText = (await treeArea.textContent().catch(() => '') || '').substring(0, 600);
|
||
|
|
const hasChildItems = !noDataMsg && (treeText.includes('품번') || treeText.includes('레벨') || treeText.length > 150);
|
||
|
|
|
||
|
|
console.log('\n========== AFTER ROW CLICK (Step 11) ==========');
|
||
|
|
console.log('BOM tree shows child items:', hasChildItems ? 'YES' : noDataMsg ? 'NO (empty message)' : 'CHECK');
|
||
|
|
console.log('Tree preview:', treeText.substring(0, 300) + (treeText.length > 300 ? '...' : ''));
|
||
|
|
} else {
|
||
|
|
console.log('\n--- No BOM rows to click ---');
|
||
|
|
}
|
||
|
|
|
||
|
|
} catch (err) {
|
||
|
|
console.error('Error:', err.message);
|
||
|
|
try { await page.screenshot({ path: join(SCREENSHOT_DIR, '99-error.png'), fullPage: true }); } catch (e) {}
|
||
|
|
} finally {
|
||
|
|
await browser.close();
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
main();
|