#!/usr/bin/env node /** * 접근성 감사 시나리오 생성기 * * 주요 18개 페이지에 대해 WCAG 2.1 AA 접근성 감사 시나리오를 자동 생성한다. * 각 시나리오는: * 1. 페이지 로드 대기 * 2. 테이블/콘텐츠 로드 대기 * 3. accessibility_audit - 이미지 alt, 폼 레이블, 버튼 이름, 제목 순서, 페이지 언어 검사 * 4. keyboard_navigate - 탭 키 네비게이션, 포커스 표시 검사 * * Usage: node e2e/runner/gen-accessibility-audit.js * * Output: * e2e/scenarios/a11y-{page-id}.json (18개 파일) * * Run generated scenarios: * node e2e/runner/run-all.js --filter a11y */ const fs = require('fs'); const path = require('path'); const SCENARIOS_DIR = path.resolve(__dirname, '..', 'scenarios'); // ════════════════════════════════════════════════════════════════ // 페이지 매니페스트 (18개) // ════════════════════════════════════════════════════════════════ const PAGES = [ // 판매관리 { id: 'sales-client', name: '판매관리 > 거래처관리', level1: '판매관리', level2: '거래처관리' }, { id: 'sales-estimate', name: '판매관리 > 견적관리', level1: '판매관리', level2: '견적관리' }, { id: 'sales-order', name: '판매관리 > 수주관리', level1: '판매관리', level2: '수주관리' }, // 회계관리 { id: 'acc-client', name: '회계관리 > 거래처관리', level1: '회계관리', level2: '거래처관리' }, { id: 'acc-sales', name: '회계관리 > 매출관리', level1: '회계관리', level2: '매출관리', tableTimeout: 20000 }, { id: 'acc-purchase', name: '회계관리 > 매입관리', level1: '회계관리', level2: '매입관리' }, { id: 'acc-deposit', name: '회계관리 > 입금관리', level1: '회계관리', level2: '입금관리' }, // 인사관리 { id: 'hr-employee', name: '인사관리 > 사원관리', level1: '인사관리', level2: '사원관리' }, { id: 'hr-attendance', name: '인사관리 > 근태관리', level1: '인사관리', level2: '근태관리' }, { id: 'hr-salary', name: '인사관리 > 급여관리', level1: '인사관리', level2: '급여관리' }, { id: 'hr-department', name: '인사관리 > 부서관리', level1: '인사관리', level2: '부서관리', tableTimeout: 20000 }, // 생산관리 { id: 'prod-work-order', name: '생산관리 > 작업지시', level1: '생산관리', level2: '작업지시' }, { id: 'prod-item', name: '생산관리 > 품목관리', level1: '생산관리', level2: '품목관리', tableTimeout: 20000 }, // 자재관리 { id: 'material-stock', name: '자재관리 > 재고현황', level1: '자재관리', level2: '재고현황' }, { id: 'material-receiving', name: '자재관리 > 입고관리', level1: '자재관리', level2: '입고관리' }, // 게시판 { id: 'board-free', name: '게시판 > 자유게시판', level1: '게시판', level2: '자유게시판' }, // 결재관리 { id: 'approval-draft', name: '결재관리 > 기안함', level1: '결재관리', level2: '기안함' }, { id: 'approval-box', name: '결재관리 > 결재함', level1: '결재관리', level2: '결재함' }, ]; // ════════════════════════════════════════════════════════════════ // 시나리오 생성 함수 // ════════════════════════════════════════════════════════════════ function generateScenario(page) { const steps = []; let stepId = 1; // Step 1: 페이지 로드 대기 steps.push({ id: stepId++, name: '페이지 로드 대기', action: 'wait', timeout: 3000, }); // Step 2: 테이블/콘텐츠 로드 대기 steps.push({ id: stepId++, name: '테이블/콘텐츠 로드 대기', action: 'wait_for_table', timeout: page.tableTimeout || 5000, }); // Step 3: 접근성 감사 (WCAG 2.1 AA) steps.push({ id: stepId++, name: '접근성 감사', action: 'accessibility_audit', timeout: 15000, phase: 'A11Y_AUDIT', }); // Step 4: 키보드 네비게이션 검사 steps.push({ id: stepId++, name: '키보드 네비게이션 검사', action: 'keyboard_navigate', timeout: 15000, phase: 'KBD_NAV', }); return { id: `a11y-${page.id}`, name: `접근성 검사: ${page.name}`, version: '1.0.0', auth: { role: 'admin' }, menuNavigation: { level1: page.level1, level2: page.level2, }, screenshotPolicy: { captureOnFail: true, captureOnPass: false, }, steps, }; } // ════════════════════════════════════════════════════════════════ // 메인 실행 // ════════════════════════════════════════════════════════════════ function main() { if (!fs.existsSync(SCENARIOS_DIR)) { fs.mkdirSync(SCENARIOS_DIR, { recursive: true }); } console.log('\n === Accessibility Audit Scenario Generator ===\n'); let count = 0; for (const page of PAGES) { const scenario = generateScenario(page); const fp = path.join(SCENARIOS_DIR, `${scenario.id}.json`); fs.writeFileSync(fp, JSON.stringify(scenario, null, 2), 'utf-8'); console.log(` ${scenario.id}.json (${scenario.steps.length} steps)`); count++; } console.log(`\n Generated ${count} accessibility scenarios`); console.log(` Run: node e2e/runner/run-all.js --filter a11y\n`); } main();