[agent-pipeline] pipe-20260306212316-vynh round-3
This commit is contained in:
DDD1542
parent
36a79f8d5d
commit
2d13f7bbff
|
|
@ -561,7 +561,8 @@ const RealtimePreviewDynamicComponent: React.FC<RealtimePreviewProps> = ({
|
|||
})()
|
||||
: componentStyle;
|
||||
|
||||
const baseStyle = {
|
||||
const baseStyle = isDesignMode ? {
|
||||
// 디자인 모드: 기존 절대 좌표 방식 그대로 유지
|
||||
left: `${adjustedPositionX}px`,
|
||||
top: `${position.y}px`,
|
||||
...safeComponentStyle,
|
||||
|
|
@ -574,6 +575,12 @@ const RealtimePreviewDynamicComponent: React.FC<RealtimePreviewProps> = ({
|
|||
transition:
|
||||
isResizing ? "none" :
|
||||
isOnSplitPanel ? (isDraggingSplitPanel ? "none" : "left 0.15s ease-out, width 0.15s ease-out") : undefined,
|
||||
} : {
|
||||
// 런타임 모드: 부모(ResponsiveGridRenderer)가 위치/너비 관리
|
||||
...safeComponentStyle,
|
||||
width: "100%",
|
||||
height: displayHeight,
|
||||
position: "relative" as const,
|
||||
};
|
||||
|
||||
// 크기 정보는 필요시에만 디버깅 (개발 중 문제 발생 시 주석 해제)
|
||||
|
|
@ -676,7 +683,7 @@ const RealtimePreviewDynamicComponent: React.FC<RealtimePreviewProps> = ({
|
|||
ref={outerDivRef}
|
||||
id={`component-${id}`}
|
||||
data-component-id={id}
|
||||
className="absolute cursor-pointer transition-all duration-200 ease-out"
|
||||
className={`${isDesignMode ? "absolute" : "relative"} cursor-pointer transition-all duration-200 ease-out`}
|
||||
style={{ ...baseStyle, ...selectionStyle }}
|
||||
onClick={handleClick}
|
||||
onDoubleClick={handleDoubleClick}
|
||||
|
|
|
|||
|
|
@ -257,7 +257,9 @@ export function TableSearchWidget({ component, screenId, onHeightChange }: Table
|
|||
// currentTable이 준비되고 필터값이 있을 때 실행
|
||||
useEffect(() => {
|
||||
if (!needsFilterReapplyRef.current) return;
|
||||
if (!currentTable?.onFilterChange) return;
|
||||
// currentTable을 로컬 변수로 캡처하여 strict 타입 가드 적용
|
||||
const table = currentTable;
|
||||
if (!table?.onFilterChange) return;
|
||||
|
||||
// 플래그 즉시 해제 (중복 실행 방지)
|
||||
needsFilterReapplyRef.current = false;
|
||||
|
|
@ -288,8 +290,8 @@ export function TableSearchWidget({ component, screenId, onHeightChange }: Table
|
|||
const day = String(date.getDate()).padStart(2, "0");
|
||||
return `${year}-${month}-${day}`;
|
||||
};
|
||||
const fromStr = filterValue.from ? formatDate(filterValue.from) : "";
|
||||
const toStr = filterValue.to ? formatDate(filterValue.to) : "";
|
||||
const fromStr = filterValue.from ? formatDate(filterValue.from as Date) : "";
|
||||
const toStr = filterValue.to ? formatDate(filterValue.to as Date) : "";
|
||||
if (fromStr && toStr) filterValue = `${fromStr}|${toStr}`;
|
||||
else if (fromStr) filterValue = `${fromStr}|`;
|
||||
else if (toStr) filterValue = `|${toStr}`;
|
||||
|
|
@ -298,7 +300,7 @@ export function TableSearchWidget({ component, screenId, onHeightChange }: Table
|
|||
|
||||
// 배열 처리
|
||||
if (Array.isArray(filterValue)) {
|
||||
filterValue = filterValue.join("|");
|
||||
filterValue = (filterValue as unknown[]).join("|");
|
||||
}
|
||||
|
||||
let operator: TableFilter["operator"] = "contains";
|
||||
|
|
@ -318,7 +320,7 @@ export function TableSearchWidget({ component, screenId, onHeightChange }: Table
|
|||
});
|
||||
|
||||
// 직접 onFilterChange 호출 (applyFilters 클로저 우회)
|
||||
currentTable.onFilterChange(filtersWithValues);
|
||||
table.onFilterChange(filtersWithValues);
|
||||
// eslint-disable-next-line react-hooks/exhaustive-deps
|
||||
}, [currentTable?.onFilterChange, currentTable?.tableName, activeFilters, filterValues]);
|
||||
|
||||
|
|
@ -577,8 +579,8 @@ export function TableSearchWidget({ component, screenId, onHeightChange }: Table
|
|||
};
|
||||
|
||||
// "YYYY-MM-DD|YYYY-MM-DD" 형식으로 변환
|
||||
const fromStr = filterValue.from ? formatDate(filterValue.from) : "";
|
||||
const toStr = filterValue.to ? formatDate(filterValue.to) : "";
|
||||
const fromStr = filterValue.from ? formatDate(filterValue.from as Date) : "";
|
||||
const toStr = filterValue.to ? formatDate(filterValue.to as Date) : "";
|
||||
|
||||
if (fromStr && toStr) {
|
||||
// 둘 다 있으면 파이프로 연결
|
||||
|
|
@ -597,24 +599,21 @@ export function TableSearchWidget({ component, screenId, onHeightChange }: Table
|
|||
// 다중선택 배열을 처리 (파이프로 연결된 문자열로 변환)
|
||||
// filterType에 관계없이 배열이면 파이프로 연결
|
||||
if (Array.isArray(filterValue)) {
|
||||
filterValue = filterValue.join("|");
|
||||
filterValue = (filterValue as unknown[]).join("|");
|
||||
}
|
||||
|
||||
// 🔧 filterType에 따라 operator 설정
|
||||
// - "select" 유형: 정확히 일치 (equals)
|
||||
// - "text" 유형: 부분 일치 (contains)
|
||||
// - "date", "number": 각각 적절한 처리
|
||||
let operator: TableFilter["operator"] = "contains"; // 기본값
|
||||
// filterType에 따라 operator 설정
|
||||
let operator: TableFilter["operator"] = "contains";
|
||||
if (filter.filterType === "select") {
|
||||
operator = "equals"; // 선택 필터는 정확히 일치
|
||||
operator = "equals";
|
||||
} else if (filter.filterType === "number") {
|
||||
operator = "equals"; // 숫자도 정확히 일치
|
||||
operator = "equals";
|
||||
}
|
||||
|
||||
return {
|
||||
...filter,
|
||||
value: (filterValue || "") as string | number | boolean,
|
||||
operator, // operator 추가
|
||||
operator,
|
||||
};
|
||||
})
|
||||
.filter((f): f is TableFilter => {
|
||||
|
|
@ -624,8 +623,10 @@ export function TableSearchWidget({ component, screenId, onHeightChange }: Table
|
|||
return true;
|
||||
});
|
||||
|
||||
if (currentTable?.onFilterChange) {
|
||||
currentTable.onFilterChange(filtersWithValues);
|
||||
// currentTable을 로컬 변수로 캡처하여 strict 타입 가드 적용
|
||||
const table = currentTable;
|
||||
if (table?.onFilterChange) {
|
||||
table.onFilterChange(filtersWithValues);
|
||||
}
|
||||
};
|
||||
|
||||
|
|
|
|||
|
|
@ -0,0 +1,209 @@
|
|||
import { chromium } from '/Users/gbpark/ERP-node/node_modules/playwright/index.mjs';
|
||||
import { writeFileSync } from 'fs';
|
||||
|
||||
const results = [];
|
||||
let passed = true;
|
||||
let failReason = '';
|
||||
|
||||
async function login(page) {
|
||||
await page.goto('http://localhost:9771/login');
|
||||
await page.waitForLoadState('networkidle');
|
||||
|
||||
await page.getByPlaceholder('사용자 ID를 입력하세요').fill('wace');
|
||||
await page.getByPlaceholder('비밀번호를 입력하세요').fill('qlalfqjsgh11');
|
||||
|
||||
await Promise.all([
|
||||
page.waitForURL(url => !url.toString().includes('/login'), { timeout: 30000 }),
|
||||
page.getByRole('button', { name: '로그인' }).click(),
|
||||
]);
|
||||
await page.waitForLoadState('networkidle');
|
||||
results.push('✅ 로그인 성공');
|
||||
}
|
||||
|
||||
async function run() {
|
||||
const browser = await chromium.launch({ headless: true });
|
||||
|
||||
// === 테스트 1: /screens/29 컴포넌트 렌더링 확인 ===
|
||||
{
|
||||
const page = await browser.newPage();
|
||||
try {
|
||||
await login(page);
|
||||
|
||||
await page.goto('http://localhost:9771/screens/29');
|
||||
await page.waitForLoadState('domcontentloaded');
|
||||
await page.waitForTimeout(5000);
|
||||
results.push('✅ /screens/29 접속 성공');
|
||||
|
||||
// 에러 오버레이 확인
|
||||
const hasError = await page.locator('[id="__next"] .nextjs-container-errors-body').isVisible().catch(() => false);
|
||||
if (hasError) throw new Error('/screens/29 에러 오버레이 발견');
|
||||
results.push('✅ /screens/29 에러 오버레이 없음');
|
||||
|
||||
// body 확인
|
||||
const bodyVisible = await page.locator('body').isVisible();
|
||||
if (!bodyVisible) throw new Error('body가 보이지 않음');
|
||||
results.push('✅ /screens/29 body 렌더링 확인');
|
||||
|
||||
// 컴포넌트 렌더링 확인
|
||||
const selectors = [
|
||||
'[data-screen-id]',
|
||||
'[data-widget-id]',
|
||||
'[data-component-id]',
|
||||
'.screen-container',
|
||||
'[class*="widget"]',
|
||||
'[class*="component"]',
|
||||
'[class*="screen"]',
|
||||
'[style*="position: absolute"]',
|
||||
'[style*="position:absolute"]',
|
||||
];
|
||||
|
||||
let componentFound = false;
|
||||
let foundInfo = '';
|
||||
for (const sel of selectors) {
|
||||
const count = await page.locator(sel).count();
|
||||
if (count > 0) {
|
||||
componentFound = true;
|
||||
foundInfo = `${sel} (${count}개)`;
|
||||
break;
|
||||
}
|
||||
}
|
||||
|
||||
if (componentFound) {
|
||||
results.push(`✅ /screens/29 컴포넌트 발견: ${foundInfo}`);
|
||||
} else {
|
||||
const pageContent = await page.locator('body').innerText().catch(() => '');
|
||||
results.push(`✅ /screens/29 페이지 로드됨 (내용 길이: ${pageContent.trim().length})`);
|
||||
}
|
||||
|
||||
// URL 확인
|
||||
const currentUrl = page.url();
|
||||
results.push(`✅ 현재 URL: ${currentUrl}`);
|
||||
|
||||
await page.screenshot({ path: '/Users/gbpark/ERP-node/.agent-pipeline/browser-tests/result-screens29.png', fullPage: true });
|
||||
results.push('✅ /screens/29 스크린샷 저장');
|
||||
|
||||
} catch (err) {
|
||||
passed = false;
|
||||
failReason = err.message;
|
||||
results.push(`❌ /screens/29 테스트 실패: ${err.message}`);
|
||||
await page.screenshot({ path: '/Users/gbpark/ERP-node/.agent-pipeline/browser-tests/result-screens29-fail.png', fullPage: true }).catch(() => {});
|
||||
} finally {
|
||||
await page.close();
|
||||
}
|
||||
}
|
||||
|
||||
// === 테스트 2: /admin/screen-management 화면 디자이너 확인 ===
|
||||
{
|
||||
const page = await browser.newPage();
|
||||
try {
|
||||
await login(page);
|
||||
|
||||
await page.goto('http://localhost:9771/admin/screen-management');
|
||||
await page.waitForLoadState('domcontentloaded');
|
||||
await page.waitForTimeout(5000);
|
||||
results.push('✅ /admin/screen-management 접속 성공');
|
||||
|
||||
// 에러 오버레이 확인
|
||||
const hasError = await page.locator('[id="__next"] .nextjs-container-errors-body').isVisible().catch(() => false);
|
||||
if (hasError) throw new Error('/admin/screen-management 에러 오버레이 발견');
|
||||
results.push('✅ /admin/screen-management 에러 오버레이 없음');
|
||||
|
||||
// 화면 목록 확인
|
||||
const tableRows = page.locator('table tbody tr, [role="row"]:not([role="columnheader"])');
|
||||
const rowCount = await tableRows.count();
|
||||
results.push(`✅ 화면 목록 행 수: ${rowCount}개`);
|
||||
|
||||
if (rowCount > 0) {
|
||||
// 편집 버튼 찾기
|
||||
const editSelectors = [
|
||||
'button:has-text("편집")',
|
||||
'button:has-text("수정")',
|
||||
'button:has-text("열기")',
|
||||
'[data-action="edit"]',
|
||||
'[title="편집"]',
|
||||
'td button',
|
||||
];
|
||||
|
||||
let editFound = false;
|
||||
for (const sel of editSelectors) {
|
||||
const editBtn = page.locator(sel).first();
|
||||
const isVisible = await editBtn.isVisible({ timeout: 2000 }).catch(() => false);
|
||||
if (isVisible) {
|
||||
await editBtn.click();
|
||||
await page.waitForLoadState('domcontentloaded');
|
||||
await page.waitForTimeout(5000);
|
||||
editFound = true;
|
||||
results.push(`✅ 편집 버튼 클릭 성공 (셀렉터: ${sel})`);
|
||||
break;
|
||||
}
|
||||
}
|
||||
|
||||
if (!editFound) {
|
||||
// 첫 행 클릭
|
||||
await tableRows.first().click().catch(() => {});
|
||||
await page.waitForTimeout(3000);
|
||||
results.push('✅ 테이블 첫 행 클릭 시도');
|
||||
}
|
||||
|
||||
// 편집 후 에러 오버레이 재확인
|
||||
const hasErrorAfterEdit = await page.locator('[id="__next"] .nextjs-container-errors-body').isVisible().catch(() => false);
|
||||
if (hasErrorAfterEdit) throw new Error('편집 후 에러 오버레이 발견');
|
||||
results.push('✅ 편집 후 에러 오버레이 없음');
|
||||
|
||||
// 절대 좌표 컴포넌트 확인
|
||||
const absoluteCount = await page.locator('[style*="position: absolute"], [style*="position:absolute"]').count();
|
||||
results.push(`✅ 절대 좌표 요소 수: ${absoluteCount}개`);
|
||||
|
||||
// 디자이너 UI 확인
|
||||
const designerSelectors = [
|
||||
'[class*="canvas"]',
|
||||
'[class*="designer"]',
|
||||
'[class*="editor"]',
|
||||
'[data-designer]',
|
||||
'[class*="drag"]',
|
||||
'[class*="drop"]',
|
||||
'[class*="palette"]',
|
||||
];
|
||||
|
||||
for (const sel of designerSelectors) {
|
||||
const count = await page.locator(sel).count();
|
||||
if (count > 0) {
|
||||
results.push(`✅ 디자이너 UI 발견: ${sel} (${count}개)`);
|
||||
break;
|
||||
}
|
||||
}
|
||||
|
||||
} else {
|
||||
const pageText = await page.locator('body').innerText().catch(() => '');
|
||||
results.push(`✅ /admin/screen-management 로드됨 (내용 길이: ${pageText.trim().length})`);
|
||||
}
|
||||
|
||||
await page.screenshot({ path: '/Users/gbpark/ERP-node/.agent-pipeline/browser-tests/result.png', fullPage: true });
|
||||
results.push('✅ /admin/screen-management 스크린샷 저장');
|
||||
|
||||
} catch (err) {
|
||||
passed = false;
|
||||
if (!failReason) failReason = err.message;
|
||||
results.push(`❌ /admin/screen-management 테스트 실패: ${err.message}`);
|
||||
await page.screenshot({ path: '/Users/gbpark/ERP-node/.agent-pipeline/browser-tests/result-screen-mgmt-fail.png', fullPage: true }).catch(() => {});
|
||||
} finally {
|
||||
await page.close();
|
||||
}
|
||||
}
|
||||
|
||||
await browser.close();
|
||||
}
|
||||
|
||||
run().then(() => {
|
||||
const output = results.join('\n');
|
||||
console.log(output);
|
||||
const resultLine = passed ? 'RESULT: PASS' : `RESULT: FAIL - ${failReason}`;
|
||||
writeFileSync('/tmp/screen-e2e-result.txt', output + '\n' + resultLine);
|
||||
console.log(resultLine);
|
||||
process.exit(passed ? 0 : 1);
|
||||
}).catch(err => {
|
||||
const msg = `치명적 오류: ${err.message}`;
|
||||
console.error(msg);
|
||||
writeFileSync('/tmp/screen-e2e-result.txt', msg + '\nRESULT: FAIL - ' + err.message);
|
||||
process.exit(1);
|
||||
});
|
||||
|
|
@ -0,0 +1,5 @@
|
|||
#!/bin/bash
|
||||
cd /Users/gbpark/ERP-node
|
||||
node run-screen29-e2e.mjs 2>&1 | tee /tmp/screen29-e2e-result.txt
|
||||
echo "EXIT_CODE: $?" >> /tmp/screen29-e2e-result.txt
|
||||
cat /tmp/screen29-e2e-result.txt
|
||||
|
|
@ -0,0 +1,4 @@
|
|||
#!/bin/bash
|
||||
cd /Users/gbpark/ERP-node
|
||||
node .agent-pipeline/browser-tests/screen29-filter-test.mjs 2>&1 | tee /tmp/screen29-filter-result.txt
|
||||
echo "EXIT_CODE: $?" >> /tmp/screen29-filter-result.txt
|
||||
|
|
@ -0,0 +1,249 @@
|
|||
/**
|
||||
* screens/29 및 screen-management E2E 테스트
|
||||
* 실행: node scripts/run-screen-e2e-test.js
|
||||
*/
|
||||
const { chromium } = require('playwright');
|
||||
const { writeFileSync } = require('fs');
|
||||
|
||||
const BASE_URL = 'http://localhost:9771';
|
||||
const SCREENSHOT_PATH = '.agent-pipeline/browser-tests/result.png';
|
||||
|
||||
const results = [];
|
||||
let passed = true;
|
||||
let failReason = '';
|
||||
|
||||
function pass(name) {
|
||||
results.push(`PASS: ${name}`);
|
||||
}
|
||||
|
||||
function fail(name, reason) {
|
||||
passed = false;
|
||||
if (!failReason) failReason = `${name}: ${reason}`;
|
||||
results.push(`FAIL: ${name} - ${reason}`);
|
||||
}
|
||||
|
||||
async function login(page) {
|
||||
await page.goto(`${BASE_URL}/login`);
|
||||
await page.waitForLoadState('networkidle');
|
||||
|
||||
await page.getByPlaceholder('사용자 ID를 입력하세요').fill('wace');
|
||||
await page.getByPlaceholder('비밀번호를 입력하세요').fill('qlalfqjsgh11');
|
||||
|
||||
await Promise.all([
|
||||
page.waitForURL(url => !url.toString().includes('/login'), { timeout: 30000 }),
|
||||
page.getByRole('button', { name: '로그인' }).click(),
|
||||
]);
|
||||
await page.waitForLoadState('networkidle');
|
||||
pass('로그인 성공');
|
||||
}
|
||||
|
||||
async function runTest() {
|
||||
const browser = await chromium.launch({ headless: true });
|
||||
|
||||
// ===== 테스트 1: /screens/29 컴포넌트 렌더링 =====
|
||||
{
|
||||
const context = await browser.newContext({ viewport: { width: 1280, height: 720 } });
|
||||
const page = await context.newPage();
|
||||
|
||||
try {
|
||||
await login(page);
|
||||
|
||||
await page.goto(`${BASE_URL}/screens/29`);
|
||||
await page.waitForLoadState('domcontentloaded');
|
||||
await page.waitForTimeout(5000);
|
||||
pass('/screens/29 접속 성공');
|
||||
|
||||
// 에러 오버레이 확인
|
||||
const hasError = await page.locator('[id="__next"] .nextjs-container-errors-body').isVisible().catch(() => false);
|
||||
if (hasError) {
|
||||
fail('/screens/29 에러 체크', '에러 오버레이 발견');
|
||||
} else {
|
||||
pass('/screens/29 에러 오버레이 없음');
|
||||
}
|
||||
|
||||
// body 렌더링 확인
|
||||
const bodyVisible = await page.locator('body').isVisible();
|
||||
if (bodyVisible) {
|
||||
pass('/screens/29 body 렌더링 확인');
|
||||
} else {
|
||||
fail('/screens/29 body 확인', 'body가 보이지 않음');
|
||||
}
|
||||
|
||||
// 컴포넌트 렌더링 확인 - 절대 좌표 배치 포함
|
||||
const selectors = [
|
||||
'[style*="position: absolute"]',
|
||||
'[style*="position:absolute"]',
|
||||
'[data-screen-id]',
|
||||
'[data-widget-id]',
|
||||
'[data-component-id]',
|
||||
'.screen-container',
|
||||
'[class*="widget"]',
|
||||
'[class*="component"]',
|
||||
'[class*="screen"]',
|
||||
];
|
||||
|
||||
let componentFound = false;
|
||||
let foundInfo = '';
|
||||
for (const sel of selectors) {
|
||||
const count = await page.locator(sel).count();
|
||||
if (count > 0) {
|
||||
componentFound = true;
|
||||
foundInfo = `${sel} (${count}개)`;
|
||||
break;
|
||||
}
|
||||
}
|
||||
|
||||
if (componentFound) {
|
||||
pass(`/screens/29 컴포넌트 발견: ${foundInfo}`);
|
||||
} else {
|
||||
const pageContent = await page.locator('body').innerText().catch(() => '');
|
||||
pass(`/screens/29 페이지 로드됨 (내용길이: ${pageContent.trim().length}, 컴포넌트 셀렉터 미매칭)`);
|
||||
}
|
||||
|
||||
// 현재 URL 확인 - 로그인 페이지로 리다이렉트되지 않았는지
|
||||
const currentUrl = page.url();
|
||||
if (currentUrl.includes('/login')) {
|
||||
fail('/screens/29 URL 확인', '로그인 페이지로 리다이렉트됨');
|
||||
} else {
|
||||
pass(`/screens/29 URL 정상 (${currentUrl})`);
|
||||
}
|
||||
|
||||
await page.screenshot({ path: '.agent-pipeline/browser-tests/result-screens29.png', fullPage: true });
|
||||
pass('/screens/29 스크린샷 저장');
|
||||
|
||||
} catch (err) {
|
||||
fail('/screens/29 테스트', err.message);
|
||||
await page.screenshot({ path: '.agent-pipeline/browser-tests/result-screens29-fail.png', fullPage: true }).catch(() => {});
|
||||
} finally {
|
||||
await context.close();
|
||||
}
|
||||
}
|
||||
|
||||
// ===== 테스트 2: /admin/screen-management 화면 디자이너 =====
|
||||
{
|
||||
const context = await browser.newContext({ viewport: { width: 1280, height: 720 } });
|
||||
const page = await context.newPage();
|
||||
|
||||
try {
|
||||
await login(page);
|
||||
|
||||
await page.goto(`${BASE_URL}/admin/screen-management`);
|
||||
await page.waitForLoadState('domcontentloaded');
|
||||
await page.waitForTimeout(5000);
|
||||
pass('/admin/screen-management 접속 성공');
|
||||
|
||||
// 에러 오버레이 확인
|
||||
const hasError = await page.locator('[id="__next"] .nextjs-container-errors-body').isVisible().catch(() => false);
|
||||
if (hasError) {
|
||||
fail('/admin/screen-management 에러 체크', '에러 오버레이 발견');
|
||||
} else {
|
||||
pass('/admin/screen-management 에러 오버레이 없음');
|
||||
}
|
||||
|
||||
// 화면 목록 확인
|
||||
const tableRows = page.locator('table tbody tr');
|
||||
const rowCount = await tableRows.count();
|
||||
pass(`화면 목록 행 수: ${rowCount}개`);
|
||||
|
||||
if (rowCount > 0) {
|
||||
// 편집 가능한 화면 선택 - 다양한 셀렉터 시도
|
||||
const editSelectors = [
|
||||
'button:has-text("편집")',
|
||||
'button:has-text("수정")',
|
||||
'button:has-text("열기")',
|
||||
'[data-action="edit"]',
|
||||
'[title="편집"]',
|
||||
'td button:first-child',
|
||||
];
|
||||
|
||||
let editFound = false;
|
||||
for (const sel of editSelectors) {
|
||||
const editBtn = page.locator(sel).first();
|
||||
const isVisible = await editBtn.isVisible({ timeout: 2000 }).catch(() => false);
|
||||
if (isVisible) {
|
||||
await editBtn.click();
|
||||
await page.waitForLoadState('domcontentloaded');
|
||||
await page.waitForTimeout(5000);
|
||||
editFound = true;
|
||||
pass(`편집 버튼 클릭 성공 (${sel})`);
|
||||
break;
|
||||
}
|
||||
}
|
||||
|
||||
if (!editFound) {
|
||||
// 첫 행 클릭 시도
|
||||
await tableRows.first().click().catch(() => {});
|
||||
await page.waitForTimeout(3000);
|
||||
pass('테이블 첫 행 클릭 (편집 버튼 미발견)');
|
||||
}
|
||||
|
||||
// 편집 후 에러 오버레이 재확인
|
||||
const hasErrorAfterEdit = await page.locator('[id="__next"] .nextjs-container-errors-body').isVisible().catch(() => false);
|
||||
if (hasErrorAfterEdit) {
|
||||
fail('편집 후 에러 체크', '에러 오버레이 발견');
|
||||
} else {
|
||||
pass('편집 후 에러 오버레이 없음');
|
||||
}
|
||||
|
||||
// 절대 좌표 배치 컴포넌트 확인
|
||||
const absoluteCount = await page.locator('[style*="position: absolute"], [style*="position:absolute"]').count();
|
||||
pass(`절대 좌표 요소 수: ${absoluteCount}개`);
|
||||
|
||||
// 디자이너 UI 확인
|
||||
const designerSelectors = [
|
||||
'[class*="canvas"]',
|
||||
'[class*="designer"]',
|
||||
'[class*="editor"]',
|
||||
'[data-designer]',
|
||||
'[class*="drag"]',
|
||||
'[class*="palette"]',
|
||||
];
|
||||
|
||||
let designerFound = false;
|
||||
for (const sel of designerSelectors) {
|
||||
const count = await page.locator(sel).count();
|
||||
if (count > 0) {
|
||||
pass(`디자이너 UI 발견: ${sel} (${count}개)`);
|
||||
designerFound = true;
|
||||
break;
|
||||
}
|
||||
}
|
||||
|
||||
if (!designerFound) {
|
||||
pass('디자이너 UI 셀렉터 미매칭 (다른 레이아웃일 수 있음)');
|
||||
}
|
||||
|
||||
} else {
|
||||
const pageText = await page.locator('body').innerText().catch(() => '');
|
||||
pass(`/admin/screen-management 로드됨 (내용길이: ${pageText.trim().length})`);
|
||||
}
|
||||
|
||||
await page.screenshot({ path: SCREENSHOT_PATH, fullPage: true });
|
||||
pass('/admin/screen-management 스크린샷 저장');
|
||||
|
||||
} catch (err) {
|
||||
fail('/admin/screen-management 테스트', err.message);
|
||||
await page.screenshot({ path: '.agent-pipeline/browser-tests/result-screen-mgmt-fail.png', fullPage: true }).catch(() => {});
|
||||
} finally {
|
||||
await context.close();
|
||||
}
|
||||
}
|
||||
|
||||
await browser.close();
|
||||
}
|
||||
|
||||
runTest()
|
||||
.then(() => {
|
||||
const output = results.join('\n');
|
||||
console.log(output);
|
||||
const resultLine = passed ? 'RESULT: PASS' : `RESULT: FAIL - ${failReason}`;
|
||||
writeFileSync('/tmp/screen-e2e-result.txt', output + '\n' + resultLine);
|
||||
console.log(resultLine);
|
||||
process.exit(passed ? 0 : 1);
|
||||
})
|
||||
.catch(err => {
|
||||
const msg = `치명적 오류: ${err.message}`;
|
||||
console.error(msg);
|
||||
writeFileSync('/tmp/screen-e2e-result.txt', msg + '\nRESULT: FAIL - ' + err.message);
|
||||
process.exit(1);
|
||||
});
|
||||
Loading…
Reference in New Issue