sam-hotfix/e2e/runner/fix-crud-selectors.js

/**
 * fix-crud-selectors.js
 * CRUD 실패 시나리오 셀렉터 수정
 *
 * 18개 실패 시나리오의 근본 원인 분석 후 타겟 수정:
 *
 * Category A (CREATE 실패): 등록 버튼 셀렉터 불일치
 * Category B (UPDATE/DELETE 실패): READ 행 클릭이 soft-pass → 상세페이지 미이동
 * Category C (Settings UPDATE 실패): input 셀렉터가 실제 DOM과 불일치
 */

const fs = require('fs');
const path = require('path');

const SCENARIOS_DIR = path.join(__dirname, '..', 'scenarios');

// ============================================================
// Category B: READ row-click을 click으로 변경 (상세페이지 이동 보장)
// ============================================================
const CATEGORY_B_IDS = [
  'accounting-bill', 'accounting-client', 'accounting-deposit', 'accounting-withdrawal',
  'hr-vacation', 'material-receiving', 'quality-inspection',
  'sales-client', 'sales-order', 'sales-quotation'
];

function fixReadRowClick(scenario) {
  const changes = [];
  for (const step of scenario.steps || []) {
    if (step.phase !== 'READ') continue;
    if (step.action !== 'click_if_exists') continue;
    const target = step.target || '';
    // table row click pattern
    if (target.includes('table') && target.includes('tr') && target.includes('E2E')) {
      step.action = 'click';
      changes.push(`Step ${step.id}: click_if_exists → click (READ 행 클릭 → 상세페이지 이동 보장)`);
    }
  }
  return changes;
}

// ============================================================
// Category C: Settings 페이지 input 셀렉터 수정
// ============================================================
const SETTINGS_FIXES = {
  'settings-company': {
    // 실제 DOM: input#companyName, input#businessType, input#businessCategory, input#email 등
    // phone/fax 필드가 존재하지 않음 → businessType, businessCategory로 대체
    steps: {
      8: {
        name: '[UPDATE] 업태 수정',
        target: "input#businessType, input[placeholder*='업태']",
        action: 'fill',
        value: 'E2E_수정_업태',
        clear: true
      },
      9: {
        name: '[UPDATE] 업종 수정',
        target: "input#businessCategory, input[placeholder*='업종']",
        action: 'fill',
        value: 'E2E_수정_업종',
        clear: true
      }
    }
  },
  'settings-account': {
    // 수정 후 저장 버튼이 아닌 다른 패턴일 수 있음
    // 실제: 수정 클릭 → 필드 수정 → 저장(수정 버튼이 저장으로 변경)
    steps: {
      10: {
        target: "button:has-text('저장'), button:has-text('확인'), button:has-text('수정 완료'), button:has-text('적용')"
      }
    }
  },
  'settings-notification': {
    // 실제 DOM: toggle/switch 컴포넌트 (Shadcn Switch)
    // checkbox가 아닌 switch[role="switch"] 사용
    steps: {
      7: {
        name: '[UPDATE] 이메일 알림 토글',
        target: "button[role='switch']:nth-of-type(1), [class*='switch']:nth-of-type(1), label:has-text('이메일') button[role='switch'], label:has-text('이메일') [class*='switch']",
        action: 'click'
      },
      8: {
        name: '[UPDATE] 푸시 알림 토글',
        target: "button[role='switch']:nth-of-type(2), [class*='switch']:nth-of-type(2), label:has-text('푸시') button[role='switch'], label:has-text('푸시') [class*='switch']",
        action: 'click'
      },
      9: {
        name: '[UPDATE] 결재 알림 설정',
        target: "button[role='switch']:nth-of-type(3), [class*='switch']:nth-of-type(3), label:has-text('결재') button[role='switch'], label:has-text('결재') [class*='switch']",
        action: 'click'
      }
    }
  },
  'settings-vacation-policy': {
    // 연차/반차/이월 필드가 없을 수 있음 → 일반적인 input 셀렉터로 변경
    steps: {
      7: {
        name: '[UPDATE] 연차 설정 확인',
        target: "input[type='number']:nth-of-type(1), input[placeholder*='연차'], input[placeholder*='일수'], input:nth-of-type(1)",
        action: 'click'
      },
      8: {
        name: '[UPDATE] 반차 사용 설정',
        target: "button[role='switch'], [class*='switch'], input[type='checkbox'], label:has-text('반차') input",
        action: 'click'
      },
      9: {
        name: '[UPDATE] 이월 설정 확인',
        target: "input[type='number']:nth-of-type(2), input[placeholder*='이월'], input[placeholder*='일수']:nth-of-type(2)",
        action: 'click'
      }
    }
  },
  'settings-work-schedule': {
    // 시간 입력 필드: input[type='time'] 또는 셀렉트 컴포넌트
    steps: {
      7: {
        name: '[UPDATE] 출근 시간 확인',
        target: "input[type='time']:first-of-type, input[placeholder*='출근'], input[placeholder*='시작'], button:has-text('09:00'), button:has-text('09')",
        action: 'click'
      },
      8: {
        name: '[UPDATE] 퇴근 시간 확인',
        target: "input[type='time']:last-of-type, input[placeholder*='퇴근'], input[placeholder*='종료'], button:has-text('18:00'), button:has-text('18')",
        action: 'click'
      }
    }
  }
};

function fixSettingsSelectors(scenario) {
  const fixes = SETTINGS_FIXES[scenario.id];
  if (!fixes) return [];

  const changes = [];
  for (const [stepId, fix] of Object.entries(fixes.steps)) {
    const step = scenario.steps.find(s => s.id === parseInt(stepId));
    if (!step) continue;

    const oldTarget = step.target;
    const oldAction = step.action;
    const oldName = step.name;

    if (fix.target) step.target = fix.target;
    if (fix.action) step.action = fix.action;
    if (fix.name) step.name = fix.name;
    if (fix.value !== undefined) step.value = fix.value;
    if (fix.clear !== undefined) step.clear = fix.clear;

    const desc = [];
    if (fix.target && fix.target !== oldTarget) desc.push(`target: "${oldTarget?.substring(0, 40)}..." → "${fix.target.substring(0, 40)}..."`);
    if (fix.action && fix.action !== oldAction) desc.push(`action: ${oldAction} → ${fix.action}`);
    if (fix.name && fix.name !== oldName) desc.push(`name: "${oldName}" → "${fix.name}"`);

    changes.push(`Step ${stepId}: ${desc.join(', ')}`);
  }
  return changes;
}

// ============================================================
// Category A: CREATE 버튼 셀렉터 확장
// ============================================================
const CREATE_BUTTON_FIXES = {
  'accounting-bad-debt': {
    // 악성채권 등록 버튼
    steps: {
      8: {
        target: "button:has-text('등록'), button:has-text('추가'), button:has-text('신규'), button:has-text('채권 등록'), button:has-text('추심 등록')"
      },
      11: {
        target: "button:has-text('저장'), button:has-text('등록'), button:has-text('확인'), button:has-text('추가')"
      }
    }
  },
  'production-work-order': {
    // 작업지시 등록 버튼 - 페이지에 등록 버튼이 없을 수 있음 (read-only 대시보드)
    steps: {
      8: {
        target: "button:has-text('등록'), button:has-text('작업지시 등록'), button:has-text('추가'), button:has-text('신규'), button:has-text('작성')"
      },
      10: {
        target: "button:has-text('저장'), button:has-text('등록'), button:has-text('확인'), button:has-text('추가')"
      }
    }
  },
  'production-work-result': {
    // 작업실적 등록 버튼
    steps: {
      9: {
        target: "button:has-text('등록'), button:has-text('추가'), button:has-text('신규'), button:has-text('실적 등록'), button:has-text('작성')"
      },
      13: {
        target: "button:has-text('저장'), button:has-text('등록'), button:has-text('확인'), button:has-text('추가')"
      }
    }
  }
};

function fixCreateButtons(scenario) {
  const fixes = CREATE_BUTTON_FIXES[scenario.id];
  if (!fixes) return [];

  const changes = [];
  for (const [stepId, fix] of Object.entries(fixes.steps)) {
    const step = scenario.steps.find(s => s.id === parseInt(stepId));
    if (!step) continue;

    const oldTarget = step.target;
    if (fix.target) step.target = fix.target;
    changes.push(`Step ${stepId}: 버튼 셀렉터 확장 ("${oldTarget?.substring(0, 40)}..." → +추가 fallback)`);
  }
  return changes;
}

// ============================================================
// Main
// ============================================================
console.log('\n\x1b[1m=== CRUD 셀렉터 수정 (Fix CRUD Selectors) ===\x1b[0m\n');

const allChanges = [];
let modifiedFiles = 0;

const files = fs.readdirSync(SCENARIOS_DIR)
  .filter(f => f.endsWith('.json') && !f.startsWith('_'))
  .sort();

for (const file of files) {
  const filePath = path.join(SCENARIOS_DIR, file);
  let scenario;
  try {
    scenario = JSON.parse(fs.readFileSync(filePath, 'utf-8'));
  } catch (e) {
    continue;
  }

  const id = scenario.id;
  const changes = [];

  // Category B: READ row-click fix
  if (CATEGORY_B_IDS.includes(id)) {
    changes.push(...fixReadRowClick(scenario));
  }

  // Category C: Settings selector fixes
  if (SETTINGS_FIXES[id]) {
    changes.push(...fixSettingsSelectors(scenario));
  }

  // Category A: CREATE button fixes
  if (CREATE_BUTTON_FIXES[id]) {
    changes.push(...fixCreateButtons(scenario));
  }

  if (changes.length > 0) {
    fs.writeFileSync(filePath, JSON.stringify(scenario, null, 2) + '\n');
    modifiedFiles++;

    console.log(`\x1b[36m${file}\x1b[0m (${scenario.name})`);
    for (const c of changes) {
      console.log(`  → ${c}`);
    }
    console.log('');

    allChanges.push({ file, id, name: scenario.name, changes });
  }
}

console.log(`\x1b[1m=== 완료 ===\x1b[0m`);
console.log(`수정 파일: ${modifiedFiles}개`);
console.log(`총 변경: ${allChanges.reduce((s, f) => s + f.changes.length, 0)}건`);
console.log(`  Category A (CREATE 버튼): ${Object.keys(CREATE_BUTTON_FIXES).length}개 시나리오`);
console.log(`  Category B (READ 행클릭): ${CATEGORY_B_IDS.length}개 시나리오`);
console.log(`  Category C (Settings 셀렉터): ${Object.keys(SETTINGS_FIXES).length}개 시나리오`);
console.log(`\n다음 단계: node e2e/runner/run-all.js`);